如何在Playwright/TypeScript中执行特定测试时排除autoTestFixture？

核心原因 #

你之前尝试在use里设skip: true无效，是因为这个配置是用来跳过测试用例而非Fixture本身的。要让特定测试不执行autoTestFixture，可以用以下几种实用方法：

方法1：拆分测试实例（最清晰） #

把测试分成两个实例：一个带autoTestFixture用于普通测试，一个不带用于GraphQL测试。

// 基础测试实例：只包含通用依赖（比如gqlServices），不带autoTestFixture
const baseTest = test.extend({
  gqlServices: async ({}, use) => {
    // 初始化你的GraphQL服务实例
    await use(new GqlServices());
  }
});

// 带环境搭建的测试实例：继承baseTest并添加autoTestFixture
const testWithEnv = baseTest.extend({
  autoTestFixture: async ({ page }, use) => {
    await page.goto(baseURL); // 原来的环境搭建逻辑
    await use();
  }
});

// 普通测试用例：使用带环境的实例
testWithEnv('页面功能测试', async ({ autoTestFixture, page }) => {
  // 测试逻辑
});

// GraphQL测试用例：直接用基础实例，不会触发autoTestFixture
baseTest('GraphQL接口测试', async ({ gqlServices }) => {
  const res = await gqlServices.sendGqlRequestWithVars(yourQuery, yourVars);
  // 断言逻辑
});

方法2：通过测试标签在Fixture内部跳过执行 #

给需要跳过Fixture的测试打标签，然后在Fixture里判断标签，跳过环境搭建逻辑。

const test = baseTest.extend({
  autoTestFixture: async ({ page, testInfo }, use) => {
    // 检查当前测试是否带有skip-auto-fixture标签
    if (testInfo.tags.includes('skip-auto-fixture')) {
      await use(); // 直接进入测试逻辑，不执行环境搭建
      return;
    }
    // 正常执行环境搭建
    await page.goto(baseURL);
    await use();
  },
  gqlServices: async ({}, use) => {
    await use(new GqlServices());
  }
});

// 给GraphQL测试添加标签，自动跳过autoTestFixture
test('GraphQL接口测试', { tags: ['skip-auto-fixture'] }, async ({ gqlServices }) => {
  const res = await gqlServices.sendGqlRequestWithVars(yourQuery, yourVars);
  // 断言逻辑
});

方法3：在特定测试中覆盖Fixture为空实现 #

针对单个测试，直接把autoTestFixture替换成不做任何操作的空实现。

const test = baseTest.extend({
  autoTestFixture: async ({ page }, use) => {
    await page.goto(baseURL);
    await use();
  },
  gqlServices: async ({}, use) => {
    await use(new GqlServices());
  }
});

// 针对该测试，覆盖autoTestFixture为空逻辑
test('GraphQL接口测试', async ({ gqlServices }) => {
  const res = await gqlServices.sendGqlRequestWithVars(yourQuery, yourVars);
  // 断言逻辑
}).extend({
  autoTestFixture: async ({}, use) => {
    await use(); // 空实现，跳过环境搭建
  }
});

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