使用 cypress-image-diff-js 进行 Cypress 测试在 github 操作中失败

Question

我正在使用 cypress-image-diff-js 插件对套件中的一些测试运行可视化测试。它在本地计算机（即 macbook pro）中运行完美，但在使用 ubuntu-latest 的 Github Actions 上运行失败。

我尝试了以下方法来解决此问题，但未能成功：

1. 为每个测试用例添加了视口
2. 在 cypress.config.js 文件中添加了视口
3. 在 github actions yml 文件中添加了视口
4. 更改了视口大小 - 也为此获得了新的基线（从 1000x660 到 1001x661）
5. 添加了更多超时，以便正确渲染页面（CI 中的页面加载可能存在延迟）

有人能够使用这个插件并在Github Actions中通过测试吗？

Answer 1

该限制已被记录：

请注意，尽管在测试中将屏幕截图分辨率强制为特定的高度和宽度，但如果此测试在不同的基础设施上运行（即 13 英寸 Mac 与连接到 30 英寸显示器的 PC），结果将会有所不同。因此，标准化测试的运行位置（本地测试和持续集成测试）非常重要。 处理这个问题的一种方法是使用 docker 容器或针对 BrowserStack 等运行它。