uirecorder的安装和使用

摘要:
打开同步校验浏览器?,我的显示是英文的,如图:;输入y再点击回车,弹出?

uirecorder安装:

安装node8.x版本,并安装执行下面两条命令安装uirecorder
node下载地址:https://nodejs.org/en/download/
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install uirecorder mocha -g(如果有cnpm就不用执行上面的命令)

uirecorder测试命令:
uirecorder --version(cmd黑框里输入uirecorder -v),出现uirecorder LOGO则为安装成功
(参考大师兄博客 http://www.imdsx.cn/index.php/2017/11/10/uirecorder/ 安装也可以)
,uirecorder是阿里提供的录制UI的方式,只能做简单的回归操作

uirecorder的安装和使用第1张

uirecorder优点:

1、录制简单

2、报告特别详细

3、全部用js写的脚本(执行起来效率高)

缺点:

无法绕过验证码(找开发提供万能码)

uirecorder使用方法:

首先在任意目录下创建一个文件夹,如D盘下创建一个jxzuirecorder文件夹,然后进到jxzuirecorder文件夹下

UI Recorder安装完成后第一步需要进行配置文件的初始化,输入uirecorder init,点击回车,会加载一堆东西,根据我们的需求自己编写即可,这里除浏览器外,uirecorder的安装和使用第2张,浏览器列表这里可以输入自己想要操作的浏览器,也可以默认,然后一路回车即可,出现下面的图片即为初始化成功

uirecorder的安装和使用第3张

同时在D盘jxzuirecorder目录下,初始化一大堆东西,如下图:

uirecorder的安装和使用第4张

初始化完我们的配置信息后,第二步就可以通过uirecorder start开始录制我们的case了,非常的简单方便

uirecorder的安装和使用第5张

光标停留在尖括号后面,在这里可以改名,尽量不要改,case会存放在sample/test.spec.js下面,点击回车会弹出?打开同步校验浏览器?,我的显示是英文的,如图:uirecorder的安装和使用第6张

输入y再点击回车,弹出?浏览器大小<格式:1024 * 768>是否全屏显示,我的显示是英文的,如图:uirecorder的安装和使用第7张

到这步直接点击回车会弹出两个chrome浏览器,其中一个浏览器里显示如下:

uirecorder的安装和使用第8张

在上图绿框里输入http://ui.imdsx.cn,点击回车,开始录制,打开下面这个页面就是成功的,正常页面右下角会有绿色的√

uirecorder的安装和使用第9张

Add Hover:添加悬停

Add Expert:添加断言

Use Var:使用变量

Run JS:执行JS

Add Sleep:添加延迟

Jump to:脚本跳转

End Record:结束录制

点击Selenium基础,滚动条滑到最上面,在ID文本框里输入12345,点击别的地方,正常都会有sendKeys和绿色的√出现,然后点击Add Hover,点击双击,在弹出的对话框里点击ok,再点击确定,然后再点击Add Expert,把鼠标放在12345上面,点一下,弹出下图:

uirecorder的安装和使用第10张

点击ok按钮,然后点击Use Var,点击CSS文本框,弹出下图:

uirecorder的安装和使用第11张

点击上图中的Add Var链接,弹出下图:

uirecorder的安装和使用第12张

在上图中依次输入Var name和Var value,username和sunshujiang,显示如下:

uirecorder的安装和使用第13张

点击ok按钮,在CSS文本框里显示sunshujiang,代表声明了一个变量,然后点击End Record,在sample目录下生成一个test.spec.js文件,里面会有日志,然后在config.json里看到定义的变量值,在这里可以改,便于在回归测试时使用,这里只是单纯的录制一个脚本,必须启动服务才能进行回归测试,把这个jar包放在D:jxzuirecorder文件夹下,uirecorder的安装和使用第14张,启动服务命令是java -jarselenium-server-standalone-3.7.1.jar,启动成功后会显示Selenium Server is up and running,服务启动成功后双击run.bat,会把每步操作都回放一遍,然后在reports目录下生成一个index.html文件,打开可以看到报告内容,在报告里可以看到每个步骤的代码和截图,UI自动化里最重要的是看到截图,哪里出问题了就会知道

详细学习可以参考:https://www.cnblogs.com/igubai/p/7593285.html和https://github.com/alibaba/uirecorder

免责声明:文章转载自《uirecorder的安装和使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇基础概念——C标准、C运行库和glibchtpasswd命令下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

如何使用Fiddler抓取APP接口和微信授权网页源代码

 Fiddler,一个抓包神器,不仅可以通过手机访问APP抓取接口甚至一些数据,还可以抓取微信授权网页的代码。 下载安装 1. 下载地址(官网):  https://www.telerik.com/download/fiddler 2. 或者关注以下公众号,回复“抓包工具”就可以获取网盘地址。 3. 官网填完账号等信息下载,然后安装,打开。 设置当前电脑...

微信分享连接个别手机、ios转发不显示图片的,缩略图不出来

像上面这种,微信分享后,打开是这样的。显示不了缩略图 解决方法: 在我们的网站网页 html代码中的<body>之后(也就是网站的第一张图片)增加<img src="http://singrr.com/wm/img/logo.jpg" /> 在body下面加 后缀名为jpg的 <img src="https://www.sh...

创建telegram 机器人 并发送消息

telegram是国外常用的聊天功能,功能很强大,除了聊天还可以玩游戏,传文件,视频,声音,投票,群组。当然,这些跟qq,微信都很类似了。但是它毕竟是国外最常用的IM之一。telegram有个聊天机器人可以自动发消息,也是挺有意思的。它还开放了api,可以自己创建bot,通过api发送消息,视频,声音,文件等功能。下面,我简单介绍下怎么新建一个bottel...

HTTP接口抓包工具之Fiddler

Fiddler的基本功能介绍: Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据,Fiddler包含了一个强大的基于时间脚本的子系统,并且能使用.NET语言进行扩展。对HTTP协议越了解,就能越掌握Fiddler的使用方法。越使用Fiddler,就越能帮助了解...

为什么多 TCP 连接比单 TCP 连接传输快

转自: 我观察到,客户端机器从单一服务器使用 HTTP 下载一个文件:1. 单连接下载,速度没有达到客户端网络的最大带宽;2. 多连接同时下载,传输速度有极大的提高,带宽被占满。假设如下前提:1. 服务器是单一的,没有使用提供相同文件的其它服务器,也没有使用同域名的其它服务器;2. 服务器不对单个连接限速。那么,是什么导致多连接下载的速度大为提高呢?换一种...

换Ubuntu邮件客户端Evolution为Thunderbird

ubuntu 10.04右上角的这个消息通知的小控件还是蛮喜欢的,不过到今天才知道它叫indicator applet。这里自带的邮件客户端是Evolution,配置好以后,收取邮件的过程相当的慢,而且还总失去响应,实在是难用。 换成thunderbird的原因如下: 用久了,已经习惯了。 设置简单,对Gmail设置的时候可以自动配置。 响应比Evolut...