如何在运行Cypress e2e测试时,同时使用检查器构建新测试?
可行解决方案
方案1:启动第二个独立的Cypress GUI实例
这是最直接且不干扰当前测试的方法:
- 打开新终端窗口/标签页,进入项目根目录
- 运行命令:
npx cypress open- 若出现端口冲突(提示“Port 6080 is already in use”),指定不同端口:
npx cypress open --port 6081
- 若出现端口冲突(提示“Port 6080 is already in use”),指定不同端口:
- 新的Cypress GUI会独立启动,你可以在这个实例里打开任意浏览器,用检查器构建新测试,完全不影响第一个实例的测试运行。
方案2:借助Cypress Studio可视化生成测试(v9+支持)
如果你的Cypress版本在v9及以上,可利用Cypress Studio快速可视化构建测试:
- 按方案1启动第二个Cypress GUI实例
- 选择一个空测试文件(或新建
.cy.js文件) - 点击测试文件旁的Record按钮,启动Cypress Studio
- 在浏览器中操作目标页面,Cypress会自动记录你的操作步骤并生成测试代码,完成后保存即可得到新测试用例。
方案3:暂停当前测试临时使用检查器(会中断测试)
如果暂时无法启动第二个实例,可通过暂停当前测试的方式临时使用检查器,但会打断正在运行的测试流程:
- 打开当前正在运行的测试文件,在合适位置添加
cy.pause()命令 - 保存文件后,Cypress会自动重载测试并运行到
cy.pause()处暂停 - 此时可使用检查器操作页面,记录所需测试步骤
- 完成后移除
cy.pause()并保存,测试会继续运行(或手动终止)
内容的提问来源于stack exchange,提问作者Luke
相关产品推荐
相关产品推荐

