一种可能的方法是使用不同的describe块来分组不同的掩码：

import {test} from "@playwright/test"; // ^1.30.0

test.describe("with empty mask", () => {
  test.afterEach(async ({page}) => {
    await expect(page).toHaveScreenshot({mask: []});
  });

  test("foo 1", async ({page}) => {
    // ...
  });

  test("foo 2", async ({page}) => {
    // ...
  });
});

test.describe("with p masked", () => {
  test.afterEach(async ({page}) => {
    await expect(page).toHaveScreenshot({
      mask: [page.locator("p")]
    });
  });

  test("bar 1", async ({page}) => {
    // ...
  });

  test("bar 2", async ({page}) => {
    // ...
  });
});

如果你不想要describe块，在测试中有一个更简单的setting a shared variable模式：

import {test} from "@playwright/test";

let mask = [];

test.afterEach(async ({page}) => {
  await expect(page).toHaveScreenshot({mask});
  mask = [];
});

test("foo 1", async ({page}) => {
  // ...
  mask = [page.locator("p"), page.locator("h1")];
});

test("foo 2", async ({page}) => {
  // ...
});

test("foo 3", async ({page}) => {
  // ...
  mask = [page.locator("p")];
});

test("foo 3", async ({page}) => {
  // ...
});

mask = [];行确保空掩码是默认值，如果测试没有覆盖它。
请注意，即使数组为空，[] || null也不会计算为null。如果要提供null作为默认值，请将所有出现的let mask = []和mask = []替换为mask = null。

可以使用Regex处理动态元素，以适应许多可能的场景：

//Locator definition with regex
const userInfo = page.locator('.user_Info');
const maskedElements = userInfo
    .filter({ hasText: new RegExp(`^Password Info$`) })

//一些步骤
//使用屏蔽的屏幕截图Assert

await expect(page).toHaveScreenshot({mask: [maskedElements]});