Cypress 如何使用不同的数据集进行多次运行测试？

当使用 Cypress 进行端到端测试时，通常会遇到需要针对不同数据集运行相同测试脚本的情况。这种情况下，我们可以利用 Cypress 的功能来实现参数化测试，即使用不同的数据集多次执行相同的测试。下面我将详细介绍如何实现这一点。

使用静态数据

最基本的方法是使用静态数据文件（如 JSON 文件）。您可以创建一个 JSON 文件来存储不同的测试数据，并在测试中读取这些数据。

示例步骤：

1. 创建 JSON 文件 在您的 Cypress 项目中，可以在 cypress/fixtures/ 目录下创建一个名为 testData.json 的文件。该文件可能包含如下内容：

   json
   [
       {"email": "test1@example.com", "password": "password1"},
       {"email": "test2@example.com", "password": "password2"}
   ]

2. 编写测试使用这些数据 在测试文件中，您可以使用 cy.fixture() 方法来加载这些数据，并使用 JavaScript 的 forEach 方法来遍历所有数据集。

   javascript
   describe('登录功能测试', () => {
       beforeEach(() => {
           cy.visit('/login');
       });
   
       cy.fixture('testData').then((users) => {
           users.forEach((user) => {
               it(`使用邮箱 ${user.email} 登录`, () => {
                   cy.get('[data-cy=email]').type(user.email);
                   cy.get('[data-cy=password]').type(user.password);
                   cy.get('[data-cy=submit]').click();
                   cy.contains('登录成功');
               });
           });
       });
   });

使用动态生成数据

如果您需要更灵活的数据，可以使用 JavaScript 直接在测试中生成数据。

示例代码：

javascript
describe('动态数据生成登录测试', () => {
    beforeEach(() => {
        cy.visit('/login');
    });

    const users = Array.from({ length: 5 }, (v, k) => {
        return {
            email: `user${k + 1}@example.com`,
            password: `password${k + 1}`
        };
    });

    users.forEach((user) => {
        it(`使用邮箱 ${user.email} 登录`, () => {
            cy.get('[data-cy=email]').type(user.email);
            cy.get('[data-cy=password]').type(user.password);
            cy.get('[data-cy=submit]').click();
            cy.contains('登录成功');
        });
    });
});

在这个例子中，我们生成了 5 个用户数据，每个用户都使用不同的邮箱和密码，然后执行登录测试。

使用环境变量

另一种方法是使用环境变量来传递不同的数据集。您可以在命令行中设置环境变量，或者在 cypress.json 配置文件中设置环境变量。

命令行示例：

bash
CYPRESS_EMAIL=test@example.com CYPRESS_PASSWORD=password1 npx cypress run

测试中使用环境变量：

javascript
it('使用环境变量登录', () => {
    cy.visit('/login');
    cy.get('[data-cy=email]').type(Cypress.env('EMAIL'));
    cy.get('[data-cy=password]').type(Cypress.env('PASSWORD'));
    cy.get('[data-cy=submit]').click();
    cy.contains('登录成功');
});

使用上述方法，您可以灵活地控制测试数据，并根据需要轻松地调整和执行多种测试场景。