- Cypress教程
- Cypress - 主页
- Cypress - 简介
- Cypress - 架构和环境设置
- Cypress - 测试运行者
- Cypress - 构建第一个测试
- Cypress - 支持的浏览器
- Cypress - 基本命令
- Cypress - 变量
- Cypress - 别名
- Cypress - 定位器
- Cypress - 断言
- Cypress - 文本验证
- Cypress - 异步Behave
- Cypress - 使用 XHR
- Cypress - jQuery
- Cypress - 复选框
- Cypress - 标签
- Cypress - 下拉菜单
- Cypress - 警报
- Cypress - 子窗口
- Cypress - 隐藏元素
- Cypress - 框架
- Cypress - 网络表
- Cypress - 鼠标操作
- Cypress - cookie
- Cypress - 获取和发布
- Cypress - 文件上传
- Cypress - 数据驱动测试
- Cypress - 提示弹窗
- Cypress - 仪表板
- Cypress - 屏幕截图和视频
- Cypress - 调试
- Cypress - 自定义命令
- Cypress - 装置
- Cypress - 环境变量
- Cypress - 挂钩
- Cypress - JSON 文件的配置
- Cypress - 报告
- Cypress - 插件
- Cypress - GitHub
- Cypress有用资源
- Cypress - 快速指南
- Cypress - 有用的资源
- Cypress - 讨论
Cypress - 调试
Cypress 具有非常好的调试功能,我们可以通过它进行时间旅行并查看测试执行期间实际发生的情况。这可以通过将鼠标悬停在测试运行程序日志上来完成。
当我们在测试运行器窗口中执行步骤时,元素会突出显示。我们还可以使用 Cypress 命令暂停。这会暂停执行,在此期间我们可以调试前面的步骤。之后,我们可以再次恢复执行。
执行
Cypress 中调试命令的实现如下 -
describe('Tutorialspoint Test', function () { // test case it('Scenario 1', function (){ // launch the application cy.visit("https://accounts.google.com"); // enable cookie logging Cypress.Cookies.debug(true) cy.getCookies //pause execution cy.pause() cy.setCookie('cookie1', 'value1' ) }); });
执行结果
输出如下 -
输出日志显示执行已暂停(由“暂停”按钮表示)。此外,我们可以在调试前面的步骤后通过单击“恢复”按钮(显示在“暂停”按钮旁边)来恢复执行。
输出日志现在包含从暂停恢复后执行的所有步骤。
如果我们在浏览器上打开开发者控制台(按 F12),并从测试运行器中选择一个步骤,控制台将显示使用的命令和值 Yield。
例如,对于 setCookie 步骤,控制台显示 Command - setCookie,Yielded 显示 cookie 名称 - cookie1 和值 - value1。