相关文档链接:
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
3)
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 [email protected] -g selenium-standalone install // 运行这个需要java selenium-standalone start
2. 运行回放
run.bat sample/test.spec.js
查看回测报告
reports\index.html