是时候看看自动视觉测试了吗郑哲

是时候看看自动视觉测试了吗？

自动视觉测试的影响和采用已经飙升。有这么多大公司和进步的工程团队使用它 - 也许你应该看一看？

可视化测试 - 在本文中，我将解释它是什么，为什么它为您的交付管道增加了价值以及您可以自己探索的一些工具选项。

我们一直都在那里 - 看似无害的CSS更改一直通过您的传递管道，在由于特定浏览器上的布局或类似问题导致您的网站无法使用之前通过测试

这很痛，但是你已经买进了持续交付，而且不可能自动捕捉这类问题，对吗？

好吧，也许不是......

我记得坐在一次面试中，我的第一份软件工作是什么，他们询问了自动化测试以及哪些方面难以实现自动化。我没有任何经验，但显而易见的例子是网站的“外观和感觉”。即使元素可能重叠或位于完全错误的位置，我们的自动化测试仍然可以在“功能上”正确并且正常工作。

可视化测试试图通过允许您对应用程序或网站的呈现方式进行断言来解决这个问题。

一些应用程序现在声称人工智能驱动的可视化测试，但在其核心，对于最常用的产品，它是一个更简单的策略 - 屏幕截图比较之一。使用浏览器，或者现在通常使用无头浏览器，拍摄图像或缝合视口，然后使用计算机视觉技术将其与基线进行比较。有些工具提供不同的匹配级别 - 像素完美或不太精细。

因此，您可以使用一组屏幕截图来表示应用程序所需的外观，然后使用可视化测试来确保您的应用程序不会与自动化方式。

这可以直接构建到您现有的交付管道中，并与您现有的功能测试相对应。实际上，通过很多这些工具，它可以交织到您现有的功能工具中，并且可视化测试取代了测试断言。上图显示了使用可视化测试时可以预期的工作流程和输出类型。

这个例子来自github.com/mjhea0/cypress-visual-regression，它显示了将它与现有测试结合使用的惊人能力。

所以，你知道你可以在当前的工作流程中使用这种技术; 你知道它是如何工作的，但为什么要用呢？

您现有的测试可能会感谢您！

您可以在许多测试中找到的常见模式如下：

你在那里真正做的是试图通过一系列单独的断言来编纂视觉布局确认。当屏幕很复杂时会很痛苦，当选择器改变时会非常脆弱。

很多时候，当你这样做时，它可以用视觉测试代替，这不仅可以确保正确的元素可见，还可以确保它们的位置和样式。

自动化跨浏览器测试

有些工具可以很好地与Saucelabs和Browserstack等提供商集成，并允许多个基线允许您在整个电路板上快速直观地测试您的应用程序。

对于正在进行此测试和自动化的工程师来说，这是一个巨大的时间接收器，这使他们能够开展更高级别的工作。

抓住视觉回归

小的视觉细节通常被认为是最适合手动测试人员找到的 - 但是说实话 - 我们在处理我们过度习惯的应用程序时都会遭受疲劳或肌肉记忆的影响，所以小视觉差异可以通过你的测试。

自动视觉测试将通过未通过测试或要求您的批准来标记它们。它为持续交付增加了另一个舒适度。

使应用程序的视觉识别清晰

这些基线不仅可用于运行测试，而且还可清楚地指示应用程序的预期外观。

视觉测试仍然是一个发展中且非常动态的领域，因此很多事情在企业工作流程方面仍然有点开放，模糊或不同。

您应该注意的一些缺点包括：

动态内容：有日期，图像轮播或其他动态区域可以使这很难。某些工具允许您定义/停电或忽略区域，而其他工具建议使用静态测试数据

速度：如果断言发生在云中，它可以为测试增加相当多的时间，因此明智地使用它。如果执行时间是您关注的重点，那么在每次聚焦和交互之后进行屏幕截图可能不是最佳用法

持续交付：使用SaaS解决方案时，您可以发现更新的视觉期望需要人工干预来批准或拒绝。这会将手动门和切换器放入您的平台。优先考虑提供API或编程接口的服务以切换断言，或允许基线随代码一起移动

动画支持：我们的视觉基线识别页面应该是什么样子的静态点，但是动画成为许多网站和交互的中心点，有可能会错过差异。有些应用程序比其他应用程序更好地处理这个问题，但我个人认为这也会对某些设计应用程序产生影响

可用性：可视化测试主要是关于检查布局，它基于您设置的断言或期望。如果您的网站实际上正在启用并帮助用户完成旅程，那么这对于可用性测试和理解无效。

我发现一些面向测试框架的OSS项目有助于加快采用，所以考虑到这一点，我可以大量认可柏树视觉回归用于赛普拉斯和夜视仪用于夜视仪。

如果你在一家企业，那么打开基础设施或处理开源的想法可能并不吸引人，以便只是为了解决问题。

考虑到这一点，您可以查看一些SaaS产品：

Percy.io：拥有令人印象深刻的用户名单，包括Google和Spotify，新推出的免费套餐和丰富的SDKS应该让您的视觉测试POC成为现实。但是，它仅支持Firefox和Chrome，并且可能会对动态内容提供一些技巧

Applitools：之前曾在以前的工作中使用它，我可以说它可能是我认为最成熟的SaaS产品。一些有趣的工作分支断言和与Saucelabs等跨浏览器测试产品的集成。没有免费等级。

另一个好看的地方是screener.io，它有更多的A-list公司，还有Internet Explorer支持。没有免费套餐。

视觉测试的未来

那么，未来可能会持有什么？好了赛普拉斯已经表明一些利益变为滚动这个功能到他们的测试框架。他们已经通过测试运行获得了丰富的屏幕截图和视频支持，因此这将是向大众提供视觉测试的最大步骤。不需要额外的工具以及我期望的非常干净的API。

因此，总的来说，视觉测试在现代Web开发中找到了一些好处，我认为绝对值得一试，看看它是否可以改进您当前的测试或当前的工作流程。

沙县长途120租赁重症救护车租赁

平面螺旋式输送机垂直螺旋输送机行业机械螺旋输送机阻力系数

气力吸粮机型号水泥输送泵车价格LJXY河北布袋除尘设备

游泳馆球形网架除锈防腐注意事项

10kv高压蓄能电锅炉金喆固体/水双效蓄热式电锅炉价格

晟锋牌杀鱼机开肚去鳞杀鱼机鱼设备工厂

砂石链板式输送机链板输送机说明书六九重工兴运转弯链板输送

混凝土预制块自动化生产线简单讲解

武汉电动自行车充电桩方案

山大电力WDGL_VI/T便携式微机电力故障录波监测装置