前言:

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

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

  1. UI Recorder 安装教程(二)

    前言: UI Recorder支持无线native app(Android, iOS)录制, 基于macaca实现:https://macacajs.com/ 本次教程只针对无线native app( ...

  2. UI Recorder安装与使用

    现在的互联网公司,普遍在尝试并执行敏捷开发模式,那么必然要涉及到频繁的更新迭代,在每次更新迭代时,老功能的回归成为了老大难.当系统日益复杂,涉及到的回归点逐渐增多,UI自动化测试即使成本在大,也需要提 ...

  3. UI Recorder 功能详解

    前言: UI Recorder安装教程见:UI Recorder 安装教程(一).UI Recorder 安装教程(二) 本次着重介绍UI Recorder录制过程中的功能按钮:添加悬停,添加断言,使 ...

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

    之前一直使用的是Android development tools(简称ADT),后来说是google对ADT不再提供支持,然后一直在考虑是否把自己电脑换成Android Studio(简称AS),从 ...

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

    Android Studio(以下简称AS)第一次公开亮相是在2013年的谷歌I/O大会上,14年的大会上谷歌发布其试用测试版,如今AS已经历数次版本更新,功能十分强大.如(摘自百度百科Android ...

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

    黑苹果macOS Sierra 10.12 安装教程(venue11 pro测试) 2017-03-12 03:46:24 by SemiconductorKING PS:刚刚装好黑苹果,来记录一篇折 ...

  7. pycharm2018安装教程 pycharm2018永久激活教程

    安装教程 下载pycharm 2018.3.2安装文件,可以直接点击下载网盘下载 激活码地址:http://demo.liuy88.cn/jp0876.html 下载完成后,双击exe即可开始安装 点 ...

  8. Axure RP 9 Mac正式汉化版安装教程

    Axure RP9 汉化版是mac平台上一款交互式原型设计神器,是专为UX专业人员和业务分析师设计的专业网站原型设计工具!可以帮助他们快速创建应用程序和网站的线框,原型和规格!新功能包括一系列广泛的改 ...

  9. creo5.0安装教程(图文详解)

    PTC公司最近发布了Creo 5.0正式版 ,作为最具其革命性的新一代产品设计软件,其所提供专业的二维和三维设计设计,能帮助企业和公司进行产品生命周期管理(PLM)和制定服务管理解决方案.Creo5. ...

随机推荐

  1. 卸载CocoaPods

    1. 移除pod组件 这条指令会告诉你Cocoapods组件装在哪里 : $ which pod 你可以手动移除这个组件 : $ sudo rm -rf <path> 2.移除 RubyG ...

  2. QGIS里的编程模型

    项目(QgsProject) 用于读写项目状态 图层分组(QgsLayerTreeGroup) 项目树的分组节点,用来存放图层节点. 图层节点(QgsLayerTreeLayer) 项目树的图层节点. ...

  3. [转]System.DllNotFoundException: 无法加载 DLL“*.dll”: 内存位置访问无效。 (异常来自 HRESULT:0x800703E6)

    我在使用地税发票控件进行开票的测试的时候,在xp上测试时正常的,在别人的win7系统测试也是正常,但我在我本机确不正常.我本机装的是msdn版本win7系统,这个系统比较原装. 错误信息如下: -- ...

  4. WorldWind源码剖析系列:可渲染对象类RenderableObject

    RenderableObject是WorldWind中所有需要渲染的对象的父类,继承了接口IRenderable和Icomparable.其派生类体系如下所示.RenderableObject的成员如 ...

  5. opencv——对象提取与测量

    #include <opencv2/opencv.hpp> #include <iostream> #include <math.h> using namespac ...

  6. 包学会之浅入浅出 Vue.js:开学篇

    2016年,乃至接下来整个2017年,如果你要问前端技术框架什么最火,那无疑就是前端三巨头:React.Angular.Vue.没错,什么jQuery,seaJs,gulp等都逐渐脱离了热点.面试的时 ...

  7. Java使用线程并发库模拟弹夹装弹以及发射子弹的过程

    同样是从网上看到的一个需求,需求描述都在代码中. 不多说了,直接贴代码了.相信大家都能够看得懂的! package cn.yw.bore; import java.util.ArrayList; im ...

  8. C#委托+回调详解

    今天写不完,明天会接着写的,,,, 学习C#有一段时间了,不过C#的委托+回调才这两天才会用,以前只是知道怎么用.前面的一篇文章,函数指针,其实是为这个做铺垫的,说白了委托就相当于C语言中的函数指针, ...

  9. QT1.1-与Opencv的hello world

    qt:一个1991年由奇趣科技开发的跨平台C++图形用户界面应用程序开发框架.它既可以开发GUI程序,也可用于开发非GUI程序,比如控制台工具和服务器.Qt是面向对象的框架,使用特殊的代码生成扩展(称 ...

  10. day72

    今日内容: 1 创建多表模型(详情见代码) from django.db import models # Create your models here. class Publish(models.M ...