17、自动化视觉与安全测试全解析

自动化视觉与安全测试全解析

1. 自动化视觉测试工具

自动化视觉测试在确保应用程序视觉质量方面起着至关重要的作用。以下介绍几种常用的自动化视觉测试工具及其使用方法。

1.1 BackstopJS

BackstopJS 是一款强大的视觉回归测试工具。在最新的测试运行中，我们可以使用以下命令来批准截图（当然，需先手动验证一次）：

$ backstop approve

此外，还可以通过 keyPressSelectors 增强测试，以搜索产品并验证产品页面。例如，在 backstop.json 配置文件中输入搜索文本并点击搜索按钮的配置如下：

"keyPressSelectors": [
  {
    "selector": "#twotabsearchtextbox",
    "keyPress": "Women's Tshirt"
  }
],
"clickSelectors": ["#nav-search-submit-button"]

在许多项目中，常见的用例是比较不同环境下的页面，比如本地机器和测试环境。可以将本地 URL 作为 url ，测试环境 URL 作为 referenceURL 来实现。当与 CI 集成时，需要将 report 参数的值更改为 "CI"