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
往期精彩回顾：
新年快到了，满屏的新年祝福弹窗，让人又惊又喜，即使电脑崩溃了，也是高兴的——新年祝福弹窗，了解一下。
后台回复 uirecorder,获取相关资料合集。
了解更多，欢迎关注公众号：
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/111415.html原文链接：https://javaforall.net
