本文档介绍了如何使用BackstopJS进行前端UI自动化测试，特别是针对CSS的回归测试。首先，通过`npm install -g backstopjs`全局安装BackstopJS，接着使用`backstop init`初始化项目，然后运行`backstop test`执行测试。在测试过程中，可以设置不同的视口、执行自定义脚本，并通过`backstop reference`保存UI设计作为基准。在backstop.json配置文件中，详细定义了测试场景，包括URL、选择器、分辨率等参数，确保测试覆盖全面。最后，测试结果会被保存在指定路径，便于比较和报告。
backstop文档地址：https://github.com/garris/BackstopJS
1.安装包
npm install -g backstopjs
2、初始化
backstop init
3、运行命令
backstop test
4、准备样板图(存放UI设计图)
backstop reference
存放UI设计图 到 bitmaps_reference指定的路径下
backstop.json文件详解如下：
{
//测试用例id，用于BackstopJS管理和为文件命名
"id": “backstop_prod_test",
//测试视口，就是配置各种分辨率
"viewports": [
{
"name": "phone",
"width": 320,
"height": 480
}],
//在执行所有脚本前、页面加载后执行的脚本。通过他我们可以执行用express做一个静态服务器
"onBeforeScript": "onBefore.js",
"onReadyScript": “onReady.js",
//测试用例
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
