Cypress 中的資料驅動測試：綜合指南-js教程-PHP中文網

Cypress 中的資料驅動測試：綜合指南

王林

發布： 2024-07-19 14:41:10

原創

781 人瀏覽過

Data-Driven Testing in Cypress: A Comprehensive Guide

介紹

資料驅動測試是一種強大的方法，可讓您使用多組資料執行相同的測試。此方法對於驗證具有各種輸入組合的應用程式行為特別有用，可確保完全覆蓋不同的場景。在這篇文章中，我們將探討如何在 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 可讓您載入夾具檔案並在測試中使用資料。

範例：

建立一個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);
        });
    });
});

登入後複製