Macaca自动化工具之uirecorder脚本录制

UI Recorder功能介绍

1. 支持所有用户行为: 键盘事件, 鼠标事件, alert, 文件上传, 拖放, svg, shadow dom
2. 支持无线native app录制, 基于macaca实现: https://macacajs.com/
3. 无干扰录制: 和正常测试无任何区别，无需任何交互
4. 录制用例存储在本地
5. 支持丰富的断言类型:val,text,displayed,enabled,selected,attr,css,url,title,cookie,localStorage,sessionStorage
6. 支持数据mock: Fake.js
7. 支持公共测试用例: 允许用例中动态调用另外一个
8. 支持并发测试
9. 支持多国语言: 英文, 简体中文, 繁体中文
10. 支持单步截图
11. 支持HTML报告和JUnit报告
12. 全系统支持: windows, mac, linux
13. 支持多运行时测试, 例如：开发测试、预发测试
14. 基于Nodejs的测试用例: jWebDriver

1、UI Recorder的安装

　　打开终端，输入：npm install uirecorder -g的命令，如若不行输cnpm命令

　　初始化uirecorder，输入命令：uirecorder init，一路回车，遇到需要输入WebDriver域名或IP时，输入127.0.0.1，WebDriver端口号输入4444，浏览器默认chrome，ie 11

　　

2、UI Recorder的使用

　　第一步：开始录制，打开新的一个终端，输入macaca  server  --port  4444，让macaca服务一直跑着，在另外一个终端里面uirecorder start --mobile，录制网页不用加上--mobile，如下图为web端

　　

　　

　　

　　第二步：录入完成后，执行mocha +（脚本保存的文件名和后缀名）命令，对录制的脚本进行回放。（前提是安装好了mocha）

　　当然在录制过程中还可以暂停，添加断言，插入变量，插入脚本等

　　mocha   test.spec.js 

脚本的录制相对简单

第三步：搭建WebDriverServer环境，以下为Windows下示例：

a、下载selenium-Server-standalone.jar

b、下载chromedriver

我将其放在同一个文件夹driver中，然后将其配置到path变量中，以便seleniumServer能通过文件名直接找到文件启动对应的driver，验证有没有配置环境变量成功只需要在cmd命令中随便找个目录输入driver的文件名执行下，看能否成功找到文件执行

c、在一个终端启动服务器：java -jar selenium-server-standalone-3.8.1.jar

d、在另一个终端上执行刚才录制的脚本（脚本回放）

mocha在这里充当回放工具

安装：

• npm install mocha -g
• npm install jwebdriver expect.js mocha-generators faker --save-dev
• npm install jwebdriver chai faker --save-dev

3、手机端脚本录制

　1）命令：uirecorder start --mobile

　

　　

解决：删除node_modules，清缓存，重新安装npm，npm install