自动化测试工具UIRecorder安装教程

2024-04-27 15:17:28

字体：大中小

来源：转载

供稿：网友

邓爱军 2017-02-09 11:37来自PC 3 1编辑

一、功能简介：支持所有用户行为: 键盘事件, 鼠标事件, alert, 文件上传, 拖放, svg, shadow dom支持无线native app录制, 基于macaca实现: https://macacajs.com/无干扰录制: 和正常测试无任何区别，无需任何交互录制用例存储在本地支持丰富的断言类型: val,text,displayed,enabled,selected,attr,CSS,url,title,cookie,localStorage,sessionStorage支持数据mock: Fake.js支持公共测试用例: 允许用例中动态调用另外一个支持并发测试支持多国语言: 英文, 简体中文, 繁体中文支持单步截图支持HTML报告和JUnit报告全系统支持: windows, mac, linux支持多运行时测试, 例如：开发测试、预发测试基于Nodejs的测试用例: jWebDriver二、安装步骤：1.执行安装包

node-v6.9.4-x64.msi (安装无需选择，直接下一步安装)

//192.168.101.204/共享/软件/UIRecorder

按照成功之后查看版本：执行cmd命令： node --version

2.安装谷歌浏览器(如有则无需安装)

谷歌浏览器地址：

//192.168.101.204/共享/软件/谷歌浏览器

3.安装 UI Recorder执行cmd命令： npm install uirecorder mocha -g结果参考下图：

4.PC录制4.1初始化配置4.1.1创建新文件夹执行cmd命令：npm install执行cmd命令：uirecorder init结果如下图：

4.2开始录制测试用例4.2.1 修改hosts文件C:/Users/honghai/config.json(我本地路径是这样，具体根据实际情况)4.4.2 config.json详细内容，修改只针对Chrome：{"webdriver": {"host": "127.0.0.1","port": "4444","browsers": "chrome"},"vars": {},"recorder": {"pathAttrs": "data-id,data-name,type,data-type,role,data-role,data-value","attrValueBlack": "","hideBeforeExpect": ""}}5.webdriver安装配置5.1 安装服务Selenium standalone server执行cmd命令： npm install selenium-standalone -g执行cmd命令(sdk52对应的是1.8jdk ,sdk51对应的是1.7jdk)：

selenium-standalone install

-- drivers.Firefox.baseURL=http://npm.taobao.org/mirrors/geckodriver

--baseURL=http://npm.taobao.org/mirrors/selenium

--drivers.chrome.baseURL=http://npm.taobao.org/mirrors/chromedriver

--drivers.ie.baseURL=http://npm.taobao.org/mirrors/selenium

执行cmd命令(注意：启动后勿关闭窗口)：selenium-standalone start6.基于环境变量临时修改webdriver的host和port，在本地调试脚本。执行cmd命令(提示：端口号是非必填项，例如：export webdriver=127.0.0.1)：set webdriver=127.0.0.1:4444 (Windows)7.uirecorder录制与播放7.1执行cmd命令uirecorder start sample/test.spec.js出现界面如下：