如何在Playwright中让单个测试文件按浏览器顺序执行以避免竞态条件

针对你遇到的多浏览器并行创建账户时的竞态问题，以下是两种无需为每个浏览器单独配置凭证的解决方案：

1. 使用全局资源锁控制跨浏览器并行 #

通过在创建账户的测试逻辑外层添加全局锁，确保同一时间只有一个测试实例（无论哪个浏览器）执行账户创建流程，从根本上避免竞态条件。

可以借助第三方库（如async-lock）实现锁逻辑：

import { test, expect } from '@playwright/test';
import AsyncLock from 'async-lock';

// 初始化全局锁，设置超时时间（避免死锁）
const accountCreationLock = new AsyncLock({ timeout: 30000 });

test('完整创建账户流程', async ({ page }) => {
  // 先获取锁，再执行测试
  await accountCreationLock.acquire('unique-account-lock-key', async () => {
    // 执行创建账户的测试步骤
    await page.goto('/signup');
    await page.fill('#email', 'shared-test@example.com');
    await page.fill('#password', 'test123456');
    await page.click('#submit-btn');
    await expect(page.locator('#welcome-message')).toBeVisible();

    // 测试拆解：删除账户
    await test.afterAll(async () => {
      await page.goto('/account-settings');
      await page.click('#delete-account');
      await page.click('#confirm-delete');
    });
  });
});

这种方式不需要修改Playwright的全局配置，仅在目标测试文件中添加锁逻辑即可生效。

2. 配置项目级串行执行 #

在playwright.config.ts中为目标测试文件单独创建项目，并设置workers: 1，强制该文件在所有浏览器中顺序执行，而非并行。

示例配置：

import { defineConfig, devices } from '@playwright/test';

export default defineConfig({
  // 其他全局配置
  projects: [
    // 常规并行测试项目（保留原有配置）
    {
      name: 'chromium',
      use: { ...devices['Desktop Chrome'] },
      testIgnore: 'tests/account-creation.spec.ts', // 排除目标文件
    },
    {
      name: 'firefox',
      use: { ...devices['Desktop Firefox'] },
      testIgnore: 'tests/account-creation.spec.ts',
    },
    {
      name: 'webkit',
      use: { ...devices['Desktop Safari'] },
      testIgnore: 'tests/account-creation.spec.ts',
    },
    // 为创建账户测试单独设置串行项目
    {
      name: 'account-creation-chromium',
      testMatch: 'tests/account-creation.spec.ts',
      use: { ...devices['Desktop Chrome'] },
      workers: 1, // 强制单线程执行
    },
    {
      name: 'account-creation-firefox',
      testMatch: 'tests/account-creation.spec.ts',
      use: { ...devices['Desktop Firefox'] },
      workers: 1,
    },
    {
      name: 'account-creation-webkit',
      testMatch: 'tests/account-creation.spec.ts',
      use: { ...devices['Desktop Safari'] },
      workers: 1,
    },
  ],
});

这样配置后，Playwright会逐个运行每个浏览器的创建账户测试，避免多浏览器同时操作同一凭证的情况。

内容的提问来源于stack exchange，提问作者Kyle R