Cypress - 调试

Cypress 有一个非常好的调试功能，我们可以进行时间旅行，查看测试执行期间实际发生了什么。这可以通过将鼠标悬停在测试运行器日志上来完成。

当我们在测试运行器窗口中执行步骤时，元素会突出显示。我们还可以使用 Cypress 命令暂停。这会暂停执行，在此期间我们可以调试前面的步骤。之后，我们可以再次恢复执行。

实现

Cypress 中调试命令的实现如下 −

describe('Tutorialspoint Test', function () {
    // 测试用例
    it('场景 1', function (){
        // 启动应用程序
        cy.visit("https://accounts.google.com");
        // 启用 cookie 日志记录
        Cypress.Cookies.debug(true)
        cy.getCookies
        //暂停执行
        cy.pause()
        cy.setCookie('cookie1', 'value1' )
    });
});

执行结果

输出如下 −

输出日志显示执行已暂停（由"暂停"按钮表示）。然后，我们可以在调试前面的步骤后通过单击"恢复"按钮（出现在"暂停"按钮旁边）来恢复它。

输出日志现在包含从暂停恢复后执行的所有步骤。

如果我们在浏览器上打开开发者控制台（按 F12），并从测试运行器中选择一个步骤，控制台将显示使用的命令和 Yielded 的值。

例如，对于 setCookie 步骤，控制台显示命令 − setCookie 和 Yielded 显示 cookie 名称 − cookie1 和值 − value1。