Cypress安装使用(E2E测试框架)
一、简介
cypress是为现代网络打造的下一代前端测试工具,解决了开发人员和qa工程师在测试现代应用程序时面临的关键难点问题。
cypress包含免费的、开源的、可本地安装的test runner 和 能够记录你测试的控制面板服务。
二、安装
1) 通过npm来安装cypress:
① 那么首先安装node.js(npm是一个node包管理和分发工具),下载:
② 打开cmd命令行,利用 mkdir 新建目录,利用 cd 命令切换到指定目录(也可以手动先新建好)
③ 使用 npm install cypress --save-dev 安装cypress(如果有warn可忽略,不影响)
④ 使用 node_modules\.bin\cypress open 启动cypress
2) 直接下载cypress压缩包
① 官网下载地址:
② 解压到指定目录,然后进入目录,执行cypress.exe
③ 选择你的项目路径
三、使用
1) 默认已经为我们准备了一些丰富的例子 ,可以直接点击运行。
2)我们也可以自己新建一个测试文件:
① 首先切换至目录 ~\cypress\cypress\integration(任意编辑器都可以,我使用的时pycharm)
② 然后新建一个测试文件 sample_spec.js,代码如下:
describe('my first test', function () { it('does not do much!', function () { cy.visit("https://www.baidu.com") cy.get("#kw").type("cypress test") cy.wait(60) cy.get("#su").click() cy.contains('cypress website').click() }) })
③ 最后打开cypress运行此文件即可,你会发现运行速度很快,这就是cypress的优势所在。
④ 更多api详解参考:
四、设置
1) 运行情况: 从左向右分别显示成功数、失败数、未运行、耗时,以及自动滚屏和重新运行按钮
2) 控件定位: 1.点击选择器 ->2.点击定位元素 ->3.复制生成代码
3) 窗口设置:
① 默认情况下,除非由cy.viewport命令指定,否则视口将为1000*660px
② 我们可以通过在cypress.json中指定这些值来覆盖默认视口维度
{ “viewportwidth”:1200, “viewportheight”:800 }
----- 转载请注明原作,谢谢:https://www.cnblogs.com/leozhanggg/p/10973820.html
上一篇: 如何使用VSCode愉快的写Python于调试配置步骤
下一篇: js 日期时间的格式化