如何忽略/消除有头运行和无头运行中剧作家截图的差异？

Question

使用 Playwright 测试应用程序，我在屏幕截图测试方面遇到了一些问题 - 他们因某种错误而失败： 错误：截图比较失败：

预期图像为 200 像素 x 167 像素，收到的图像为 200 像素 x 168 像素。

因此，在 --headed 和正常无头运行的情况下，屏幕截图相差 1px。

任何添加预期阈值或添加类似内容

    toHaveScreenshot: {
      maxDiffPixels: 10,
    },

    toMatchSnapshot: {
      maxDiffPixelRatio: 0.1,
    }, 

没有帮助。我想是因为在我的情况下，区别不是某些元素在这两种情况下看起来不同，而是因为我截取屏幕截图的元素的大小不同，并且测试立即失败。

所以，我想要么忽略这种差异（在测试中，甚至在剧作家配置中），要么理解为什么会出现这种差异并消除它（不确定是否可能）。

Answer 1

它可能会失败，因为在你的 toHaveScreenshot 中，你输入了：maxDiffPixels: 10，但实际上你丢失了一整行 200px。

您也可以尝试设置 setViewportSize