天天看點

通過一個簡單的例子,了解如何單步調試 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 檔案了: