五、UIRecorder安装&录制

Uirecorder的使用,分是PC、mobile两种,所以环境的安装也是有所不同的,下面第一部分记录两个平台都需要的环境、第二部分记录mobile安装录制过程

一、所需环境安装

1、Install NodeJs (version >= v7.x)
https://nodejs.org/

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}
(Mac, Linux)

2、Install chrome
https://www.google.com/chrome/

3、Install UI Recorder
$ npm install uirecorder mocha -g

二、mobile安装过程

1、安装macaca & 开启macaca server:

  • Install macaca: http://macacajs.com/

  • Connect your mobile or open emulator (USB数据线链接)

  • macaca server --port 4444

  • 五、UIRecorder安装&录制_第1张图片
    image.png

2、初始化

  • 到任意的目录下,新建文件夹
  • 在命令行中cd到新建的文件夹下,uirecorder init --mobile
    //此处需指定mobile,如果不指定默认为PC端,相对应初始化的文件目录也会有所不同

3、开始录制

  • uirecorder --mobile sample/test.spec.js
    录制的脚本,会放到sample/test.spec.js文件下
五、UIRecorder安装&录制_第2张图片
image.png
五、UIRecorder安装&录制_第3张图片
image.png
五、UIRecorder安装&录制_第4张图片
image.png
备注:
1、问题:

在最后录制的时候,遇到一个问题,错误提示无法找到 Could not find Chrome binary,无法打开chrome浏览器。

原因:

因为我本身电脑上已经安装了chrome,所以图省事没有安装上面的步骤来重新安装,后来安装步骤重新安装,命令通过来成功调起了浏览器。(百度中好多类似的问题,大都是说安装路径的问题)

你可能感兴趣的:(五、UIRecorder安装&录制)