Playwright中如何在单个测试中同时使用多个独立定义的测试夹具？

当然可以实现自由挑选并组合多个独立夹具的需求，完全不用依赖链式导入的方式。下面给你两种实用的实现方案：

方案1：复用独立扩展的test实例来合并夹具 #

如果你已经像示例中那样分别在foo.ts和bar.ts里定义了独立扩展的test实例，可以通过提取它们的夹具定义来合并：

首先，保持你的独立夹具文件不变：

// foo.ts
import { test as base } from "@playwright/test";
const test = base.extend<{foo: string}>({ foo: "hello" });
export { test };

// bar.ts
import { test as base } from "@playwright/test";
const test = base.extend<{bar: string}>({ bar: "bye" });
export { test };

然后在测试文件或者一个专门的组合模块里，合并两个夹具：

// index.ts
import { test as base } from "@playwright/test";
import { test as fooTest } from "./foo";
import { test as barTest } from "./bar";

// 合并foo和bar的夹具定义，创建新的test实例
const test = base.extend({
  foo: fooTest.extends.foo,
  bar: barTest.extends.bar,
});

test("Basic test", async ({ foo, bar }) => {
  console.log(foo); // 输出 "hello"
  console.log(bar); // 输出 "bye"
});

这种方式的好处是你可以自由选择要组合的夹具，比如只需要foo就只合并fooTest.extends.foo，完全不受依赖链限制。

方案2：将夹具定义为独立可复用对象（更推荐） #

如果从一开始就规划成可组合的结构，建议把每个夹具单独定义成纯对象，而不是直接扩展test实例，这样灵活性更高：

// foo-fixture.ts
export const fooFixture = {
  foo: "hello" as const,
};

// bar-fixture.ts
export const barFixture = {
  bar: "bye" as const,
};

然后在需要组合的地方，直接扩展base test并合并所需的夹具：

// index.ts
import { test as base } from "@playwright/test";
import { fooFixture } from "./foo-fixture";
import { barFixture } from "./bar-fixture";

// 按需组合任意数量的夹具
const test = base.extend({
  ...fooFixture,
  ...barFixture,
  // 还可以添加更多自定义夹具
});

test("Basic test", async ({ foo, bar }) => {
  console.log(foo);
  console.log(bar);
});

这种模式下，每个夹具都是独立的可复用单元，你可以在不同的测试文件里组合出不同的夹具集合，完全摆脱链式依赖的束缚。

对比链式导入的区别 #

链式导入的方式（bar.ts导入foo.ts的test）是继承式的，夹具会按顺序叠加，适合有明确依赖关系的场景；而上面的组合式方案是聚合式的，你可以自由挑选需要的夹具，更适合多个独立夹具的灵活组合场景。

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