视觉回归测试工具

我们之前强调过 视觉回归测试工具 ，并观察到它们的算法从原始的像素级比较进化到更复杂的模式匹配和光学字符识别（OCR）。早期的视觉回归工具产生了很多误报，只有在界面稳定的后期开发阶段才有用。BackstopJS 通过配置选择器和视口来定位页面上的特定元素进行视觉测试，避免了这个问题。但机器学习使得检测和比较视觉元素更加准确，即使在这些元素移动或包含动态内容的情况下。这些工具变得越来越有用，并且具备利用 AI 和机器学习最新进展的优势。现在，几个商业工具，如 Applitools 和Percy ，声称在其视觉回归测试中使用了 AI。我们的一支团队广泛使用了 Applitools Eyes，并对结果感到满意。尽管视觉回归测试不能替代编写良好的端到端功能测试，但它们是测试工具箱中的一个宝贵补充。我们正积极推动它们的采用，因为它们已经成为全面 UI 测试策略中的一个安全默认选项。

自我们在2014年第一次提及 视觉回归测试工具 以来，这项技术已经得到了广泛的应用，工具的前景也得到了发展。BackstopJS 仍然是一个很好的选择，它会定期添加新特性，包括支持在 Docker 容器中运行。在上期技术雷达中我们精选出了 Loki。SaaS 解决方案则有 Applitools、CrossBrowserTesting 和 Percy。另一个值得一提的工具是 Resemble.js，一个图像比较库。尽管许多团队只是间接地把它作为 BackstopJS 的一部分来使用，我们的一些团队已经直接使用它来分析比较网页中的图片了。总之，我们的经验表明，在界面发生重大变化的早期阶段，视觉回归工具的用处不大，但是随着产品的成熟和界面的稳定，它们肯定会证明自己的价值。

Growing complexity in web applications has increased the awareness that appearance should be tested in addition to functionality. This has given rise to a variety of visual regression testing tools, including CSS Critic, dpxdt, Huxley, PhantomCSS, and Wraith. Techniques range from straightforward assertions of CSS values to actual screenshot comparison. While this is a field still in active development we believe that testing for visual regressions should be added to Continuous Delivery pipelines.