Macaca自動化工具之uirecorder腳本錄製

UI Recorder功能介紹

1. 支持全部用戶行爲: 鍵盤事件, 鼠標事件, alert, 文件上傳, 拖放, svg, shadow dom
2. 支持無線native app錄製, 基於macaca實現: https://macacajs.com/
3. 無干擾錄製: 和正常測試無任何區別，無需任何交互
4. 錄製用例存儲在本地
5. 支持豐富的斷言類型:val,text,displayed,enabled,selected,attr,css,url,title,cookie,localStorage,sessionStorage
6. 支持數據mock: Fake.js
7. 支持公共測試用例: 容許用例中動態調用另一個
8. 支持併發測試
9. 支持多國語言: 英文, 簡體中文, 繁體中文
10. 支持單步截圖
11. 支持HTML報告和JUnit報告
12. 全系統支持: windows, mac, linux
13. 支持多運行時測試, 例如：開發測試、預發測試
14. 基於Nodejs的測試用例: jWebDriver

一、UI Recorder的安裝

　　打開終端，輸入：npm install uirecorder -g的命令，如若不行輸cnpm命令

　　初始化uirecorder，輸入命令：uirecorder init，一路回車，遇到須要輸入WebDriver域名或IP時，輸入127.0.0.1，WebDriver端口號輸入4444，瀏覽器默認chrome，ie 11

　　

 

二、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

 

三、手機端腳本錄製

　1）命令：uirecorder start --mobile

　

 　　

  解決：刪除node_modules，清緩存，從新安裝npm，npm install