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

 介绍有关自动测试工具-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:\Develop\nodejs\node_global"

•npmconfig set cache "D:\Develop\nodejs\node_cache"•新增环境变量:

•在【系统变量】下新建【NODE_PATH】,输入【根目录\node_global\node_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:\Gradle\gradle-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下。

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

相关网站

https://github.com/alibaba/uirecorder/blob/master/README_zh-cn.md

https://testerhome.com/topics/12277

https://www.cnblogs.com/igubai/p/7593285.html

 

 

往期精彩回顾:

新年快到了,满屏的新年祝福弹窗,让人又惊又喜,即使电脑崩溃了,也是高兴的——新年祝福弹窗,了解一下。

如何自动发送短信给女朋友、

python 教你自动添加好友

 

 

后台回复 uirecorder,获取相关资料合集。

了解更多,欢迎关注公众号:

自动化测试之超厉害自动化录制工具介绍_第1张图片

 

你可能感兴趣的