How to create a single command from multiple commands

// Store data in ./fixtures/todos.json
[
  { "id": 1, "name": "Eat", isComplete: true },
  { "id": 2, "name": "Sleep", isComplete: false },
  { "id": 3, "name": "Dream", isComplete: false }
]

// Add you custom command in here: support/commands.js
Cypress.Commands.add('seedAndVisit', (seedData = 'fixture:todos') => {
  cy.server()
  cy.route('GET', '/api/todos', seedData)
    .as('loadToComplete')
  cy.visit('/')
  cy.wait('@loadToComplete')
})

// Use fixture data in test file and wait for XHR response before progressing with test
describe('application initialisation', () => {
  it('displays the correct number of items in the todo list', () => {
    cy.seedAndVisit()
    cy.get('.list-item').should('have.length', 3)
  })
})

Last updated

Was this helpful?