最佳使用关键注意事项
在深入研究 @wdio/visual-service 的强大功能之前，了解一些关键注意事项至关重要，以确保您充分利用此工具。以下几点旨在指导您了解最佳实践和常见陷阱，帮助您获得准确高效的视觉测试结果。这些注意事项不仅仅是建议，而是有效地在实际场景中使用该服务时必须牢记的重要方面。
比较的性质
- 逐像素比较：该模块执行图像的逐像素比较。虽然某些方面可以调整（请参阅比较选项），但核心方法仍然是基本的像素比较。
- 浏览器更新的影响：请注意，浏览器（如 Chrome）的更新可能会影响字体渲染，可能需要更新您的基线图像。
平台一致性
- 比较相同的平台：确保在同一平台内比较屏幕截图。例如，Mac 上 Chrome 的屏幕截图不应用于与 Ubuntu 或 Windows 上 Chrome 的屏幕截图进行比较。
- 类比：简单来说，就是“苹果和苹果比较，而不是苹果和安卓比较”。
注意不匹配百分比
- 接受不匹配的风险：接受不匹配百分比时要谨慎。对于大型屏幕截图尤其如此，因为接受不匹配可能会无意中忽略重大的差异，例如缺少按钮或元素。
移动屏幕模拟
- 避免调整浏览器大小以模拟移动设备：不要尝试通过调整桌面浏览器的尺寸并将其视为移动浏览器来模拟移动屏幕尺寸。即使调整大小，桌面浏览器也无法准确地复制实际移动浏览器的渲染效果。
- 比较的真实性：此工具旨在比较视觉效果在最终用户看来是什么样的。调整大小的桌面浏览器无法反映移动设备上的真实体验。
关于无头浏览器的立场
- 不建议用于无头浏览器：不建议将此模块与无头浏览器一起使用。其原因是最终用户不与无头浏览器交互，因此由此产生的问题将不受支持。
