UI Recorder 安装教程(二)

简介: 前言:UI Recorder支持无线native app(Android, iOS)录制, 基于macaca实现:https://macacajs.com/本次教程只针对无线native app(Android),仍然是windows系统步骤一:全局安装macaca执行cmd命令:npm i -g macaca-cli如果看到如下可爱的图案,那恭喜你安装成功啦!重新安装则会覆盖更新。

前言:

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


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


步骤一:全局安装macaca

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

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

步骤二:Android 环境准备

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

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

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

3、安装Android NDK(下载地址:链接: https://pan.baidu.com/s/1pLODwx1 密码: jgsb)

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

4、安装Gradle

https://gradle.org/releases/,在此页面下载zip包,解压并加入环境变量(在PATH中加入%GRADLE_HOME%\bin)。

5、安装UIAutomatorWD

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

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


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

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

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


步骤四:环境检查

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

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


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

1、检查adb设备连接

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

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

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

3、启动Macaca server

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

4、录制脚本

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

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

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

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

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

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

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

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

6、回放脚本

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

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

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

步骤六:运行脚本

执行cmd命令:

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

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

步骤七:查看测试报告

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

作者:搁浅
出处: http://www.cnblogs.com/xiaoxi-3-/
如果对您有帮助,请关注我的同名简书:https://www.jianshu.com/u/da1677475c27
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

目录
相关文章
|
Web App开发 测试技术 索引
UI Recorder 安装教程(一)
前言: UI Recorder 是一款零成本UI自动化录制工具,类似于Selenium IDE. UI Recorder 要比Selenium IDE更加强大! UI Recorder 非常简单易用. 官方网站:http://uirecorder.com/ 本次教程只针对windows系统 步骤一:安装NodeJs http://nodejs.cn/ 手动安装 注意:(version >= v7.x) 步骤二:安装chrome 请勿安装破解版,如已安装,请跳过此步骤。
3027 0
|
JavaScript
UI Recorder 功能详解
前言: UI Recorder安装教程见:UI Recorder 安装教程(一)、UI Recorder 安装教程(二) 本次着重介绍UI Recorder录制过程中的功能按钮:添加悬停,添加断言,使用变量,执行JS,添加延迟,脚本跳转,结束录制。
2069 0
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
2月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
2月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
2月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
2月前
|
缓存 JavaScript 前端开发
如何理解 SAP UI5 的 sap.ui.define 函数?
如何理解 SAP UI5 的 sap.ui.define 函数?
|
2月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen