12 调试
Cypress的测试代码和被测试程序在同一生命周期中的浏览器中，也就是意味着，可以使用浏览器的开发者工具直接参与调试。Cypress提供了几种调试方法，分别为： debugger、 debug、 pause和 开发者工具
12.1 使用debugger
我们先来看看一份代码：
describe('验证测试Debugger', () => {
it('测试debugger调试', () => {
cy.visit("http://www.baidu.com/")
cy.get("#kw")
debugger // 这里的调试不会运行
});
});
以上代码并没有满足你的期望，因为Cypress的命令是 异步执行，所以并不会立即执行。针对这种情况，我们只需要将debugger命令和 放入then命令中就可以了。示例代码如下所示：
///
describe('验证测试Debugger', () => {
it('测试debugger调试', () => {
cy.visit("https://www.baidu.com/")
cy.get("#kw").type("Surpass").then((item)=>{
debugger // 这里的调试会运行
})
});
});
运行结果如下所示：
在运行测试脚本时，需要打开开发者工具窗口，否则遇到dubugger时不会暂停
12.2 使用debug
除了使用dubugger之外，Cypress还提供另一个调试方法 debug。示例代码如下所示：
///
describe('验证测试Debugger', () => {
it('测试debugger调试', () => {
cy.visit("https://www.baidu.com/")
cy.get("#kw").type("Surpass").debug();
});
});
运行结果如下所示：
12.3 使用pause
使用pause可以实现逐步执行命令，示例代码如下所示：
///
describe('验证测试Debugger', () => {
it('测试debugger调试', () => {
cy.visit("https://www.baidu.com/")
cy.get("#kw").type("Surpass").pause();
});
});
运行结果如下所示：
12.4 使用开发者工具
在调试的过程，我们也可以借助开发者工具选项，通过控制台输入一些命令，来达到调试的效果，如下所示：
也可以直接在Console直接输入相应的Cypress命令
原文地址：https://www.jianshu.com/p/6214b31404dd
本文同步在微信订阅号上发布，如各位小伙伴们喜欢我的文章，也可以关注我的微信订阅号：woaitest，或扫描下面的二维码添加关注：
Original: https://www.cnblogs.com/surpassme/p/16743492.html
Author: Surpassme
Title: WEB自动化-12-Cypress 调试
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/581617/
转载文章受原作者版权保护。转载请注明原作者出处！