UI⾃动化录制⼯具----UIRecorder 1、系统和⼯具包
windows 7 64位
jdk,nodejs,webdriver，浏览器都放在⼯具包⽬录内。（晚上回去把⽂件上传到云盘，在分享给⼤家）2、安装JDK和node.js
2.1 JDK安装
要求1.8以上版本，我使⽤的是jdk1.8.0_40，安装完JDK后写⼊环境变量。
新建系统变量JAVA_HOME 和CLASSPATH
变量名：JAVA_HOME
变量值：C:\Program Files\Java\jdk1.8.0_140
变量名：CLASSPATH
变量值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
变量名：Path
变量值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
2.2 node.js安装
最新版本8.1.2
安装后使⽤node –v 查看是否安装成功。
3、安装uirecorder
cmd命令如下：
安装cnpm
安装uirecorder
cnpm install uirecorder mocha -g
chrome浏览器最新版安装相关依赖
命令如下：
cnpm install jwebdriver expect.js mocha-generators faker --save-dev
4.本地⾃动化测试
4.1初始化配置
在D盘根⽬录建⽴⼀个⽂件夹uirecorder，
打开cmd窗⼝，切换到uirecorder⽬录
D:\uirecorder>
执⾏cmd命令：
cnpm install
执⾏cmd命令：
uirecorder init
4.2.webdriver安装配置和启动
将webdriver⽬录和⽂件复制到C盘根⽬录，将C:\webdriver加⼊环境变量path 点击 run.bat运⾏selenium-server
也通过以下命令启动：
java -jar selenium-server-standalone-3.4.0.jar
4.3安装chrome浏览器
录制脚本要求使⽤chrome浏览器，最新版本59.0
4.4录制脚本
1)    cmd切换到D盘 uirecorder⽬录运⾏：
uirecorder start sample/test.spec.js
说明:
启动命令为uirecorder start
sample/test.spec.js 为测试脚本保存的路径
通过正常的操作⾏为录制脚本后，关闭浏览器结束录制脚本，可以打开sample/test.spec.js查看你录制好的脚本，进⾏编辑。
4.5本地⾃动化测试
1)    安装mochawesome，cmd命令切换到d：\uirecorder⽬录
cnpm install mochawesome
2)    执⾏测试命令
mocha  sample/test.spec.js --reporter mochawesome
测试报告：
测试报告结果：
D:\uirecorder\mochawesome-report\mochawesome.html
测试报告内容如下：
5、配置⽂件
D盘uirecorder ⽬录下config.json 的详细内容如下：
{
"webdriver": {
"host": "127.0.0.1",
"port": "4444",
"browsers": "chrome"
},
"vars": {},
"recorder": {
"pathAttrs": "data-id,data-name,type,data-type,role,data-role,data-value", "attrValueBlack": "",
"hideBeforeExpect": ""
}
}
说明：
host:127.0.0.1使⽤的是本机webdriver测试，
6、uirecorder⽂件夹说明
Commons：公共脚本⽂件夹
Diffbase：图⽚对⽐⽂件夹
node_modules:node核⼼⽂件库
reports：测试报告⽂件夹
sample:⽰例脚本⽬录
screenshots：测试执⾏截图保存⽬录
uploadfiles：附件保存⽂件夹，⽐如写信页上传附件，要求把附件先放⼊该⽬录；config. Json：运⾏配置⽂件，⽐如IP，浏览器
run.bat：运⾏测试，执⾏该命令会运⾏所有的测试脚本
7、结束语

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。