UI Recorder 安裝教程(一)
前言:
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命令:
1、npm install mocha -g
2、npm install jwebdriver expect.js mocha-generators faker --save-dev
3、npm install jwebdriver chai faker --save-dev
步驟六:初始化配置UI Recorder
執行cmd命令:uirecorder init
初始化配置,第一次試用,可一直回車,IP默認為127.0.0.1,端口默認為4444,瀏覽器我選擇了chrome。
步驟七:錄制腳本
執行cmd命令:uirecorder start
開始錄制腳本,根據需要自行填寫。本次截圖的測試腳本為sample目錄下的test.2.js文件,其他選項為一直回車均為默認值。
完成後會自動打開兩個chrome窗口。
第一個窗口,是錄制窗口;第二個是校驗窗口,是個空白頁面,我們錄制的時候忽略該窗口即可。
步驟八:開始錄制
在錄制頁面輸入需要錄制的URL點擊開始錄制。
隨後進入百度首頁的錄制頁面,開始錄制的步驟,輸入“百度地圖”進行搜索,可看到頁面隨時有提示:“執行成功”;完成一個流程後,點擊結束錄制。
錄制過程中,可在cmd窗口中查看相關錄制步驟和結果。
結束錄制後,可在文件夾sample中看到該腳本。
步驟九:回放腳本
1、啟動server
執行cmd命令:selenium-standalone start
2、回放腳本test.2.js
執行cmd命令:mocha sample/test.2.js
即可在cmd窗口中查看回放腳本的步驟,執行時間,執行結果等。
步驟十:運行測試用例
1、運行所有腳本:run.bat
2、運行單個腳本:run.bat sample/test.2.js
即可在cmd窗口中查看運行腳本的步驟,執行時間,執行結果等。
步驟十一:查看測試報告
運行腳本後,會自動保存測試報告,在目錄reports下index.html、index.xml、index.json
UI Recorder 安裝教程(一)