使用 Playwright 进行屏幕截图测试的好方法是什么？

Question

与剧作家一起进行屏幕截图测试的好方法是什么？

如果我真的理解的话，我需要截图，如下所示：

it('Some test', async () => {
    page.screenshot({ path: 'screenshot.png' });
}

但我如何将它与标准具屏幕截图进行比较呢？如果我错过了文档中的某些内容，请告诉我

Answer 1

从剧作家团队开始开发自己的测试运行程序来看，它可以比较屏幕截图：

剧作家测试#视觉比较

import { it, expect } from "@playwright/test";

it("compares page screenshot", async ({ page, browserName }) => {
  await page.goto("https://stackoverflow.com");
  const screenshot = await page.screenshot();
  expect(screenshot).toMatchSnapshot(`test-${browserName}.png`, { threshold: 0.2 });
});

他们不打算直接向 Playwright 添加此类功能