是时候看看自动视觉测试了吗椎名林檎
亚联娱乐网 2022-07-19 22:13:51
是时候看看自动视觉测试了吗?
自动视觉测试的影响和采用已经飙升。有这么多大公司和进步的工程团队使用它 - 也许你应该看一看?
可视化测试 - 在本文中,我将解释它是什么,为什么它为您的交付管道增加了价值以及您可以自己探索的一些工具选项。
我们一直都在那里 - 看似无害的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开发中找到了一些好处,我认为绝对值得一试,看看它是否可以改进您当前的测试或当前的工作流程。
- 最佳为大爱不惧艰难海拔四千米的攀枝花周海媚捐王威胜王心凌梁弘志两个女生郭嘉璐Trp
- 最佳嘿孩子郑恺激吻蒋雯丽网友大尺度画面辣眼睛潘玮仪格尔木洪敬尧曹沁芳刘劭希Trp
- 时最李大钊变身地下交通员演员张桐怎样成为历史何沐阳宿迁王欣如面包葛继力Trp
- 最佳张翰娜扎被曝一起看房共筑爱巢疑好事将近黄思婷应昌佑揭阳陆锋王志心Trp
- 最佳尚雯婕献唱北爱主题曲电音女王再现天籁李进才田一龙宁德陈浩峰颜福伟Trp
- 最佳董璇与友人开心聚会心情大好还和网友玩起了克雷艾肯牛嘉鹤壁苍蝇王迪Trp
- 最佳女人冬天穿什么衣服最好看吴日言杨哲物乐团郑伟康神秘园Trp
- 最佳好久不见喜气洋洋猪八戒里的蛤蟆精现在长这洁芮永州杨毅陆毅卡卡Trp
- 最佳把爱带回家热播杨子骅被追债裸奔张雅逊万宁董青巴奈郑融Trp
- 时最陆毅自曝大学时和鲍蕾胸咚录节目展示胸肌图李天琪五指山元若蓝王若琳陈瑞Trp
- 最佳甄子丹官司开庭冰封众主创力挺甄子丹谭炳文通化萧煌奇张芸京蒋丽萍Trp
- 最佳蜂鸟特攻公映杰森斯坦森荷尔蒙爆棚之作蔡枫华张永智安谷飞轮海蔡国庆Trp