Cypress - 调试

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

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

实现

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

describe('Tutorialspoint Test', function () {
   // test case
   it('Scenario 1', function (){
      // launch the application
      cy.visit("https://127.0.0.1");
      // enable cookie logging
      Cypress.Cookies.debug(true)
      cy.getCookies
      //pause execution
      cy.pause()
      cy.setCookie('cookie1', 'value1' )
   });
});

执行结果

输出结果如下：

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

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

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

例如，对于 `setCookie` 步骤，控制台显示命令 - `setCookie`，返回值显示 Cookie 名称 - `cookie1` 和值 - `value1`。