UI Recorder 自动化测试安装教程（一）

一、UIRecorder 是什么

 

UIRecorder 是一款 UI录制 和 回归测试 工具，用于录制浏览器页面 UI 的操作。通过 UIRecorder 的录制功能，可以在自测的同时，完成测试过程的录制，生成 JavaScript 测试脚本代码。回归测试过程中，可以利用生成的 JavaScript 测试脚本代码，使用 Mocha 对自测过程进行回放，以达到零成本做自动化回归测试的目的。

 

二、UIRecorder 的优点

 

• 零成本的自动化解决方案：完全无干扰录制，让开发在自测过程中就能同步录制出自动化。
• 测试报告直观：测试结果会生产 HTML 格式的报告文件，且每一个核心步骤都会自动截图，便于通过截图直观地分析报错原因。
• 测试多浏览器兼容性：通过 Chrome 浏览器一端录制生成的测试用例脚本，可以在 Firefox、IE、Opera 等浏览器多端运行回归测试。

 

 

三、环境搭建

1）、NodeJS

 

根据电脑操作系统，选择对应的安装包，下载链接：https://nodejs.org/en/

 

• Mac: 选择 12.x 以上版本安装。

 

2）、Chrome

 

下载链接：https://www.google.com/chrome/

 

• Mac 安装路径：/Applications 
• Windows 用户注意使用默认安装路径：C:\Program Files (x86)\Google\Chrome\Application

 

3）、NPM

 

NPM 是 NodeJS 自带的包管理器，可以批量下载指定包的指定版本。

 

由于 npm 是国外网络环境，可能被墙或下载速度较慢，可以使用 cnpm , 下载速度更快。运行以下命令安装 cnpm：

 

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

　　

 

• 注：更多 npm 指令可参考 http://www.runoob.com/nodejs/nodejs-npm.html 。

 

4）、Java

 

• 安装 Java JDK：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
• 注：Windows 系统部分版本安装 Java 后，可能不会将 Java 添加到环境变量，需要手动添加。

 

5）、UIRecorder

 

运行以下命令安装 UIRecorder 及其相关依赖：

 

cnpm install uirecorder mocha macaca-reporter -g

　　

 

可以使用以下命令检查安装情况：

cnpm list uirecorder -g
cnpm list mocha -g
cnpm list macaca-reporter -g