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。

设置Cookie