什么是视觉测试
视觉测试(Visual Testing),主要检查软件用户界面(UI)是否正确显示给所有用户。它检查网页上的每个元素的形状、大小和位置是否符合预期,还检查这些元素是否在不同的设备和浏览器上是否兼容,不同的环境、不同的屏幕大小和其他影响UI显示的因素是否会影响产品的使用。视觉测试是解决 GUI 测试的一种测试手段。
为什么需要视觉测试
比如,我们开发了一个在线商城。第一次测试的时候所有的功能都能正常运行,但是当部署到另一个测试环境时,就有可能出现以下情况,这些都是因为界面布局 bug 导致用户无法正常使用,视觉测试就是用来发现这些界面布局导致的产品缺陷。
- 购买按钮忽然被一个弹框遮住,用户无法下单;
- 商品的详细描述文字互相堆叠错乱,导致用户无法正常阅读;
- 购物车没有正常悬浮在窗口的底部,无法查看加入了哪些商品;
- 电脑上能正常下单,但是在手机上却只显示了部分页面;
- 所有的图片无法正常加载等等。