全新ui自动化测试框架教学——Cypress

前言

在现阶段自动化测试领域大规模普及的是selenium及appium等常规自动化测试工具,但在其中会有遇到很多影响因素导致测试结果不理想和不准确的情况发生。在经过Darren洋对自动化测试工具调研后,发现了Cypress这一款针对端到端的自动化测试工具,可以测试web ui及api自动化测试(最重要的一点是该款工具可以自动生成元素标签语句,针对基础薄弱和零基础的小白非常友好,打工人学习起来也是非常快,非常容易顺手)。

一、安装npm

还没安装node.js的小伙伴请看我之前的博客记录的node.js安装流程。

https://cfycsdnbk.blog.csdn.net/article/details/130383779

二、安装package.json配置文件

在新建的文件夹内执行 npm init -y 命令生成 package.json 文件

复制代码
npm init -y

三、安装cypress

在dos系统中使用以下npm命令安装cypress程序包。

复制代码
npm install cypress --save-dev
复制代码
npm WARN notsup Unsupported engine for cypress@13.6.2: wanted: {"node":"^16.0.0 || ^18.0.0 || >=20.0.0"} (current: {"node":"12.22.12","npm":"6.14.16"})
npm WARN notsup Not compatible with your version of node/npm: cypress@13.6.2
npm WARN CypressProjects@1.0.0 No description
npm WARN CypressProjects@1.0.0 No repository field.

这里因为使用的node.js版本为12左右的,导致cypress版本不支持改node,故使用nvm进行下载切换高版本的node.js。

重新打开dos系统进行安装即可解决版本不兼容问题。

四、打开cypress图形化界面

在dos系统中使用以下命令打开cypress图形化界面。

复制代码
node_modules\.bin\cypress open

选择端到端测试选项。

这里按照自己的浏览器进行选择,这里我选择的是谷歌浏览器。选择后会打开一个全新的本地页面(也就是cypress的操作页面)。

五、创建新示例

进入页面后选择创建空示例。

若点击运行显示窗口报以下错误,则应考虑npm版本是否与cypress存在版本不兼容的问题。

复制代码
Error: Webpack Compilation Error
Module build failed (from C:\Users\Administrator\AppData\Local\Cypress\Cache\13.6.2\Cypress\resources\app\node_modules\babel-loader\lib\index.js):
Error: Cannot find module 'fs/promises'
Require stack:

示例显示效果:

六、运行示例

在js文件进行代码流程的修改,以Darren洋本地构建项目为例。

复制代码
describe('Darren洋自动化测试', () => {
  it('访问首页并搜索', () => {
    cy.visit('http://localhost:8080/EasyBuy/Home?action=index')
    cy.get('input[name="keyWord"]').type('1')
    cy.get('.s_btn').click()
  })
})

修改好后,在浏览器中点击js文件即可运行,运行效果如下:

七、快速获取元素定位语句

相比于自己找标签的语句写法,在cypress中还有一种快速获取标签语句的用法,简直是超级方便,绝对的打工人福利。

直接复制命令啦,这个脚本获取的太轻松啦!!!其余脚本标签获取一样,在这里Darren洋就不过多演示啦!!!下课!!!

相关推荐
惜.己8 分钟前
使用python的读取xml文件,简单的处理成元组数组
xml·开发语言·python·测试工具
chao_7891 小时前
更灵活方便的初始化、清除方法——fixture【pytest】
服务器·自动化测试·python·pytest
惜.己2 小时前
使用python读取json数据,简单的处理成元组数组
开发语言·python·测试工具·json
baynk13 小时前
wireshark的常用用法
网络·测试工具·wireshark·ctf
维度软件库13 小时前
集中打印和转换Office 批量打印精灵:Word/Excel/PDF 全兼容,效率翻倍
测试工具·电脑·开源软件
慧都小项1 天前
降本增效!自动化UI测试平台TestComplete并行测试亮点
自动化测试·ci/cd·跨平台·ui测试·回归测试·并行测试·环境兼容
chao_7892 天前
pytest 实战演练【pytest】
自动化测试·单元测试·自动化·pytest
测试老哥2 天前
Jmeter+ant+jenkins接口自动化测试框架
自动化测试·软件测试·python·测试工具·jmeter·jenkins·压力测试
技术猿188702783512 天前
实现“micro 关键字搜索全覆盖商品”并通过 API 接口提供实时数据(一个方法)
开发语言·网络·python·深度学习·测试工具
计算机毕设定制辅导-无忧学长4 天前
Modbus 开发工具实战:ModScan32 与 Wireshark 抓包分析(一
网络·测试工具·wireshark