UI 自动化测试： UIRecorder + Selenium standalone server 搭建 Web UI 自动化测试

相关文档链接：

1. 操作： https://www.jianshu.com/p/f7b11da864fa

官方网站：http://uirecorder.com/
Github：https://github.com/alibaba/uirecorder
使用手册：https://github.com/alibaba/uirecorder/blob/master/doc/zh-cn/readme.md

安装

1. 安装 Java JDK 并配置环境变量

2. 安装 nodejs

注意，目前Nodejs官网上发布的最新版本为v10.14.2，但是使用最新版本的Nodejs时，UI Recorder在初始化时会有问题（在Start Install project dependencies步骤卡住）

可用版本下载链接： https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi

3. 安装 chrome 浏览器

4. 安装 UIRecorder

使用管理员权限在 cmd 窗口：　　　

  npm install -g cnpm --registry=https://registry.npm.taobao.org

  cnpm install uirecorder mocha -g

5. 检查浏览器与driver版本是否对应

1）selenium之 chromedriver与chrome版本映射表（https://blog.csdn.net/huilan_same/article/details/51896672）

2） C:\Users\{username}\AppData\Roaming\npm\node_modules\uirecorder\package.json

将chromedriver 改成浏览器对应的 driver 版本，如本机安装的chrome 为 72.0，则对应的 driver 为 2.45.0

cd C:\Users\xxxxx\AppData\Roaming\npm\node_modules\uirecorder

cnpm install                  // 更新uirecorder依赖的chromedriver为2.40.0版本

npm ls chromedriver -g        // 查看chromedriver的版本

开始录制

1. 初始化工程

E:

mkdir project_name                         // 创建工作目录

cd project_name                            // 进入到工作目录中,以下的命令都是在此工作目录中执行

uirecorder init                            // 初始化uirecorder

* 一路回车，浏览器的地方选择 "Chrome"

2. 开始录制测试用例

启动uirecorder录制，并且录制的脚本保存到工作目录下的sample/test.spec.js

uirecorder start

　　此时会打开两个chrome浏览器，一个用来校验的，一个用来录制脚本的

回放

1. 安装并启动 selenium-standalone

cnpm install selenium-standalone@latest -g
selenium-standalone install                    // 运行这个需要java
selenium-standalone start

2. 运行回放

run.bat sample/test.spec.js

查看回测报告

reports\index.html

原文地址：https://www.cnblogs.com/bruce-he/p/11720066.html