什么时候对网页使用视觉回归测试？

Question

我为一家年轻的初创公司(eLearning)工作，实际上我们正处于早期阶段，我们的(开发)性能是通过在sprint结束时的工作特性来衡量的。

一家拥有非常好的VRT产品的公司希望与我们合作(一个月免费，之后他们想要钱)。但我还不知道是否有必要。因为：

• 我们网站的访问者不多(目前为止)
• 我们有一个非常好的部署性能(每天几次)
• 我们已经通过jenkins运行了behat (开发和测试系统)

我认为一个非常大的网站需要这样的测试。因为他们损失了很多钱，如果他们的生活系统上有一个bug。

我想知道是否有其他原因在早期的初创企业中使用这样的测试，因为它已经在运行，但甚至没有QA团队。

这类VRT产品的需求指标是什么？

Answer 1

验证应用程序的用户界面需要VRT。它针对应用的整体外观和感觉，包括CSS、HTML、图像质量和类型、各个字段的对齐和定位、用户控件、样式指南等。

在当今竞争激烈的世界里，当失去了类似的web应用程序(eLearning)时，我们必须想出一些不同于其他应用程序的特性，它可以是内容、可访问性、成本和用户界面(当然)。UI是第一件能捕捉到用户吸引力的东西，因此必须对其进行验证。同样，如果您的应用程序支持多个浏览器和移动平台，并且具有多种分辨率&最重要的是不同的人的思维方式(我认为，在当前时代没有理由不提供对这些特性的支持)，这种测试就变得非常重要。如果您希望您的应用程序具有响应性，也需要这样做。

在我看来，对于初创企业来说，竞争更大，因为它们必须成长，为了成长，它们需要工作，并提供额外的功能和改进。但是，如果您的应用程序已经运行，并且您已经收到了良好的用户响应，那么这个测试的优先级就可以降低。当然，随着新特性的交付和新技术的使用，你必须保持和培育产品的质量(无论是功能性的还是非功能性的)，以避免CSS和样式指南出现新特性，因为破坏CSS很容易，但是测试它很困难。

我在一个项目中工作过，在这个项目中，同一客户端的不同应用程序之间存在竞争，以获得最高的功能和非功能功能(如GUI、性能、安全性等)。因此，客户端有两名特殊团队成员，他们只在不同浏览器上验证应用程序的UI (谢天谢地，当时我们没有移动支持)。

市场上有许多VRT工具(免费和授权)。但是，正如在SQA早期文章中所提到的，验证web应用程序的视觉外观的最大和最有效的工具是人眼和大脑。因此，您也可以进行手动测试，但是当您添加“无QA团队”来进行这种手动或自动化测试时，您的问题就会变得更大。

如果我在你的位置，我会和第三方说，经过一个月的免费试用，我(包括其他团队成员)将分析他们的发现和报告，如果我们发现他们给我的申请增加了一些好的价值，那么我们可以继续他们，否则终止合同。另一种选择是为这一活动雇用QA (显然不仅适用于VRT，而且在可行的情况下也用于功能测试)。从长远来看，这将是更有效率和更好的支付选择。

对现有职位的礼貌。

Answer 2

PhantomCSS或WebdriverCSS PhantomCSS和WebdriverCSS的视觉回归测试分别是PhantomJS和Webdriver.io的默认图像比较模块。

这类工具自动获取UI屏幕截图，并在回归测试期间将它们与基线图像进行比较。它们还会通过失败的测试通知您视觉回归，以防布局被破坏。此外，这些工具中的一些可以屏蔽UI区域，这对于处理时间戳、广告、化身图像和其他动态UI区域非常有用。

但是，它们真的能成为高效的可视化回归测试工具吗？这取决于您准备在UI测试中投入多少时间和精力。

就自动化图像比较而言，流行的基于代码的图像比较解决方案在ROI方面提供的并不多。尽管它们可以让你不必为了寻找版面回归而盯着每一页，但它们也会使本应简单的事情变得过于复杂。有个案例说明了我在说什么。