当前位置 : 主页 > 网络安全 > 测试自动化 >

UI 自动化测试: UIRecorder + Selenium standalone server 搭建 Web UI 自动化测试

来源:互联网 收集:自由互联 发布时间:2021-06-19
相关文档链接: 1. 操作:https://www.jianshu.com/p/f7b11da864fa 官方网站:http://uirecorder.com/ Github:https://github.com/alibaba/uirecorder 使用手册:https://github.com/alibaba/uirecorder/blob/master/doc/zh-cn/readme.

相关文档链接:

1. 操作: https://www.jianshu.com/p/f7b11da864fa

   官方网站:http://uirecorder.com/
   Github:https://github.com/alibaba/uirecorder
   使用手册:https://github.com/alibaba/uirecorder/blob/master/doc/zh-cn/readme.md


安装

1. 安装 Java JDK 并配置环境变量

2. 安装 nodejs 

   注意,目前Nodejs官网上发布的最新版本为v10.14.2,但是使用最新版本的Nodejs时,UI Recorder在初始化时会有问题(在Start Install project dependencies步骤卡住)

  可用版本下载链接: https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi

3. 安装 chrome 浏览器

4. 安装 UIRecorder

    使用管理员权限 在 cmd 窗口:    

  npm install -g cnpm --registry=https://registry.npm.taobao.org

  cnpm install uirecorder mocha -g

  

5.  检查浏览器与driver版本是否对应

     1)selenium之 chromedriver与chrome版本映射表(https://blog.csdn.net/huilan_same/article/details/51896672)

     2) C:\Users\{username}\AppData\Roaming\npm\node_modules\uirecorder\package.json

           将chromedriver 改成 浏览器对应的 driver 版本,如本机安装的chrome 为 72.0,则对应的 driver 为 2.45.0

         

 

 

  3) 

cd C:\Users\xxxxx\AppData\Roaming\npm\node_modules\uirecorder

cnpm install                  // 更新uirecorder依赖的chromedriver为2.40.0版本

npm ls chromedriver -g        // 查看chromedriver的版本

 

  

 

 

 

开始录制

1. 初始化工程

E:

mkdir project_name                         // 创建工作目录

cd project_name                            // 进入到工作目录中,以下的命令都是在此工作目录中执行

uirecorder init                            // 初始化uirecorder

  

  * 一路回车,浏览器的地方选择 "Chrome"

 

2. 开始录制测试用例

     启动uirecorder录制,并且录制的脚本保存到工作目录下的sample/test.spec.js 

uirecorder start

  此时会打开两个chrome浏览器,一个用来校验的,一个用来录制脚本的

 

 

 

 

 

回放

1. 安装并启动 selenium-standalone 

cnpm install [email protected] -g
selenium-standalone install                    // 运行这个需要java
selenium-standalone start

  

2. 运行回放

run.bat sample/test.spec.js

  

 

查看回测报告

  reports\index.html

网友评论