UI Recorder小白入门

1 Introduction

在进行自动化测试时，测试脚本的编写是最为耗时的工作。在UI自动化测试中，事情会变的更加复杂。

因为UI的测试用例的输入是一组事件序列，这些事件的发生没有固定的顺序，因此输入域非常庞大或者无穷。而且很多事件序列是无效的，无法正确执行或者不会得到响应。

输出结果是图形化的，无法用数据结构来描述，只能通过DOM结构、脚本是否出错、截图diff来判断，这样的判断用代码描述起来十分繁琐。

UI Recorder是阿里开源的UI自动化录制工具。所谓UI自动化录制，是指手动进行UI操作，操作过程中UI Recorder会默默记录着发生的事件、事件发生的顺序，从而自动生成测试脚本。

2 安装UI Recorder

笔者使用MAC进行以下操作。

2.1 打开终端

不要笑，如果你是在本机上安装，打开终端就是一秒钟的事情。
如果是在服务器上安装，就需要了解下公司的服务器管理方法了。因为公司服务器使用的Debian系统，所以本文中关于服务器的环境配置都是指linux系统。

1. 提交申请访问服务器的工单。
2. 热情的运维会要求你去某个网站上上传你的公钥。为什么要上传公钥呢？请往下看。
3. 获取了服务器的访问权限后，我们就可以登录服务器啦。运行ssh username@serverip -p port即可完成登录。
   什么叫做登录服务器？为什么这样就可以登录服务器了呢？你需要阅读阮老师的这篇文章SSH远程登录。

SSH登录是Linux系统的标配，是一种安全的、用于计算机之间加密登录的网络协议。其中，SSH提供了公钥登录的方法，服务器获取用户的公钥后，登录的时候，会向用户发送一段随机字符串，用户用自己的私钥加密后，再发回来。远程主机用事先储存的公钥进行解密，如果成功，就证明用户是可信的，直接允许登录shell，不再要求密码。

4. 登录完成。在终端上，像操作本机一样的操作服务器吧。

2.1 安装

1. 安装nvm
   为了保证node和npm的版本管理在之后不那么让人困扰，安装nvm来管理它们是必要的。nvm的安装说明非常详细，给出了各种可能出现的问题以及解决方法。
2. 执行nvm install node以安装nodeJS和npm
3. 执行npm install uirecorder mocha -g以安装uirecorder和mocha
   执行过程中可能会失败，这时候可以换用cnpm来安装
4. 安装Java，如果已经安装了，确保Java版本在1.8以上。安装Java是启动WebDriver服务器的需要。
   在无界面的服务器上安装java时：
   1. http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html选择版本，从浏览器中开始下载后，复制出下载链接来
   2. wget 下载链接
   3. tar -zxvf文件名
   4. 修改.bashrc文件添加环境变量
5. 安装Chrome。
   在无界面的服务器上安装Chrome时，应该这样安装：
   1. sudo apt-get update
   2. sudo apt-get install google-chrome-stable。chrome在linux系统上有最低版本要求，如果报错了，多半需要升级系统
   3. sudo apt-get update && sudo apt-get install -y xfonts-100dpi xfonts-75dpi xfonts-scalable xfonts-cyrillic Xvfb x11-apps imagemagick firefox google-chrome-stable
      这是为了安装Xvfb(virtual framebuffer X server for X Version)，可以直接处理图形化功能，同时不会把图形输出到屏幕上。因为无界面服务器上无法从本地打开Chrome
   4. 执行Xvfb :2 -screen 0 1024x768x16启动服务，让Xvfb把显示图像放到2号屏幕上
   5. 执行export DISPLAY=:2，指定控制台就是2号屏幕。
   6. 执行google-chrome-stable www.baidu.com，如果出现Xlib: extension "RANDR" missing on display ":2"，就代表启动成功了。

2.2 录制脚本
因为服务器上没有界面，所以录制就放在了本地执行。脚本编写好上传，进行集成测试。

3.3 运行脚本