Playwright provides automated browser testing. It offers a built-in feature to perform visual regression testing for your website.
被世界上一些最具创新性的公司所信任
无代码可视化 UI 测试
几分钟内即可开始测试您的网站是否存在 UI 缺陷。只需输入您的 URL 并选择您想要测试的浏览器即可。定义测试应该运行的频率以及您希望如何收到警报。
当发生视觉变化时，您将立即收到一条警报，其中包含屏幕截图和差异图像，突出显示发生的变化。
查看文件
简化 UI 测试并提高 UI 覆盖率
用单个视觉快照替换测试断言。覆盖传统功能测试无法覆盖的领域，提高测试覆盖率和 QA 信心。
捕获屏幕截图并自动将其与基线进行比较。随着视觉覆盖范围的增加，团队部署代码的信心也随之增强。
审查并批准变更
您和您的团队可以检查视觉测试的结果并批准或拒绝特定的视觉更改。比较基线屏幕截图和新屏幕截图之间的滑块，或检查所发生更改的差异图像。
更改像素敏感阈值，在各种屏幕分辨率上进行测试。查找真实 Android/iOS 设备上横向/纵向模式下的视觉错误。
Test Frameworks
将 TestBot 视觉 UI 测试集成到现有测试脚本中。通过添加几行代码开始在真实浏览器和物理移动设备上进行测试。 查看文件
常见问题
TestBot 会在您标记为正确的图像和刚刚拍摄的新屏幕截图之间执行自动的逐像素比较。如果不同像素的数量超过阈值，则认为测试失败。
当您部署的网站新版本的 CSS 样式、位置不正确或页面缺失时，可能会发生这种情况。在视觉错误对网页的用户体验造成损害之前捕获这些错误。
您可以通过常规功能测试来测试尺寸、定位和样式。缺点是它很快就会成为代码中检查点的巨大负担。
拍摄快照并进行比较比在代码中进行目视检查要高效得多。视觉结果也更容易被开发人员和质量检查人员解释。
理想情况下，您将运行目视检查作为 CI/CD 管道的一部分。它可以在每次签入前端代码后运行，确保新代码不会对您的产品产生负面影响。
可以训练机器学习算法来发现视觉差异。人工智能依赖于经过训练的数据，因此它可能会报告误报/漏报。它不是一种万能的解决方案，并且与精确的像素匹配相比常常失败。
网页 UI 可视化测试背景下的快照测试，捕获网页初始状态的屏幕截图。然后它将它们与后续渲染进行比较。当视觉外观发生一种或多种变化时，测试被视为失败。这有助于确保 UI 元素保持一致。
