2024Cypress自动化测试开发指南!

cypress是基于JavaScript语言为编写语言的自动化测试开发工具,配合使用cucumber测试开发框架,以node.js为服务进程,可以简单的帮助测试人员完成需要人工手点的所有页面人机交互操作,可以模拟键盘和鼠标输入,快捷完成case的测试。

cypress提供了官方API调用文档,可以帮助开发者快速入门:

cypress开发文档 :https://docs.cypress.io/api/table-of-contents

01、cypress安装教程

(MacOS版本)

安装前准备

需要node.js 12 or 14 版本

注意:

在安装之前一定要先初始化npm npm init,需要自行设置参数或者npm init -y

安装方式

通过npm安装Cypress

cd /your/project/path

npm install cypress --save-dev

这将在本地安装Cypress作为项目的开发依赖项。

注意:

确保你已经运行过npm init或者有node_modules文件夹或包package.Json文件,以确保cypress安装在正确的目录下。

通过yarn安装Cypress

cd /your/project/path

yarn add cypress --dev

直接下载Demo

下载地址:https://download.cypress.io/desktop  可以指定版本:https://download.cypress.io/desktop/6.8.0

现在我也找了很多测试的朋友,做了一个分享技术的交流群,共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源,没人解答问题,坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化,性能,安全,测试开发等等方面有一定建树的技术大牛
分享他们的经验,还会分享很多直播讲座和技术沙龙
可以免费学习!划重点!开源的!!!
qq群号:691998057【暗号:csdn999】

安装后使用

1、直接启动

在代码编写完毕之后,可以通过在项目根目录下,直接启动:在你的项目根目录下执行以下命令:

./node_modules/.bin/cypress open

或者

$(npm bin)/cypress open

或者

npx cypress open

或者

Or by using yarn

打开后显示cucumber插件安装

npm安装

npm install --save-dev cypress-cucumber-preprocessor

配置:

1. 添加到cypree插件

vim cypress/plugins/index.js const cucumber =

require(‘cypress-cucumber-preprocessor’).default module.exports = (on,

config) => { on(‘file:preprocessor’, cucumber()) }

2. 在Cypress配置中添加对功能文件的支持

vim cypress.json

{

testFiles”: “**/*.feature”

}

3. 请使用cosmiconfig为插件创建一个配置,例如,通过添加这个部分到你package.json:

vim package.json

#追加到package.json “cypress-cucumber-preprocessor”: { “nonGlobalStepDefinitions”: true }

2、官方Demo直接运行

demo地址:https://github.com/TheBrainFamily/cypress-cucumber-example

注意:

下载后使用ide打开,若没有npm,安装后即可

3、Ide插件安装

图片

安装后重启idea

02、cypress的基础配置

插件支持配置——package.json文件配置

图片

package.json中将会指明当前文件版本、使用的cucumber框架版本、cypress测试工具版本、所需要的支持插件名称以及版本号,以及测试时的主文件,这很重要,决定你写的cypress代码能否运行,并且需要你在cypress/plugins/index.js写入

const cucumber = require('cypress-cucumber-preprocessor').default

module.exports = (on, config) => {

  on('file:preprocessor', cucumber())

}

这样才可以使cucumber插件生效,cucumber框架将为我们标准化开发cypress自动化测试提供帮助

cypress.json配置及详解

在实际使用cypress过程中,cypress是支持直接对js文件直接运行的,但如果所写的自动化测试代码在不同的文件,当启动测试时需要在不同的文件间切换,每次切换需要重启浏览器,这使得测试过程显得十分臃肿,cucumber建议:可以通过创建.features文件来利用这一点。您可以选择在目录的根目录cypress/integrations或每个目录中创建唯一的一个文件。

创建一个cypress工程

首先创建一个node项目,对package.json文件进行配置,

除了必要的cypress、以及cypress生成错误报告要使用的mochawesome自定义报告生成器,其他依赖可以根据个人需求在package.json中编辑,再运行npm install,npm将会自动生成cypress的工程结构和所需依赖。

当然使用上述安装方式也可也直接实现cypress的创建,但建议使用npm统一创建,统一管理。随后就可以我们的标准化开发了!

以下是一个简单的cypress自动化测试示例,用于测试一个简单的网页登录功能:

describe('登录功能测试', () => {it('访问登录页面', () => {cy.visit('https://example.com/login')})it('输入用户名和密码', () => {cy.get('input[name="username"]').type('testuser')cy.get('input[name="password"]').type('password123')})it('点击登录按钮', () => {cy.get('button[type="submit"]').click()})it('验证登录成功', () => {cy.url().should('include', '/dashboard')cy.get('.welcome-message').should('contain', '欢迎回来,testuser')})
})
在这个示例中,我们使用cypress编写了一个测试套件,包括访问登录页面、输入用户名和密码、点击登录按钮以及验证登录成功这四个测试步骤。通过这个示例,可以看到cypress的简洁语法和强大功能,使得编写自动化测试变得非常容易和高效。

下面是配套资料,对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!

最后: 可以在公众号:自动化测试老司机 ! 免费领取一份216页软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享!,其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。

如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/656368.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用串口WiFi透传模块需要解决的几个问题,2串口双串口,3串口多串口转WiFi模块S2W-M02

我们知道在现在物联网时代,串口设备通过WiFi联网上传数据已经有很多的场景需求。但是,现在市面上的大部分串口转WiFi模块都仅仅支持一个串口的数据透传应用。 如果串口转WiFi模块仅仅有一个串口资源进行透传,那么它的应用场景是如下的&#x…

问卷发放实战指南:提高问卷回收率与数据质量的技巧

进行问卷调查分为四步:制作问卷、发放问卷、收集问卷、分析问卷。其中,发放问卷起到了关键性的作用。他关乎到我们后续收集问卷是否顺利,收集到的问卷数据是否具备真实性和有效性。那么,怎么有效地进行问卷发放呢? ​…

【C项目】顺序表

简介:本系列博客为C项目系列内容,通过代码来具体实现某个经典简单项目 适宜人群:已大体了解C语法同学 作者留言:本博客相关内容如需转载请注明出处,本人学疏才浅,难免存在些许错误,望留言指正 作…

网络战新高度!俄罗斯280台服务器被摧毁,200万GB数据丢失

Hackread网站消息,乌克兰国防部主要情报总局(HUR)的网络安全专家宣称对俄罗斯IPL咨询公司发起了一次成功的网络攻击,摧毁了该公司所有的IT基础设施,导致全国通信中断。 乌克兰HUR在Facebook上的发布公告表示&#xff0…

分配土地(100%用例)C卷(JavaPythonC++Node.jsC语言)

从前有个村庄,村民们喜欢在各种田地上插上小旗子,旗子上标识了各种不同的数字。某天集体村民决定将覆盖相同数字的最小矩阵形的土地的分配给为村里做出巨大贡献的村民,请问,此次分配士地,做出贡献的村民中最大会分配多大面积? 输入描述: 第一行输入m和n,m代表村子的土…

nginx负载均衡案例

大家好今天给大家带来nginx负载均衡实验案例,首大家先看一下我的各类版本信息。(还有两台设备信息相同就不展示了) 一,搭建nginx环境 ❶首先创建Nginx的目录并进入: [rootlocalhost]# mkdir /soft && mkdir /soft/nginx…

电气自动化行业,全面数字化工作流程

电气自动化行业数字化转型所需流程软件,与大家分享如下: D-Hub企业数字化协同平台、SuperHarness数字线束软件、SuperPanel母排设计软件、D-Hub生产管理系统,全面的数字化工作流程,智能降本增效! D-Hub D-Hub是一款…

解决网站 “debugger“ 阻止调试

某些网站耍小聪明 以为在网站内 添加了 debugger 就能阻止别人对网站进行调试! 针对某些网站 当你浏览器打开F12 后 你发现无论你怎么执行下一步 你始终停留在 debugger 这个代码文件内现在的问题是 每当我执行 下一步调试 时 都会被 “(function(){setInterval(f…

合并K个有序链表----链表OJ

https://leetcode.cn/problems/merge-k-sorted-lists/submissions/499384099/?envType=study-plan-v2&envId=top-100-liked 1、两两合并 前面我们做过合并两个有序链表,那么这里合并K个有序链表,是否可以联想到合并两个呢?答案是可以的!两两合并。 思路: 1、将lists[…

汇编中$+6的意义与理解

汇编中$6的意义与理解 简介 在汇编语言中, $6 这样的表达式通常表示相对于当前指令地址的偏移量。这里的 $ 符号代表当前程序计数器(PC)的位置,因此 ($6) 意味着从当前指令执行完毕后,下一条要执行的指令位置向前或向…

洗地机怎么选?洗地机选购必看

如今,洗地机已经成为了我们地板清洁的主力军了,但市场上的产品繁多让人眼花缭乱,不少朋友做了半天功课,还是不明白到底哪款产品适合自己。所以今天笔者给大家带来了满满的洗地机选购干货,还给大家附赠了选购清单&#…

AI创作之旅:探索提示工程的奇妙世界

目录 推荐 1. 引言 2. 什么是提示工程? 3. 准备工作 3.1 安装必要的库 3.2 获取 OpenAI API 密钥 4 设置 OpenAI API 密钥 5. 提示工程实战 6. 探索更多可能性 6.1 尝试不同的提示 6.2 调整参数 结语 ⭐️ 好书推荐 推荐 前些天发现了一个巨牛的人工智…

软件物料清单管理 | 打开“应用软件盲盒”,预警“开源组件风险”

更多网络安全干货内容:点此获取 ——————— 01 开源组件安全风险管控难 随着软件规模化发展和开源软件的兴起,越来越多的软件在开发过程中集成第三方组件或开源组件,这极大地提高了开发效率,但也难以避免地引入了安全风险。…

【大厂AI课学习笔记】1.1.3 常见术语解释

目录 1.人工智能(Artificial intelligence) 2. 算法(Algorithms) 3.机器学习(Machine learning) 4.深度学习(Deep learning) 5.神经网络(NN) 6.监督学习(Supervised learning) 7.无监督学习(Unsupervised learning) 1.人工智能(Artificial intelligence) 人工智能亦称智…

在RunnerGo测试平台中做WebSocket、Dubbo、TCP/IP接口测试

大家好,RunnerGo作为一款一站式测试平台不断为用户提供更好的使用体验,最近得知RunnerGo新增对,WebSocket、Dubbo、TCP/IP,三种协议API的测试支持,本篇文章跟大家分享一下使用方法。 WebSocket协议 WebSocket 是一种…

SpringBoot整合EasyCaptcha图形验证码

简介 EasyCaptcha&#xff1a;https://github.com/ele-admin/EasyCaptcha Java图形验证码&#xff0c;支持gif、中文、算术等类型&#xff0c;可用于Java Web、JavaSE等项目。 添加依赖 <dependency><groupId>com.github.whvcse</groupId><artifactId…

从公有云对象存储迁移到回私有化 MinIO需要了解的所有信息

我们上一篇文章《如何从 AWS S3 遣返到 MinIO》的反响非常出色 - 我们已经接到了数十个企业的电话&#xff0c;要求我们提供遣返建议。我们已将这些回复汇总到这篇新文章中&#xff0c;其中我们更深入地研究了与遣返相关的成本和节省&#xff0c;以便您更轻松地进行自己的分析。…

使用马可波罗API查询商品信息的方法

马可波罗是一个知名的B2B平台&#xff0c;提供各种商品的查询和交易服务。为了方便用户获取商品信息&#xff0c;马可波罗提供了API接口。通过API&#xff0c;用户可以轻松地获取到商品的详细信息。以下是如何使用马可波罗API查询商品信息的方法&#xff1a; 注册并登录马可波…

多语言游戏网站

语言包 Steam&#xff1a;Steam 使用 VDF&#xff08;Valve Data Format&#xff09;语言包。VDF 是一种基于 JSON 的数据格式&#xff0c;用于存储游戏数据和其他信息。Steam 的语言包包含特定语言翻译的文本、图像和音频等内容。Epic Games Store&#xff1a;Epic Games Sto…

【MyBatis】快速入门MyBatis(保姆式教学),你值得一看

文章目录 &#x1f4c4;前言一. Mybatis简介✈️1. 什么是Mybatis&#x1f680;2. 为什么使用Mybatis 二. Mybatis快速入门&#x1f346;1. mybatis使用前准备1.1 创建springboot项目并引入相关依赖1.2 在 application.ym中进行数据源的配置1.3 创建数据表&#xff0c;准备表数…