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