网络编程

当前位置:永利402游戏网站-永利402com官方网站 > 网络编程 > UI Recorder 安装教程(二)

UI Recorder 安装教程(二)

来源:http://www.xtcsyb.com 作者:永利402游戏网站-永利402com官方网站 时间:2019-09-14 02:18

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

前言:

UI Recorder支持无线native app(Android, iOS)录制, 基于macaca实现:


一、所需环境安装

1、Install NodeJs (version >= v7.x)

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

2、Install chrome

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

本次教程只针对无线native app(Android),仍然是windows系统


二、mobile安装过程

1、安装macaca & 开启macaca server:

  • Install macaca:

  • Connect your mobile or open emulator

  • macaca server --port 4444

  • 图片 1image.png

2、初始化

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

3、开始录制

  • uirecorder --mobile sample/test.spec.js录制的脚本,会放到sample/test.spec.js文件下

图片 2image.png图片 3image.png图片 4image.png

步骤一:全局安装macaca

执行cmd命令:npm i -g macaca-cli

如果看到如下可爱的图案,那恭喜你安装成功啦!重新安装则会覆盖更新。

图片 5

备注:

步骤二:Android 环境准备

1、安装 JDK,要求 1.8 或更高版本

2、安装 Android SDK Build-tools 25.0.2、API25、Android Support Repository(此处注意Build-tools应和API相互对应)

图片 6

3、若Android SDK无法更新,请设置tools-option,网址:mirrors.neusoft.edu.cn,端口:80,见下图。

图片 7

3、安装Android NDK(下载地址:链接: 密码: jgsb)

下载zip文件,解压到本地,并设置ANDROID_NDK_HOME,加入PATH中。

图片 8

4、安装Gradle

图片 9

5、安装UIAutomatorWD

执行cmd命令:npm i uiautomatorwd --save

6、准备 App 包:如需要测试 Android 应用,请使用.apk格式的包。


1、问题:

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

步骤三:安装驱动(不同驱动适应不同平台的支持)

驱动可以按照自身需要选择性的安装:

Android的安装命令:$npm i macaca-android -g


原因:

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

步骤四:环境检查

执行cmd命令:macaca doctor,可以检查环境是否配置成功。

如下图所示则表示环境均配置正常,如果有标红提示,则需要对应处理。

图片 10


步骤五:开始手机设备录制

1、检查adb设备连接

执行cmd命令:adb devices,页面列出你当前连接计算机的安卓设备(包括模拟器)

图片 11

2、初始化配置UI Recorder--mobile

执行cmd命令:uirecorder init --mobile,初始化配置,第一次试用,可一直回车,IP默认为127.0.0.1,端口默认为4444。

图片 12

3、启动Macaca server

执行cmd命令:macaca server --port 4444 --verbose

4、录制脚本

执行cmd命令:uirecorder --mobile sample/test.spec.js

开始录制脚本,根据需要自行填写。本次截图的测试脚本为sample目录下的test.spec.js文件,app路径需要自行填写需要测试的apk文件路径。

图片 13

打开录制浏览器的速度较慢,请耐心等待~

此时会打开一个chrome,用来录制你的操作;

手机此时也会自动安装并打开app,你需要在手机中校验Recorder的录制是否正确。

图片 14

然后直接在浏览器中录制操作流程,可看到页面随时有提示:“执行成功”;完成一个流程后,点击结束录制。

图片 15

5、查看已录制的脚本文件

结束录制后,可在文件夹sample中看到该脚本,如下图所示。

图片 16

6、回放脚本

执行cmd命令:macaca run -p 4444 -d sample/test.spec.js --verbose

此处sample/test.spec.js是刚刚命名的保存下来的录制文件

macaca会在手机中重装你的app,然后执行你刚刚录制的操作,即可在cmd窗口中查看回放脚本的步骤,执行时间,执行结果等。

图片 17

步骤六:运行脚本

执行cmd命令:

1、运行所有脚本:run.bat

2、运行单个脚本:run.bat sample/test.spec.js

步骤七:查看测试报告

运行脚本后,会自动保存测试报告,在目录reports下index.html、index.xml、index.json

图片 18

本文由永利402游戏网站-永利402com官方网站发布于网络编程,转载请注明出处:UI Recorder 安装教程(二)

关键词: