UI Recorder功能介紹
- 支持所有用戶行為: 鍵盤事件, 鼠標事件, 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、UI Recorder的安裝
打開終端，輸入：npm install uirecorder -g的命令，如若不行輸cnpm命令
初始化uirecorder，輸入命令：uirecorder init，一路回車，遇到需要輸入WebDriver域名或IP時，輸入127.0.0.1，WebDriver端口號輸入4444，瀏覽器默認chrome，ie 11
2、UI Recorder的使用
第一步：開始錄制，打開新的一個終端，輸入macaca server --port 4444，讓macaca服務一直跑着，在另外一個終端里面uirecorder start --mobile，錄制網頁不用加上--mobile，如下圖為web端
第二步：錄入完成后，執行mocha +（腳本保存的文件名和后綴名）命令，對錄制的腳本進行回放。（前提是安裝好了mocha）
當然在錄制過程中還可以暫停，添加斷言，插入變量，插入腳本等
mocha test.spec.js
腳本的錄制相對簡單
第三步：搭建WebDriverServer環境，以下為Windows下示例：
a、下載selenium-Server-standalone.jar
b、下載chromedriver
我將其放在同一個文件夾driver中，然后將其配置到path變量中，以便seleniumServer能通過文件名直接找到文件啟動對應的driver，驗證有沒有配置環境變量成功只需要在cmd命令中隨便找個目錄輸入driver的文件名執行下，看能否成功找到文件執行
c、在一個終端啟動服務器：java -jar selenium-server-standalone-3.8.1.jar
d、在另一個終端上執行剛才錄制的腳本（腳本回放）
mocha在這里充當回放工具
安裝：
- npm install mocha -g
- npm install jwebdriver expect.js mocha-generators faker --save-dev
- npm install jwebdriver chai faker --save-dev
3、手機端腳本錄制
1）命令：uirecorder start --mobile
解決：刪除node_modules，清緩存，重新安裝npm，npm install