天天看点

通过一个简单的例子,了解如何单步调试 Cypress 代码

使用下列程序进行说明:

/// <reference types="Cypress" />

describe('My First Test', () => {
  it('finds the content "type"', () => {
    cy.visit('https://example.cypress.io')

    cy.pause();

    cy.contains('type').click();

    cy.url().should('include', '/commands/actions');

    cy.get('.action-email')
      .type('[email protected]')
      .should('have.value', '[email protected]');
  })
})
      
通过一个简单的例子,了解如何单步调试 Cypress 代码

执行这个测试文件,运行时发现状态确实变成 paused 了:

通过一个简单的例子,了解如何单步调试 Cypress 代码
通过一个简单的例子,了解如何单步调试 Cypress 代码
通过一个简单的例子,了解如何单步调试 Cypress 代码

然后利用 Cypress Test Runner 工具栏上这些单步调试按钮,就可以像调试一般的 JavaScript 应用一样,调试这个 Cypress JavaScript 文件了: