使用 Playwright 从命令行发送参数：提升自动化测试的灵活性

2024-03-14 09:25:01

使用 Playwright 从命令行发送参数

引言

在自动化测试中，从命令行传递参数值是至关重要的，特别是当涉及动态环境和测试数据驱动的情况时。本教程将指导您如何利用 Playwright 框架轻松实现这一目标。

从命令行传递参数

要从命令行传递参数，请使用以下语法：

BASE_URL=https://test.xx.xxx/ USER_NAME=xxxdc.com.au PASSWORD=xcsxxx npm run test

其中：

BASE_URL ：应用程序的基本 URL
USER_NAME ：用于登录的用户名
PASSWORD ：用于登录的密码

在 TypeScript 中读取参数

在 TypeScript 测试文件中，使用 process.env 对象来访问命令行传递的环境变量：

const baseUrl = process.env.BASE_URL as string;
const username = process.env.USER_NAME as string;
const password = process.env.PASSWORD as string;

在 Playwright 中使用参数

使用 page.goto() 和 page.locator() 方法填写网页元素，并将命令行传递的环境变量作为值：

await page.goto(baseUrl);
await page.locator('input[type=text]').fill(username);
await page.locator('input[name=passwd]').fill(password);

处理错误

如果命令行中未传递所需的变量，Playwright 将抛出一个错误。添加条件检查以处理此错误：

if (!baseUrl || !username || !password) {
  throw new Error('Missing environment variables!');
}

示例代码

element.ts

import { Page, Locator } from '@playwright/test';

export class LoginPage {
  constructor(private page: Page) {}

  async login() {
    const baseUrl = process.env.BASE_URL as string;
    const username = process.env.USER_NAME as string;
    const password = process.env.PASSWORD as string;

    if (!baseUrl || !username || !password) {
      throw new Error('Missing environment variables!');
    }

    await this.page.goto(baseUrl);
    await this.page.locator('input[type=text]').fill(username);
    await this.page.locator('input[name=passwd]').fill(password);
  }
}

test.spec.ts

import { test, expect } from '@playwright/test';
import { LoginPage } from './element';

test.describe('Login Test', () => {
  test.beforeEach(async ({ page }) => {
    const loginPage = new LoginPage(page);
    await loginPage.login();
  });

  test('should be able to login', async ({ page }) => {
    await expect(page).toHaveURL('https://test.xx.xxx/dashboard');
  });
});