A simple example of how to step through Cypress code

Use the following procedure to illustrate:

/// <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]'); })})Copy the code

Execute the test file and the runtime finds that the state does change to Paused:

You can then debug the Cypress JavaScript file as you would a normal JavaScript application by using the single-step debug buttons on the Cypress Test Runner toolbar:

More of Jerry’s original articles can be found in “Wang Zixi” :