UI Recorder之Web自动化

Posted M_派森

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UI Recorder之Web自动化相关的知识,希望对你有一定的参考价值。

简单介绍

已经完成了环境的搭建,就可以进行脚本的录制了。

 

实际操作

一、录制脚本

1、初始化配置UI Recorder

执行cmd命令:uirecorder init

技术分享图片
初始化

这里可以直接回车,浏览器我选择了chrome,选择默认即可。但是需要注意的是你的路径,最好创建一个专门保存脚本的目录,方便后续使用于管理。

2、录制脚本开启

执行cmd命令:uirecorder start

技术分享图片
录制开启

这里会打开两个浏览器,脚本名称也是自己定义的,浏览器的窗口大小也是自己可以定义,一个是直接进行操作的,一个是校验的:

技术分享图片
操作
技术分享图片
校验

3、开始录制

技术分享图片
输入地址
技术分享图片
检测也是同步
技术分享图片
输入macaca
技术分享图片
点击结束录制保存脚本
技术分享图片
录制完成
技术分享图片
脚本查看

二、脚本回放

1、启动server

执行cmd命令:selenium-standalone start

技术分享图片
报错

注意:这里可能会报错,无法启动服务,但是可以挽救,使用selenium-standalone install指令进行一些依赖的安装即可。

技术分享图片
报错

这儿还是会报错,但是不要怕,还是可以挽救的,就是多执行几次就可以了。

技术分享图片
成功
技术分享图片
服务启动

2、回放脚本test.1.js

执行cmd命令:mocha sample/test.1.js

即可在cmd窗口中查看回放脚本的步骤,执行时间,执行结果等。

技术分享图片
执行成功

三、运行测试用例

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

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

即可在cmd窗口中查看运行脚本的步骤,执行时间,执行结果等。

技术分享图片
运行成功

3、查看报告

查看reports文件夹内的报告

技术分享图片
报告
 
至此,Web的自动化完成,接下来看下移动端的测试。
 
 

















以上是关于UI Recorder之Web自动化的主要内容,如果未能解决你的问题,请参考以下文章

前端自动化测试之UI Recorder(介绍)

Web UI自动化测试之Selenium3

自动化测试之Python + selenium = Web UI自动化测试

Web UI自动化测试之元素定位

Web UI自动化测试之元素定位

UI自动化录制工具----UI Recorder