如何在Sprint中实现自动化测试

关于迭代内是否应该等待开发完成再进行自动化测试的争论中，一个有力的论点是使用虚拟测试用例。虚拟测试用例是简单的占位测试，可以在开发过程的早期实施，确保测试框架已就绪并正常运行。本文将探讨如何实施虚拟测试用例以及它们如何促进早期自动化测试的文化。

爱吃香菜

718人浏览 · 2024-10-30 13:40:04

爱吃香菜 · 2024-10-30 13:40:04 发布

掌握迭代内测试自动化：游戏规则的改变者

由 meta.ai 生成

什么是虚拟测试用例？

虚拟测试用例是基本的、通常是极简的测试，它们在开发的早期阶段充当占位符。它们并非旨在彻底测试应用程序，而是为了确保测试基础设施的正确设置，并为后续的全面测试奠定基础。

通过现实例子理解虚拟测试的概念

登录功能的虚拟测试

让我们使用 Playwright 为登录功能创建一些虚拟测试（你也可以用类似的方法为 Selenium、Cypress、webdriver.io 编写）。这些测试将作为占位符，确保测试框架设置正确。

设置 Playwright -

npm install - save-dev playwright

创建虚拟测试

为了将虚拟测试数据保存在一个独立的文件中并将测试逻辑与数据分离，您可以按照以下步骤操作：

1. 创建一个专门用于虚拟测试数据的文件
2. 将虚拟测试数据移动到新文件中
3. 在测试文件中导入并使用虚拟测试数据

第一步：创建并将虚拟测试数据移动到新文件

在 tests 文件夹中创建一个名为 dummyTestData.ts 的新文件。将虚拟测试数据移动到该文件：

// tests/dummyTestData.ts

export const loginTestData = {
    validUser: {
        username: 'validUser',
        password: 'validPass',
    },
    invalidUser: {
        username: 'invalidUser',
        password: 'invalidPass',
    },
    // TBA = To Be Added
    selectors: {
        loginForm: 'TBA',
        loginButton: 'TBA',
        usernameInput: 'TBA',
        passwordInput: 'TBA',
        errorMessage: 'TBA',
        welcomeMessage: 'TBA',
    },
};

第二步：在测试文件中导入并使用虚拟测试数据

将虚拟测试数据导入到您的测试文件中并在测试中使用。例如，在 login.test.ts 中：

// tests/login.test.ts

import { test, expect } from '@playwright/test';
import { loginTestData } from './dummyTestData';

test.describe('Login Feature', () => {
    test('Dummy Test Case 1: Page should have a login form', async ({ page }) => {
        await page.goto('https://example.com/login');
        const loginForm = await page.$(loginTestData.selectors.loginForm);
        expect(loginForm).not.toBeNull();
    });

    test('Dummy Test Case 2: Login button should be disabled initially', async ({ page }) => {
        await page.goto('https://example.com/login');
        const loginButton = await page.$(loginTestData.selectors.loginButton);
        const isDisabled = await loginButton?.isDisabled();
        expect(isDisabled).toBe(true);
    });

    test('Dummy Test Case 3: Should display error message for invalid credentials', async ({ page }) => {
        await page.goto('https://example.com/login');
        await page.fill(loginTestData.selectors.usernameInput, loginTestData.invalidUser.username);
        await page.fill(loginTestData.selectors.passwordInput, loginTestData.invalidUser.password);
        await page.click(loginTestData.selectors.loginButton);
        const errorMessage = await page.$(loginTestData.selectors.errorMessage);
        expect(errorMessage).not.toBeNull();
    });

    // Add real tests here as development progresses
    test('Real Test Case: Successful login', async ({ page }) => {
        await page.goto('https://example.com/login');
        await page.fill(loginTestData.selectors.usernameInput, loginTestData.validUser.username);
        await page.fill(loginTestData.selectors.passwordInput, loginTestData.validUser.password);
        await page.click(loginTestData.selectors.loginButton);
        await page.waitForNavigation();
        const welcomeMessage = await page.$(loginTestData.selectors.welcomeMessage);
        expect(welcomeMessage).not.toBeNull();
    });
});

‍解释

• dummyTestData.ts: 该文件包含虚拟测试数据。loginTestData 对象存储了登录功能的测试数据，包括有效和无效用户凭据以及选择器。
• login.test.ts: 该文件导入了 loginTestData 对象，并在虚拟测试用例中使用。这将测试数据与测试逻辑分离，使代码更有条理且更易维护。