UI Recorder 安装教程(一)


前言:

UI Recorder 是一款零成本UI自动化录制工具,类似于Selenium IDE.

UI Recorder 要比Selenium IDE更加强大!

UI Recorder 非常简单易用.

官方网站:http://uirecorder.com/


本次教程只针对windows系统



步骤一:安装NodeJs

http://nodejs.cn/ 手动安装

注意:(version >= v7.x)

步骤二:安装chrome

请勿安装破解版,如已安装,请跳过此步骤。

步骤三:安装UI Recorder

执行cmd命令:npm install uirecorder mocha -g

步骤四:安装服务Selenium standalone server

执行cmd命令:npm install selenium-standalone -g



步骤五:安装Mocha 单元测试框架(发音"摩卡")

依次执行cmd命令:

1、npm install mocha -g

2、npm install jwebdriver expect.js mocha-generators faker --save-dev

3、npm install jwebdriver chai faker --save-dev



步骤六:初始化配置UI Recorder

执行cmd命令:uirecorder init

初始化配置,第一次试用,可一直回车,IP默认为127.0.0.1,端口默认为4444,浏览器我选择了chrome。



步骤七:录制脚本

执行cmd命令:uirecorder start

开始录制脚本,根据需要自行填写。本次截图的测试脚本为sample目录下的test.2.js文件,其他选项为一直回车均为默认值。

完成后会自动打开两个chrome窗口。
第一个窗口,是录制窗口;第二个是校验窗口,是个空白页面,我们录制的时候忽略该窗口即可。



步骤八:开始录制

在录制页面输入需要录制的URL点击开始录制。

随后进入百度首页的录制页面,开始录制的步骤,输入“百度地图”进行搜索,可看到页面随时有提示:“执行成功”;完成一个流程后,点击结束录制。

录制过程中,可在cmd窗口中查看相关录制步骤和结果。

结束录制后,可在文件夹sample中看到该脚本。



步骤九:回放脚本

1、启动server

执行cmd命令:selenium-standalone start

2、回放脚本test.2.js

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

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



步骤十:运行测试用例

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

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

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

步骤十一:查看测试报告

运行脚本后,会自动保存测试报告,在目录reports下index.html、index.xml、index.json

时间: 2024-09-27 18:55:10

UI Recorder 安装教程(一)的相关文章

UI Recorder 安装教程(二)

前言: UI Recorder支持无线native app(Android, iOS)录制, 基于macaca实现:https://macacajs.com/ 本次教程只针对无线native app(Android),仍然是windows系统 步骤一:全局安装macaca 执行cmd命令:npm i -g macaca-cli 如果看到如下可爱的图案,那恭喜你安装成功啦!重新安装则会覆盖更新. 步骤二:Android 环境准备 1.安装 JDK,要求 1.8 或更高版本 2.安装 Android

UI Recorder安装与使用

现在的互联网公司,普遍在尝试并执行敏捷开发模式,那么必然要涉及到频繁的更新迭代,在每次更新迭代时,老功能的回归成为了老大难.当系统日益复杂,涉及到的回归点逐渐增多,UI自动化测试即使成本在大,也需要提上日程,解放人力,让测试人员提高工作效率. 以往我们对于UI自动化测试,第一个想到的事Selenium,虽说功能强大,稳定,但是一个系统回归级别的代码量还是比较笨重的,本次我们探讨调研一个能够上手快.操作简单.提供录制的工具,来应对我们频繁的更新迭代,那就是UI Recorder: UI Recor

UI Recorder 功能详解

前言: UI Recorder安装教程见:UI Recorder 安装教程(一).UI Recorder 安装教程(二) 本次着重介绍UI Recorder录制过程中的功能按钮:添加悬停,添加断言,使用变量,执行JS,添加延迟,脚本跳转,结束录制.如下图所示: 1.属性开关 进入录制页面后,属性开关全部为默认开启状态,因此在你点击任意DOM时,DomPath会自动选择属性并展示.如下图所示: 鼠标点击页面DOM"Email:",DomPath展示为://td[text()="

Android Studio的下载和安装教程(从ADT到AS)

之前一直使用的是Android development tools(简称ADT),后来说是google对ADT不再提供支持,然后一直在考虑是否把自己电脑换成Android Studio(简称AS),从ADT到AS这个过程自己觉得软件安装真的伤不起,端午节第二天和第三天(也是今天),终于完成了从ADT到AS的转 变,OK,我还有很多要学习的地方. 下面我来介绍一下ADT的转变成AS: 1.第一次安装完之后模拟器根本启动不了(就算你刚新建的模拟器,他还是不能在启动APP时候没有可用的模拟器),而且用

黑苹果macOS Sierra 10.12 安装教程(venue11 pro测试)

黑苹果macOS Sierra 10.12 安装教程(venue11 pro测试) 2017-03-12 03:46:24 by SemiconductorKING PS:刚刚装好黑苹果,来记录一篇折腾过程(手动滑稽) 说说准备工作: 1.TransMac.exe(写苹果镜像文件到U盘的工具) 2.clover文件(我这里提供一个已经调试好的已注入驱动的可以直接给venue11 Pro 7130用的clover) 3.苹果镜像文件(我给的是社区压缩打包过的,它自带一个clover,装完后和官方的

Win8安装教程!笔记本用U盘安装Win8只需三步

1Win8安装教程(一)制作WinPE启动U盘回顶部 Win8客户预览版怎么安装?Win8安装教程跟Win7安装教程几乎一样,因此安装Win8的方法多达10多种也不足为其!笔者在此介绍成功率最高的那一种方法——用U盘进入WinPE来安装Win8(用U盘装Win8)! 笔者介绍的Win8安装教程可能不是最简单的,但绝对是最通用的,可以应用在任何可以安装Win8的电脑上,包括新买的笔记本,包括已经安装好其他系统的电脑!反正,只要你的电脑支持U盘启动,就能用这种方法来安装Win8!在笔者看来,这三步走

Spark-1.0.0 standalone分布式安装教程

Spark目前支持多种分布式部署方式:一.Standalone Deploy Mode:二Amazon EC2.:三.Apache Mesos:四.Hadoop YARN.第一种方式是单独部署,不需要有依赖的资源管理器,其它三种都需要将spark部署到对应的资源管理器上. 除了部署的多种方式之外,较新版本的Spark支持多种hadoop平台,比如从0.8.1版本开始分别支持Hadoop 1 (HDP1, CDH3).CDH4.Hadoop 2 (HDP2, CDH5).目前Cloudera公司的

调研Android Studio开发环境的发展演变(附安装教程,多图)

Android Studio(以下简称AS)第一次公开亮相是在2013年的谷歌I/O大会上,14年的大会上谷歌发布其试用测试版,如今AS已经历数次版本更新,功能十分强大.如(摘自百度百科Android Studio词条): 1. 基于Gradle的构建支持2. Android 专属的重构和快速修复3. 提示工具以捕获性能.可用性.版本兼容性等问题4. 支持ProGuard 和应用签名5. 基于模板的向导来生成常用的 Android 应用设计和组件6. 功能强大的布局编辑器,可以让你拖拉 UI 控

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

1.系统和工具包 windows 7 64位 jdk,nodejs,webdriver,浏览器都放在工具包目录内.(晚上回去把文件上传到云盘,在分享给大家) 2.安装JDK和node.js 2.1 JDK安装 要求1.8以上版本,我使用的是jdk1.8.0_40,安装完JDK后写入环境变量. 新建系统变量JAVA_HOME 和CLASSPATH 变量名:JAVA_HOME 变量值:C:\Program Files\Java\jdk1.8.0_140 变量名:CLASSPATH 变量值:.;%JA