UI Recorder安装与使用
现在的互联网公司,普遍在尝试并执行敏捷开发模式,那么必然要涉及到频繁的更新迭代,在每次更新迭代时,老功能的回归成为了老大难。当系统日益复杂,涉及到的回归点逐渐增多,UI自动化测试即使成本在大,也需要提上日程,解放人力,让测试人员提高工作效率。
以往我们对于UI自动化测试,第一个想到的事Selenium,虽说功能强大,稳定,但是一个系统回归级别的代码量还是比较笨重的,本次我们探讨调研一个能够上手快、操作简单、提供录制的工具,来应对我们频繁的更新迭代,那就是UI Recorder:
UI Recorder 是一款零成本UI自动化录制工具,类似于Selenium IDE.
UI Recorder 要比Selenium IDE更加强大!
UI Recorder 非常简单易用:官方网站: http://uirecorder.com/
功能
- 支持所有用户行为: 键盘事件, 鼠标事件, alert, 文件上传, 拖放, svg, shadow dom
- 支持无线native app(Android, iOS)录制, 基于macaca实现: https://macacajs.com/
- 无干扰录制: 和正常测试无任何区别,无需任何交互
- 录制用例存储在本地
- 支持丰富的断言类型: val,text,displayed,enabled,selected,attr,css,url,title,cookie,localStorage,sessionStorage
- 支持图片对比
- 支持强大的变量字符串
- 支持公共测试用例: 允许用例中动态调用另外一个
- 支持并发测试
- 支持多国语言: 英文, 简体中文, 繁体中文
- 支持单步截图
- 支持HTML报告和JUnit报告
- 全系统支持: Windows, Mac, Linux
- 基于Nodejs的测试用例: jWebDriver
安装uirecorder
1、安装node.js(最好安装8.X版本,安装最新版本后续可能会出错)
node官网:https://nodejs.org/en/download/
或者直接下载安装包:https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi
安装时一路next就行了。安装成功之后,验证一下安装是否成功:
打开cmd,输入node -v,然后回车(电脑装的8.10版本,8.11也可以)
2、安装 chrome(谷歌浏览器)
3、安装 UI Recorder
安装UI Recorder,这里通过node的npm直接安装即可,如果无法过墙,也可以用阿里的自己的cnpm进行安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装好cnpm后在通过cnpm安装UI Recorder就可以了
cnpm install uirecorder mocha –g
安装成功后通过 uirecorder --version 来检验是否成功安装。
开始录制
1、初始化工程
在E盘根目录建立一个文件夹uirecorder,
打开cmd窗口,切换到uirecorder目录
E:\uirecorder>
UI Recorder安装完成后第一步需要进行配置文件的初始化输入uirecorder init,根据我们的需求自己编写即可,一般都选择默认。
2、开始录制测试用例
初始化完我们的配置信息后,就可以通过uirecorder start开始录制我们的case了,非常的简单方便。
当启动完成后,可以看到已经启动了一个chrome浏览器,只需要输入被测试地址即可开始录制case。
这里以百度为例。当输入域名(http://www.baidu.com)后,已经成功跳转到了被测试地址。
简单操作下,可以看到后台记录下了所有操作。包括了滚轮的操作已被记录了下来,点击结束脚本录制后,在UI Recorder执行初始化操作的目录下,已经生成了测试case。
回放
假设已经将所有的回归case录制完成,那么现在开始回归操作,需要安装chrome的drvier,以及selenium的server的jar包,这里可以提供百度网盘地址。(注:链接:https://pan.baidu.com/s/1JicYpyGJZgcGFTni6jA7kg 密码:vrw1)
(放在了E盘根目录下)
切换到E盘根目录下,启动selenium server端 java -jar selenium-server-standalone-3.7.1.jar
在UI Recorder的init目录下执行 run.bat即可执行录制后的case,可以在log中看到,每一步的回归执行都可以看到耗时,以及是否操作成功。同时UI Recorder生成了HTML和XML的报告。
报告
UI Recorder的HTML报告还是非常丰富的,每一步的操作执行都被图片的形式保存了下来,这对于后续查看问题原因提供了极大地便利。(由于中间调试出了点问题,
所以中途换了文件夹,此处的ui等同于上面的uirecorder文件夹)
最新文章
- 【原创】开源Math.NET基础数学类库使用(16)C#计算矩阵秩
- Android入门(十三)内容提供器
- mysql 判断表字段或索引是否存在
- Android 文件夹命名规范 国际化资源
- [MEAN+ Webstrom] First API -- 2.Debug Node.js RESTful application
- 利用UIBezierPath实现一个带圆角的视图
- Yii 2 修改 URL 模式为 PATH 模式,并隐藏index.php
- 测试String.Format中的Format参数
- Fastify 系列教程一(路由和日志)
- oracle 裸设备划分 --centos6.5
- java 堆、栈、方法区/ 类变量、成员变量、局部变量
- rest_framework之认证源码剖析
- Cookie 判断页面是否为第一次打开 包括刷新
- java 获取当天(今日)零点零分零秒
- 二、putty的下载安装和基本使用方法教程
- NoHttp封装--02 自定义请求
- python之路----进程三
- JavaScript之数组的常用操作函数
- Android 集成百度统计
- MLP 之手写数字识别
热门文章
- python学习之requests基础
- js验证:密码只能为大写字母+小写字母+数字的8至15位字符组合
- Web测试常用的链接测试工具
- 【FICO系列】SAP FICO 凭证错误:BKPFF$PRDCLN800在FI中达到的项目最大编号
- 【Linux开发】如何更改linux文件的拥有者及用户组(chown和chgrp)
- 【Qt开发】解决Qt5.7.0中文显示乱码的问题
- Linux文件与目录操作 ls 命令(2)
- mysql学习记录(一)
- 洛谷 P5661 公交换乘 &; [NOIP2019普及组] (模拟)
- Linux菜狗入门(不停更新)