Cypress 中的数据驱动测试：综合指南

PHPz

发布时间：2024-07-19 08:10:31

1045人浏览过

来源于dev.to

转载

cypress 中的数据驱动测试：综合指南

介绍

数据驱动测试是一种强大的方法，允许您使用多组数据运行相同的测试。此方法对于验证具有各种输入组合的应用程序行为特别有用，可确保完全覆盖不同的场景。在这篇文章中，我们将探讨如何在 cypress 中实现数据驱动测试，利用其功能来创建高效且可维护的测试。

什么是数据驱动测试？

数据驱动测试涉及将测试逻辑与测试数据分离，允许使用不同的输入多次执行测试。这种方法有助于识别边缘情况、验证业务逻辑并确保应用程序正确处理各种数据。

数据驱动测试的好处

增加测试覆盖率：确保您的应用程序通过各种输入和场景进行测试。
提高可维护性：通过将数据与测试逻辑分离来简化测试维护。
效率：通过在不同的数据集上重用相同的测试逻辑来减少代码重复。
可扩展性： 只需添加新数据集即可更轻松地添加新测试用例。

在 cypress 中实施数据驱动测试

cypress 提供了多种实现数据驱动测试的方法，包括使用数组、夹具和外部库。让我们通过示例来探索这些方法。

1.使用数组
您可以使用数组来存储不同的测试数据集，并使用 foreach 方法迭代它们。

示例：

const testdata = [
    { username: 'user1', password: 'password1' },
    { username: 'user2', password: 'password2' },
    { username: 'user3', password: 'password3' }
];

describe('data-driven testing with arrays', () => {
    testdata.foreach((data) => {
        it(`should log in successfully with username: ${data.username}`, () => {
            cy.visit('/login');
            cy.get('input[name="username"]').type(data.username);
            cy.get('input[name="password"]').type(data.password);
            cy.get('button[type="submit"]').click();
            cy.url().should('include', '/dashboard');
        });
    });
});

2.使用固定装置
fixtures 是以 json 格式存储测试数据的外部文件。 cypress 允许您加载夹具文件并在测试中使用数据。

示例：

医院网站系统

HTML医院网站系统基于PHP+MYSQL开发，在文章内容网站的基础上，预设了医院概况、新闻动态、环境设备、名医荟萃、专科介绍、就医指南、专家门诊值班表、网上挂号、医疗保健知识、在线咨询等医院网站常用的栏目和测试数据，采用适合医院网站的专用模版，增强了系统的针对性和易用性。系统具有文章、图文、下载、社区、表单、用户等基本系统模块和一系列网站辅助功能，用户也可根据自身特点任意创建和修改栏目，适合创建

下载

创建fixture文件cypress/fixtures/users.json：

[
    { "username": "user1", "password": "password1" },
    { "username": "user2", "password": "password2" },
    { "username": "user3", "password": "password3" }
]

在测试中加载并使用夹具数据：

describe('data-driven testing with fixtures', () => {
    before(() => {
        cy.fixture('users').then(function (data) {
            this.users = data;
        });
    });

    it('should log in successfully with multiple users', function () {
        this.users.foreach((user) => {
            cy.visit('/login');
            cy.get('input[name="username"]').type(user.username);
            cy.get('input[name="password"]').type(user.password);
            cy.get('button[type="submit"]').click();
            cy.url().should('include', '/dashboard');
            cy.visit('/logout'); // log out after each login
        });
    });
});

3.使用外部库
对于更复杂的数据驱动测试场景，您可以使用外部库，例如 cypress-plugin-snapshots 或 cypress-data-driven。

赛普拉斯数据驱动示例：

安装库：

npm install cypress-data-driven --save-dev

在测试中使用该库：

import dataDriven from 'cypress-data-driven';

const testData = [
    { username: 'user1', password: 'password1', expectedUrl: '/dashboard1' },
    { username: 'user2', password: 'password2', expectedUrl: '/dashboard2' },
    { username: 'user3', password: 'password3', expectedUrl: '/dashboard3' }
];

describe('Data-Driven Testing with External Library', () => {
    dataDriven(testData).forEach((data) => {
        it(`should log in successfully with username: ${data.username}`, () => {
            cy.visit('/login');
            cy.get('input[name="username"]').type(data.username);
            cy.get('input[name="password"]').type(data.password);
            cy.get('button[type="submit"]').click();
            cy.url().should('include', data.expectedUrl);
        });
    });
});