如何在 Cypress 中多次重复执行测试代码？

在 Cypress 中，有多种方法可以重复执行测试代码，这主要取决于测试的需求和使用场景。以下是一些常见的方法：

1. 使用循环（如 for 循环或 Array 的 forEach 方法）

在 Cypress 中，您可以使用 JavaScript 的原生循环功能来重复执行测试代码。这种方法特别适用于需要多次执行相同操作的情况。

示例代码：

javascript
describe('多次重复执行测试', () => {
  it('使用 for 循环重复测试', () => {
    for (let i = 0; i < 5; i++) {
      cy.visit('http://example.com')
      cy.contains('Some text').click()
      // 其他测试代码
      cy.url().should('include', 'new-page')
    }
  });
});

2. 使用 Cypress 自带的 .each() 方法

如果您有一个元素集合，并需要对每个元素执行相同的测试，可以使用 .each() 方法。

示例代码：

javascript
describe('对每个元素执行测试', () => {
  it('使用 .each() 方法', () => {
    cy.visit('http://example.com')
    cy.get('.list-item').each((item, index) => {
      cy.wrap(item).click()
      cy.url().should('include', `item-${index}`)
    });
  });
});

3. 使用自定义命令

你可以通过创建自定义命令来封装重复的测试逻辑。这有助于保持测试代码的DRY（Don't Repeat Yourself）原则。

示例代码：

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

describe('使用自定义命令重复测试', () => {
  it('重复执行测试', () => {
    cy.repeatTest(5);
  });
});

4. 使用第三方库

例如，您可以使用像 lodash 或 underscore 这样的库，这些库提供了方便的迭代功能。

示例代码：

javascript
const _ = require('lodash');

describe('利用 lodash 重复执行测试', () => {
  it('使用 _.times() 方法', () => {
    _.times(5, () => {
      cy.visit('http://example.com')
      cy.contains('Button').click()
      cy.url().should('include', 'new-page')
    });
  });
});

总结

选择何种方式来重复执行测试代码，主要依据您的具体需求。如果是简单的重复执行相同操作，使用循环可能是最直接的方法。如果是对集合中的每个元素执行操作，.each() 方法会非常合适。而自定义命令则适合复用较复杂的测试逻辑，能有效提高代码的可维护性和可读性。