UI recorder 自动化UI测试框架使用手册

一.前言

此文档为前端自动化UI测试框架 UI recorder 的搭建以及使用文档。

二.准备环境

我们需要准备以下环境，安装顺序没有先后，环境之间相互无依赖：

1. 安装 java jdk（需要jdk 1.8及以上），并配置相应的环境变量。
2. 安装 node.js 和 npm。
3. 配置 npm 国内镜像 cnpm。

2.1 安装 java jdk

打开 java官网，找到你系统对应的jdk版本，点击下载。如下图：

下载完成后傻瓜式安装，记住你的安装路径，我们添加系统环境变量时需要用到。

安装完成后我们需要添加两个环境变量，修改一个环境变量，如下所示：

1. 新增变量 JAVA_HOME， 变量值为 C:\Program Files\Java\jdk1.8.0_201（你的 jdk 安装路径）;
2. 新增变量 CLASSPATH, 变量值为 .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
3. 修改变量Path, 在此变量值的最后加上%JAVA_HOME%\bin;

配置完成后打开终端输入javac,看见如下提示即安装成功：

2.2 安装 nodejs 和 npm

到官网下载安装包后按指示安装即可，参照Karma安装文档里安装即可。

2.3 配置 cnpm

打开终端，输入如下指令：

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

完成后输入以下命令测试cnpm是否安装成功：

cnpm -v

三.搭建 UI recorder

我们需要按顺序进行以下步骤（考虑到