自动化测试之超厉害自动化录制工具介绍

“ 介绍有关自动测试工具-uirecorder环境搭建”

01、目录

1.介绍

2.注意事项

3.介绍

4.环境搭建

5.重点提及一下nodejs的安装。

6.创建一个工程：录制web页面

7.扩展：录制app

02、注意事项

1.文件夹的名字尽量不要有中文（日文也不行！）；

2.文件夹的名字尽量不要有空格；

3.尤其是jdk、nodejs，他们很挑剔的~；

03、介绍

支持所有用户行为:键盘事件,鼠标事件,警惕,文件上传,拖放,svg影子dom

•支持无线本地应用(Android,iOS)录制,基于猕猴属实现:https://macacajs.com/

•无干扰录制:和正常测试无任何区别,无需任何交互

•录制用例存储在本地

•支持丰富的断言类型:val,文本,显示,启用,选中,attr,css,url,标题,曲奇,sessionStoragelocalStorage,

•支持图片对比

•支持强大的变量字符串

•支持公共测试用例:允许用例中动态调用另外一个

•支持并发测试

•支持多国语言:英文,简体中文,繁体中文•支持单步截的图

•支持HTML报告和JUnit报告

•全系统支持:Windows、Mac、Linux•基于Nodejs的测试用例:jWebDriver

04、环境搭建

•JDK，并配置环境变量

•nodejs

•安装goole，以及对应的驱动。chromedriver.exe置于c：windows/system32目录下和python安装目录下，不然就会报错，注意版本一定要对应，69和2.3••

•安装cnpm：npm install -g cnpm •

•安装uirecorder：cnpminstall uirecorder mocha -g•

•安装依赖：cnpminstall jwebdriver expect.js mocha-generators faker --save-dev •

•相关安装教程：https://www.cnblogs.com/igubai/p/7593285.html

05、nodejs安装

•nodejs安装完成之后，

•需要在根目录下添加两个文件夹【node_global】及【node_cache】，

•检查是否安装成功：node -v，npm -v

•配置的是npm安装的全局模块所在的路径，以及缓存cache的路径

•npmconfig set prefix "D:Developnodejsnode_global"

•npmconfig set cache "D:Developnodejsnode_cache"•新增环境变量：

•在【系统变量】下新建【NODE_PATH】，输入【根目录node_globalnode_modules】

•在【用户变量】下的【Path】修改npm的路径为【根目录node_global】

•npmconfig set registry https://registry.npm.taobao.org #切换安装镜像地址•

•如果使用npm -v报错时，在用户根目录下，修改.npmrc文件，可能你在设置安装路径的时候出现了错误。

06、创建一个用例

创建一个工程操作：

1、创建一个新文件夹，存放所有的依赖文件。

2、初始化这个文件夹：uirecorder init

3、开始录制：uirecorder 脚本存放位置，如：uirecorder sample/test.spec.js

4、结束录制之后，想要继续录制，再次使用录制命令就行。

5、运行脚本：run.bat 脚本文件路径，运行时如果报错，将脚本修改：{$sizeCode } 这个替换替换为 .maximize()

6、获得测试报告和单步操作截的图，在新建的文件下的report文件夹下。

07、扩展：录制app

安装macaca运行环境：

1、macaca核心安装：npmimacaca-cli -g 界面出现一只猴子，说明安装成功。

2、SDK，配置andriod_home环境变量

3、检查环境：macaca doctor

4、安装驱动：npm i macaca-android -g 安卓专用

5、安装两个app（如图）：

6、安装gradle，文件中

已经下载，直接复制到需要的路径

下就行，然后添加环境变量。

7、在【系统变量】中添加【GRADLE_HOME】 C:Gradlegradle-4.6 （你的gradle根目录）

在【系统变量】中添加【path】%GRADLE_HOME%bin;（你的gradle解压目录下的bin文件夹）校验一下，cmd命令行窗口：gradle-v，显示版本号即可。

08、录制app续

1、安装app_inspector：npmiapp-inspector -g

2、链接手机或者模拟器，查找设备：adb devices

3、启动app-inspector的命令：app-inspector-u 设备id，出现信息，说明安装成功。

4、安装app出现错误，则手动进行安装，本文件下的两个app

在安装macaca-cil的时候报错时，使用命令：npm i gulp-uglify -g

09、录制app续

开始录制：

1、连接你的手机或模拟器

2、启动服务：macaca server --port 4444

3、创建新文件夹

4、初始化文件：uirecorder init --mobile

5、开始录制测试用例：uirecorder --mobile sample/test.spec.js

6、继续录制：uirecorder --mobile sample/test.spec.js

7、运行测试用例：run.bat sample/test.spec.js

8、查看测试报告：在创建的文件夹下的report下。

我为大家准备了几个可以借鉴的网址，可以去查看哟！