How to repeat a test in Cypress multiple times?

1. Using Loops (such as for loops or Array's forEach method)

In Cypress, you can leverage JavaScript's native looping constructs to run tests multiple times. This approach is particularly suitable for scenarios where you need to execute the same operation repeatedly.

Example code:

javascript
describe('Repeated Test Execution', () => {
  it('Repeating tests with a for loop', () => {
    for (let i = 0; i < 5; i++) {
      cy.visit('http://example.com')
      cy.contains('Some text').click()
      // Other test code
      cy.url().should('include', 'new-page')
    }
  });
});

2. Using Cypress's Built-in .each() Method

If you have a collection of elements and need to perform the same test on each element, the .each() method is ideal.

Example code:

javascript
describe('Performing tests on each element', () => {
  it('Using the .each() method', () => {
    cy.visit('http://example.com')
    cy.get('.list-item').each((item, index) => {
      cy.wrap(item).click()
      cy.url().should('include', `item-${index}`)
    });
  });
});

3. Using Custom Commands

You can create custom commands to encapsulate repeated test logic, which helps maintain the DRY (Don't Repeat Yourself) principle and improves code organization.

Example code:

javascript
Cypress.Commands.add('repeatTest', (times) => {
  for (let i = 0; i < times; i++) {
    cy.visit('http://example.com')
    cy.contains('Button').click()
    // Other test logic
    cy.url().should('include', 'new-page')
  }
});

describe('Repeating tests with custom commands', () => {
  it('Repeating tests', () => {
    cy.repeatTest(5);
  });
});

4. Using Third-Party Libraries

For example, libraries like lodash or underscore provide convenient iteration functionality.

Example code:

javascript
const _ = require('lodash');

describe('Repeating tests using lodash', () => {
  it('Using _.times() method', () => {
    _.times(5, () => {
      cy.visit('http://example.com')
      cy.contains('Button').click()
      cy.url().should('include', 'new-page')
    });
  });
});

Summary

The choice of method for repeating test code primarily depends on your specific requirements. For simple cases requiring repeated execution of the same operation, using loops is the most straightforward approach. For scenarios involving operations on each element in a collection, the .each() method is highly suitable. Custom commands are ideal for reusing complex test logic, effectively enhancing code maintainability and readability.