自動化測試工具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出現界面如下：