想让AI 驱动 UI 测试？墙裂推荐这个自动化工具！

文章概述

本文介绍了什么是视觉测试，功能测试对于视觉测试来说的局限性，视觉测试的重要意义及视觉测试结合python/java两种脚本的案例。

现如今公司不断部署新版本，有些甚至每天都会发布。这种持续部署意味着定期更新或现有代码行正在更改，这可能会导致问题。最轻微的代码更改可能会破坏现有代码结构的功能，从而导致用户体验受到影响。

保持视觉上完美的用户界面对于留住客户很重要。事实上，斯坦福大学的一项研究表明，94%的人表示网页设计会影响他们对网站的第一印象，75%的人会根据视觉元素来判断企业的可信度。

这就是为什么成功的公司将视觉测试纳入其套件的原因。

什么是视觉测试？

视觉测试是一种软件测试方法，用于评估用户界面（UI）或图形用户界面（GUI）的视觉保真度。视觉测试可以解决应用程序的外观问题，并帮助您捕获其他类型的测试可能遗漏的缺陷。这些其他UI测试包括：

·功能测试

·性能测试

许多人认为功能测试足以发现视觉错误，但事实并非如此。功能测试验证您的应用程序是否正常工作，但在捕获视觉缺陷方面做得很差。归根结底，两者对于确保客户满意度都是必不可少的。

功能测试的局限性

功能测试验证UI是否正常工作。例如，如果有人点击“立即付款”，您会希望该链接能够正确地从客户的信用卡中扣款。但是，当您想确保“立即付款”按钮与发票信息正确对齐时，会发生什么情况？通过功能测试来验证这一点需要付出相当大的努力。

以下是功能测试可能遗漏的一些示例：

·逐个像素的差异

·对齐偏移

·页面布局

·渲染问题

·元素重叠

·响应式布局

·字体差异

·色差

那么，如果您尝试通过功能测试来验证这些，会发生什么？为了在发布过程中正确捕获这些更改，您可以开始将冗长的断言相互链接，以期捕获视觉差异。这会给您留下不稳定的脚本，这些脚本很容易损坏，并且很难在发布过程中进行维护。

幸运的是，自动化视觉测试可以解决这些问题。

为什么视觉测试很重要？

视觉测试捕获其他类型的UI测试无法捕获的缺陷。这对于确保应用程序的积极用户体验至关重要。有许多方法可以进行视觉测试，从完全手动到完全自动化。

其中一些可以是：

·手动

·逐像素

·基于DOM

·人工智能驱动

团队可以选择遵循单一方法，也可以将多种类型合并到他们的工作流中。但随着发布频率的增加，找到构建更多自动化的方法非常重要。人工智能驱动的自动化尤其成为运行高效和全面测试的主要驱动力。

为什么你应该在自动化测试中使用人工智能

凯捷最近发布的《世界质量报告》指出，提高客户满意度的关键是帮助SDETS在工作流程中实现更大的灵活性和敏捷性。当然，自动化是实现这一目标的第一步，但有多种方法可以采用自动化。

以前面列出的视觉测试方法为例。自动化可用于逐像素测试、基于DOM的测试和AI驱动的测试。但是，在运行这些测试时，您会发现逐个像素的比较会留下太多的误报。这会导致额外的工作，并且基于DOM的测试会错过UI的关键元素。

只有AI测试足够先进，可以查看GUI的所有元素，同时忽略误报以节省时间。

使用VisualTest实现AI驱动的自动化

在SmartBear，我们的目标是帮助团队发布最高质量的版本。这就是我们构建VisualTest的原因，使QA团队能够轻松地将AI驱动的自动化视觉测试添加到他们现有的selenium和cypress脚本中。

通过向脚本添加单个代码片段，可以使用VisualTest机器学习算法扫描整个网页以查找视觉缺陷，并突出显示所有相关更改。这使您可以在客户发现错误之前有效地识别错误。

VisualTest有一个易于使用的仪表板，只显示相关的更改，这样您就可以专注于重要的事情，而不是浪费时间查看误报。通过一系列自定义工具，您可以：

·选择要查看的差异

·更改视图

·添加评论以更好地进行团队协作

·忽略区域

VisualTest还能够解决更困难的挑战，即无需编写任何其他脚本即可有效捕获延迟加载的内容。

运行回归测试后，您还可以使用BitBar在真实浏览器和设备上快速测试这些视图。

使用BitBar进行可视化测试

VisualTest和BitBar使团队能够运行最全面的自动化UI测试，以实现最佳的端到端结果。在单一平台下，测试人员可以运行自动化的功能和视觉测试，并在数百个真实的浏览器和设备上进行检查，确保无论客户如何找到您，您都能提供最佳的用户体验。

如何开始？

查看Selenium、Java和Python的这些示例。

您可以从发布页面安装SDK，也可以使用本机Java和Python方法下载VisualTest库。若要开始，请在下面的示例脚本中将API_KEY（替换为BitBar API密钥）和PROJECT_TOKEN（替换为VisualTest项目令牌）：

这将使用BitBar浏览器运行selenium测试，并将一些屏幕截图带到VisualTest。

import unittest import time from selenium import webdriver from sbvt.visualtest import VisualTest

API_KEY='BITBAR_API_KEY'

PROJECT_TOKEN='VISUAL_TEST_PROJECT_TOKEN'

class TestDiscoverHomePage(unittest.TestCase):

@classmethod

def setUpClass(cls):

print('----Starting Discover Home Page Test----')

import warnings

#turn off tracemalloc socket warnings

warnings.simplefilter("ignore")

caps={

'platform':'Linux',

'osVersion':'18.04',

'browserName':'firefox',

'version':'latest',

'resolution':'2560x1920',

'bitbar_apiKey':API_KEY,

}

hubUrl='https://us-west-desktop-hub.bitbar.com/wd/hub'

cls.driver=webdriver.Remote(command_executor=hubUrl,

desired_capabilities=caps)

print(

f'Launching webdriver for{caps["platform"]}{caps["osVersion"]}{caps["browserName"]}{caps["version"]}'

)

#load the url

url='https://discover.com'

print(f'Opening URL:{url}')

cls.driver.get(url)

time.sleep(5)

@classmethod

def tearDownClass(self):

print(f'closing webdriver')

self.driver.quit()

def setUp(self):

#create the Visual Test instance

settings={

'projectToken':PROJECT_TOKEN,

}

self.visualTest=VisualTest(self.driver,settings)

def testDiscoverHomePage(self):

print(f'testDiscoverHomePage method running')

#take a fullpage screenshot

print(f'Taking fullpage screenshot')

screenshot=self.visualTest.capture('Home Page')

print(f'Fullpage screenshot result:{screenshot}')

#currently stored locally,but will be uploaded to a server

#where image regression will process to display visual bugs

def testDiscoverProductMenu(self):

print(f'testDiscoverProductMenu method running')

#open products link and take element screenshot

print(f'Finding nav menu element')

menuLink=self.driver.find_element_by_css_selector(

'''#basepage-159a114a2f>div.main-container.mobile-responsive

>div>div>div>div:nth-child(1)>div>div>div

>header>div>div.header-content>div.navbar-wrapper

>div>a'''

)

print(f'Clicking nav menu element')

menuLink.click()

print(f'Finding product menu')

menuEl=self.driver.find_element_by_css_selector(

'''#basepage-159a114a2f>div.main-container.mobile-responsive

>div>div>div>div:nth-child(1)>div>div>div>header

>div>div.header-content>nav'''

)

print(f'Taking element screenshot')

self.visualTest.capture('Product Menu',{'element':menuEl})

if__name__=='__main__':

try:

unittest.main()

except Exception as e:

print(f'Error starting test{e}')

import models.ScreenshotResponse;import models.ScrollMethod;import org.openqa.selenium.remote.DesiredCapabilities;import org.openqa.selenium.remote.RemoteWebDriver;import java.io.IOException;import java.nio.file.Path;import java.nio.file.Paths;import java.util.HashMap;

public class Main{

public static void main(String[]args)throws IOException{

URL hubURL=new URL("https://us-west-desktop-hub.bitbar.com/wd/hub");

DesiredCapabilities capabilities=new DesiredCapabilities();

capabilities.setCapability("platform","Linux");

capabilities.setCapability("osVersion","18.04");

capabilities.setCapability("browserName","firefox");

capabilities.setCapability("version","104");

capabilities.setCapability("resolution","2560x1920");

//Setting the api key

capabilities.setCapability("bitbar_apiKey","");

driver=new RemoteWebDriver(hubURL,capabilities);

driver.get("https://www.smartbear.com");

VisualTest visualTest=new VisualTest(driver,

Main.buildSettings("smartbear"),Main.buildLimits());

try{

ScreenshotResponse result=visualTest.capture(

String.format("Test__%s__%s__2","fullpage","firefox"));

}catch(Exception e){

e.printStackTrace();

}

driver.quit();

}

public static HashMap buildLimits(){

HashMap limits=new HashMap<>();

limits.put("scrollMethod",ScrollMethod.CSS_TRANSLATE);

return limits;

}

public static HashMap buildSettings(String suiteName){

HashMap settings=new HashMap<>();

settings.put("testrun","Testing java");

settings.put("debugImages",true);

settings.put("projectToken","");

Path currentPath=Paths.get(System.getProperty("user.dir"));

Path filePath=Paths.get(currentPath.toString(),

String.format("src/test/resources/screenshots/%s",suiteName));

settings.put("saveTo",filePath.toString());

return settings;

}}

用户对糟糕的数字体验几乎没有耐心。跟上不断增加的发布频率的唯一方法是将更多的自动化整合到您的QA工作流程中。

VisualTest使测试工程师可以轻松做到这一点。只需一行代码，您就可以将AI驱动的自动化添加到您的selenium和cypress脚本中，并确保您的UI始终符合您和您的客户的期望。

文末了：

可以到我的个人号：atstudy-js，可以免费领取一份10G软件测试工程师面试宝典文档资料。同时我邀请你进入我们的软件测试学习交流平台，大家可以一起探讨交流软件测试，共同学习软件测试技术、面试等软件测试方方面面，了解测试行业的最新趋势，助你快速进阶Python自动化测试/测试开发，稳住当前职位同时走向高薪之路。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/703406.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

RabbitMQ概述

RabbitMQ概述

RabbitMQ RabbitMQ概述 RabbitMQ是一个开源的消息代理&#xff08;message broker&#xff09;系统&#xff0c;最初由Rabbit Technologies Ltd开发&#xff0c;并在开源社区的支持下不断发展和完善。它提供了强大的消息传递机制&#xff0c;被广泛应用于构建分布式系统和应用…
阅读更多...
2003远程桌面端口修改，Windows Server 2003远程桌面端口修改的专业操作指南

2003远程桌面端口修改，Windows Server 2003远程桌面端口修改的专业操作指南

在网络安全日益受到重视的今天&#xff0c;修改Windows Server 2003远程桌面的默认端口已成为提高服务器安全性的常规操作。默认情况下&#xff0c;远程桌面使用的端口为3389&#xff0c;这一广为人知的端口号常常成为黑客攻击的目标。因此&#xff0c;通过修改远程桌面端口&am…
阅读更多...
JVM的几种常见垃圾回收算法

JVM的几种常见垃圾回收算法

引言&#xff1a; Java Virtual Machine&#xff08;JVM&#xff09;作为Java程序运行的核心&#xff0c;其垃圾回收&#xff08;Garbage Collection, GC&#xff09;机制在内存管理中起着至关重要的作用。垃圾回收算法是JVM性能优化的重要方面。本文将详细介绍几种常见的垃圾回…
阅读更多...
Spring Cloud Stream整合RocketMQ

Spring Cloud Stream整合RocketMQ

Spring Cloud Stream整合RocketMQ 这里书接上回&#xff0c;默认你已经搭建好了RocketMQ主从异步集群&#xff0c;前面文章已经介绍过搭建方法。 1、Spring Cloud Stream介绍 Spring Cloud Stream是一个框架&#xff0c;用于构建与共享消息系统连接的高度可扩展的事件驱动微服…
阅读更多...
11. 利用MS为Lammps ReaxFF建模(PE/聚乙烯)基础-2

11. 利用MS为Lammps ReaxFF建模(PE/聚乙烯)基础-2

来源&#xff1a; “码农不会写诗”公众号 链接&#xff1a;利用MS为Lammps ReaxFF建模(PE/聚乙烯)基础-2 文章目录 01 msi2lmp工具简介1. 编译生成msi2lmp可执行文件2. 使用方式 02 赋予模型CVFF力场03 导出car/mdf文件04 生成data文件05 data文件进一步处理 文接上篇 上篇利用…
阅读更多...
大模型高级 RAG 检索策略之流程与模块化

大模型高级 RAG 检索策略之流程与模块化

我们介绍了很多关于高级 RAG&#xff08;Retrieval Augmented Generation&#xff09;的检索策略&#xff0c;每一种策略就像是机器中的零部件&#xff0c;我们可以通过对这些零部件进行不同的组合&#xff0c;来实现不同的 RAG 功能&#xff0c;从而满足不同的需求。 今天我们…
阅读更多...
Android RTSP/RTMP多路播放时动态切换输出View类型(SurfaceView和TextureView 动态切换)

Android RTSP/RTMP多路播放时动态切换输出View类型(SurfaceView和TextureView 动态切换)

SurfaceView和TextureView的区别和优缺点等, 相关的资料很多. 从Android低延时播放器实现角度来看, 总结了下主要区别有: 1. MediaCodec输出到SurfaceView延时一般比到TextureView更低. 2. MediaCodec用SurfaceView比TextureView占用的资源一般更少些(CPU和内存都小一些, 不过还…
阅读更多...
算法专题总结链接地址

算法专题总结链接地址

刷力扣的时候会遇到一些总结类型的题解&#xff0c;在此记录&#xff0c;方便自己以后找 前缀和 前缀和https://leetcode.cn/problems/unique-substrings-in-wraparound-string/solutions/432752/xi-fa-dai-ni-xue-suan-fa-yi-ci-gao-ding-qian-zhui-/ 单调栈 单调栈https:…
阅读更多...
论文解读——《I2EDL: Interactive Instruction Error Detection and Localization》

论文解读——《I2EDL: Interactive Instruction Error Detection and Localization》

一、研究背景 视觉与语言导航&#xff08;VLN&#xff09;是一个AI领域的研究任务&#xff0c;旨在开发能够按照自然语言指令在三维空间中导航到指定位置的智能体。这项任务与人类的日常活动——如按照口头指示到达某个地点——十分相似&#xff0c;对于推动人机交互的自然性和…
阅读更多...
k8s学习--kubernetes服务自动伸缩之水平伸缩(pod副本伸缩)HPA详细解释与案例应用

k8s学习--kubernetes服务自动伸缩之水平伸缩(pod副本伸缩)HPA详细解释与案例应用

文章目录 前言HPA简介简单理解详细解释HPA 的工作原理监控系统负载模式HPA 的优势使用 HPA 的注意事项应用类型 应用环境1.metircs-server部署2.HPA演示示例&#xff08;1&#xff09;部署一个服务&#xff08;2&#xff09;创建HPA对象&#xff08;3&#xff09;执行压测 前言…
阅读更多...
汇聚荣科技有限公司实力强吗？

汇聚荣科技有限公司实力强吗？

汇聚荣科技有限公司实力强吗?在当今快速发展的科技行业中&#xff0c;公司的实力往往决定了其市场竞争力和发展前景。对于汇聚荣科技有限公司而言&#xff0c;其是否具备强大的实力&#xff0c;不仅关系到自身的发展&#xff0c;也影响着投资者和合作伙伴的选择。因此&#xf…
阅读更多...
集成算法实验(Bagging策略)

集成算法实验(Bagging策略)

Bagging模型(随机森林) Bagging&#xff1a;训练多个分类器取平均 f ( x ) 1 / M ∑ m 1 M f m ( x ) f(x)1/M\sum^M_{m1}{f_m(x)} f(x)1/M∑m1M​fm​(x) 全称&#xff1a; bootstrap aggregation&#xff08;说白了就是并行训练一堆分类器&#xff09; 最典型的代表就是随…
阅读更多...
[ue5]建模场景学习笔记（6）——必修内容可交互的地形，交互沙（4）

[ue5]建模场景学习笔记（6）——必修内容可交互的地形，交互沙（4）

1.需求分析&#xff1a; 现在我们已经有了可以在世界内近于无限的跑动痕迹&#xff0c;现在需要对痕迹进行细化&#xff0c;包括例如当人物跳起时便不再绘制痕迹&#xff0c;以及痕迹应该存在深浅&#xff0c;应该由两只脚分别绘制&#xff0c;同时也应该对地面材质进行进一步处…
阅读更多...
国内核心期刊基本情况

国内核心期刊基本情况

对于广大师生来说&#xff0c;发表核心期刊论文是当前阶段绕不开的任务&#xff0c;有的高校晋升副高需要发表核心论文5篇以上&#xff0c;有的学校硕博研究生毕业条件必须是一作发核心。很多人对核心的理解仅停留在“北核、南核”&#xff0c;其他的一概不知。但是我国的核心期…
阅读更多...
CG-85C 振弦式土压力计厂家 结构物内部土压力变化量如何测量？

CG-85C 振弦式土压力计厂家 结构物内部土压力变化量如何测量？

产品概述 振弦式土压力计由背板、感应板、信号传输电缆、振弦及激振电磁线圈等组成&#xff0c;是了解被测结构物内部土压力变化量、并可同步测量埋设点温度的监测设备。 功能特点 ◆精度高&#xff0c;能够提供准确的测量结果。 ◆稳定性好&#xff0c;不易受到外界因素的…
阅读更多...
端点物联开发教程之(一)什么是端点物联

端点物联开发教程之(一)什么是端点物联

目录 一、手机端演示 二、开发套件 三、嵌入式端 四、平台端 五、手机端 本项目的交流QQ群:701889554 物联网实战--入门篇https://blog.csdn.net/ypp240124016/category_12609773.html 物联网实战--驱动篇https://blog.csdn.net/ypp240124016/category_12631333.html 物…
阅读更多...
centos7 安装 mysql5.7 LTS

centos7 安装 mysql5.7 LTS

centos7 安装 mysql5.7 LTS 参考&#xff1a; https://blog.csdn.net/EB_NUM/article/details/105425622 可以在运行安装程序之前导入密钥&#xff1a; sudo rpm --import https://repo.mysql.com/RPM-GPG-KEY-mysql-2022第一步、下载MySQL 安装包&#xff1a; sudo wget h…
阅读更多...
【QT5】＜总览二＞ QT信号槽、对象树及常用函数

【QT5】＜总览二＞ QT信号槽、对象树及常用函数

文章目录 前言 一、QT信号与槽 1. 信号槽连接模型 2. 信号槽介绍 3. 自定义信号槽 二、QT的对象树 三、添加资源文件 四、样式表的使用 五、QSS文件的使用 六、常用函数与宏 前言 承接【QT5】&#xff1c;总览一&#xff1e; QT环境搭建、快捷键及编程规范。若存在版…
阅读更多...
vs2015+win10编译LAStools

vs2015+win10编译LAStools

文章目录 下载LasTool安装包编译laslib测试 下载LasTool安装包 不要再GitHub上下载&#xff0c;在官网下载&#xff1a;link 编译laslib 将压缩包解压到对应路径下&#xff0c;注意路径下不要有空格和汉字。用vs打开目录下的 “lastools.dsw” 文件 下面注意几点&#xff1a…
阅读更多...
代码随想录算法训练营第36天（py）| 贪心 | 452. 用最少数量的箭引爆气球、435. 无重叠区间、763.划分字母区间

代码随想录算法训练营第36天（py）| 贪心 | 452. 用最少数量的箭引爆气球、435. 无重叠区间、763.划分字母区间

452. 用最少数量的箭引爆气球 力扣链接 有一些球形气球贴在一堵用 XY 平面表示的墙面上。墙面上的气球记录在整数数组 points &#xff0c;其中points[i] [xstart, xend] 表示水平直径在 xstart 和 xend之间的气球。你不知道气球的确切 y 坐标。 一支弓箭可以沿着 x 轴从不同…
阅读更多...
最新文章

Copyright @ 2022~2023