Playwright：如何让beforeAll在login fixture之后执行？

你的思路本身没问题，但没摸透Playwright里fixture和测试钩子的执行优先级规则，才导致beforeAll跑在login fixture前面。

核心原因 #

Playwright的执行顺序规则是：

• beforeAll属于测试套件（describe）级钩子，会在当前describe块的所有测试启动前直接运行，不管测试依赖的fixture。
• 默认情况下，你定义的fixture是test作用域（每个测试执行一次），它的初始化逻辑会在每个测试的beforeEach之前才触发，自然会晚于beforeAll。

解决办法 #

1. 调整login fixture的作用域

如果希望login在所有测试（包括所有describe的beforeAll）之前只执行一次，把fixture的作用域设为global；如果只需要在当前describe的beforeAll之前执行，设为suite即可。

示例代码：

import { test as base } from '@playwright/test';

type Fixtures = {
  login: void;
};

export const test = base.extend<Fixtures>({
  // 用数组形式指定作用域
  login: [async ({ page }, use) => {
    // 你的登录逻辑
    await page.goto('/login');
    await page.fill('#username', 'your-username');
    await page.fill('#password', 'your-password');
    await page.click('#submit-btn');
    // 执行测试
    await use();
  }, { scope: 'global' }], // global=全仓库只跑一次，suite=每个describe跑一次
});

2. 若beforeAll依赖登录状态，改用fixture替代钩子

如果你的beforeAll逻辑需要用到登录后的上下文（比如创建依赖登录的测试数据），不能用beforeAll钩子——因为钩子无法依赖fixture。这时应该把beforeAll/afterAll的逻辑放到一个依赖login的suite级fixture里：

示例代码：

export const test = base.extend<Fixtures>({
  login: [async ({ page }, use) => {
    // 登录逻辑
    await page.goto('/login');
    await page.fill('#username', 'your-username');
    await page.fill('#password', 'your-password');
    await page.click('#submit-btn');
    await use();
  }, { scope: 'global' }],

  // 封装测试数据的准备与清理逻辑
  testDataSetup: [async ({ login, page }, use) => {
    // 原来beforeAll的逻辑：准备测试数据
    await page.goto('/admin/data-manager');
    await page.click('#create-test-data');
    await page.waitForSelector('#data-created');

    // 执行当前describe下的所有测试
    await use();

    // 原来afterAll的逻辑：清理测试数据
    await page.goto('/admin/data-manager');
    await page.click('#clean-test-data');
  }, { scope: 'suite' }],
});

然后在测试中使用这个fixture：

import { test } from './fixtures';

test.describe('需要测试数据的用例组', () => {
  // 启用测试数据准备的fixture
  test.use({ testDataSetup: undefined });

  test('测试创建功能', async ({ page }) => {
    // 测试逻辑
  });

  test('测试编辑功能', async ({ page }) => {
    // 测试逻辑
  });
});

这样就能严格保证执行顺序：login初始化 → 测试数据准备 → 执行测试 → 测试数据清理。

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