前言:
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 命令:
步骤六:初始化配置 UI Recorder
,npm install mocha -g
,npm install jwebdriver expect.js mocha-generators faker --save-dev
,npm install jwebdriver chai faker --save-dev
执行 cmd 命令:uirecorder init
初始化配置, 第一次试用,可一直回车,IP 默认为 127.0.0.1,端口默认为 4444,浏览器我选择了 chrome.
image
步骤七:录制脚本
执行 cmd 命令:uirecorder start
开始录制脚本,根据需要自行填写.本次截图的测试脚本为 sample 目录下的 test.2.js 文件,其他选项为一直回车均为默认值.
image
完成后会自动打开两个 chrome 窗口.
第一个窗口,是录制窗口;第二个是校验窗口,是个空白页面,我们录制的时候忽略该窗口即可.
image
步骤八:开始录制
在录制页面输入需要录制的 URL 点击开始录制.
image
随后进入百度首页的录制页面,开始录制的步骤,输入 "百度地图" 进行搜索,可看到页面随时有提示:"执行成功";完成一个流程后,点击结束录制.
image
录制过程中,可在 cmd 窗口中查看相关录制步骤和结果.
image
结束录制后,可在文件夹 sample 中看到该脚本.
image
步骤九:回放脚本
1,启动 server
执行 cmd 命令:selenium-standalone start
image
2,回放脚本 test.2.js
执行 cmd 命令:mocha sample/test.2.js
即可在 cmd 窗口中查看回放脚本的步骤,执行时间,执行结果等.
image
步骤十:运行测试用例
1,运行所有脚本: run.bat
2,运行单个脚本: run.bat sample/test.2.js
即可在 cmd 窗口中查看运行脚本的步骤,执行时间,执行结果等.
image
步骤十一:查看测试报告
运行脚本后,会自动保存测试报告,在目录 reports 下 index.html,index.xml,index.json
image
来源: http://www.jianshu.com/p/4bca6999d05a