如何利用视觉AI做自动化测试?--Applitools

什么是视觉AI测试?

视觉测试可以理解为功能测试的一种特殊形式。通过视觉测试,断言等方式检测被测试应用或系统UI的视觉变化。而这些视觉AI解决方案可以使用视觉人工智能(Visual AI)来发现像缺失元素、扭曲布局和重叠文本这样的漏洞,这些问题常常被传统的自动化技术所忽视。本文以AI视觉测试解决方案applitools为载体进行讲解

图片

Applitools是如何工作的?

图片

测试是交互加上验证。测试用例步骤仅仅是进行操作并确保其正常工作的过程。在传统的断言中,测试通常需要从页面中抓取元素,然后验证元素属性,如文本值或可见性。一个测试需要多次调用来检查不同的元素。不幸的是,元素选择器可能很难编写,并且在页面更改时容易中断。它们也无法捕捉页面的所有视觉方面,如布局、颜色、大小和位置。

视觉快照是一种更为全面、稳健的测试UI的方法。与编写多个冗长的断言相比,你只需编写一行代码调用,就可以捕获页面上的所有内容的视觉快照。快照不仅仅是静态图像:它捕捉了组成页面的所有HTML、CSS和JavaScript。

视觉测试只是使用视觉快照进行断言的测试。Applitools提供了用于多种测试工具和框架(如Selenium、Cypress和Playwright)的Eyes SDK,用于捕获视觉快照。第一次运行测试时,Applitools Eyes会将初始快照作为基准图像上传到云端。然后,每次再次运行测试时,Applitools会捕获一个新的快照,称为检查点图像,并在云端使用视觉人工智能检测任何有意义的差异。

实际案例演示

本文将以Python+Selenium+Applitools Eyes SDK进行演示视觉AI测试。以Applitools官方提供的代码库为基础进行演示。步骤如下:

  • 首先需要注册Applitools账号,账号注册完成后,会自动分配一个API key. 注册账号地址为:https://auth.applitools.com/users/register

  • 可以从如下截图处获取API Key,(API key会在后续的步骤中使用)。

    • 图片

  • 打开Github代码库:https://github.com/applitools/example-selenium-python-pytest

  • 克隆代码到本地,并进入到项目主目录。

  • 准备Python开发环境,最好是虚拟环境。

  • 准备好最新版本的Chrome浏览器,并下载适配的chrome driver.

  • 安装需要的Python类库,通过如下命令:

    pip install -r requirements.txt
  • 设置个人账号的API Key. 文件在conftest.py

    • 图片

  • 可以通过执行如下命令,执行测试。

    python3 -m pytest -s -v tests
  • 测试完成后,会在控制台有如下的日志。

图片

测试完成之后,可以通过点击控制台上的see details里面的链接进入到applitools eye捕获到的测试细节,特别是对UI的捕捉的细节。具体如下图:

图片

当然以上都是抛砖引玉,希望大家进行深挖applitools的更多功能和细节。有问题可以在文章下方留言,谢谢。

最后:下方这份完整的软件测试视频教程已经整理上传完成,需要的朋友们可以自行领取【保证100%免费】

软件测试面试文档

我们学习必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有字节大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。

图片

猜你喜欢

转载自blog.csdn.net/m0_67696270/article/details/132818412