前言:
UI Recorder 是一款零成本UI自動(dòng)化錄制工具,類似于Selenium IDE.
UI Recorder 要比Selenium IDE更加強(qiáng)大硫嘶!
UI Recorder 非常簡單易用.
官方網(wǎng)站:http://uirecorder.com/
本次教程只針對(duì)windows系統(tǒng)
步驟一:安裝NodeJs
http://nodejs.cn/ 手動(dòng)安裝
注意:(version >= v7.x)
步驟二:安裝chrome
請(qǐng)勿安裝破解版滞造,如已安裝啃匿,請(qǐng)?zhí)^此步驟。
步驟三:安裝UI Recorder
執(zhí)行cmd命令:npm install uirecorder mocha -g
步驟四:安裝服務(wù)Selenium standalone server
執(zhí)行cmd命令:npm install selenium-standalone -g
步驟五:安裝Mocha 單元測試框架(發(fā)音"摩卡")
依次執(zhí)行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
執(zhí)行cmd命令:uirecorder init
初始化配置,第一次試用黑低,可一直回車赘艳,IP默認(rèn)為127.0.0.1,端口默認(rèn)為4444克握,瀏覽器我選擇了chrome蕾管。
步驟七:錄制腳本
執(zhí)行cmd命令:uirecorder start
開始錄制腳本,根據(jù)需要自行填寫菩暗。本次截圖的測試腳本為sample目錄下的test.2.js文件掰曾,其他選項(xiàng)為一直回車均為默認(rèn)值。
完成后會(huì)自動(dòng)打開兩個(gè)chrome窗口停团。
第一個(gè)窗口旷坦,是錄制窗口掏熬;第二個(gè)是校驗(yàn)窗口,是個(gè)空白頁面塞蹭,我們錄制的時(shí)候忽略該窗口即可孽江。
步驟八:開始錄制
在錄制頁面輸入需要錄制的URL點(diǎn)擊開始錄制讶坯。
隨后進(jìn)入百度首頁的錄制頁面番电,開始錄制的步驟,輸入“百度地圖”進(jìn)行搜索辆琅,可看到頁面隨時(shí)有提示:“執(zhí)行成功”漱办;完成一個(gè)流程后,點(diǎn)擊結(jié)束錄制婉烟。
錄制過程中娩井,可在cmd窗口中查看相關(guān)錄制步驟和結(jié)果。
結(jié)束錄制后似袁,可在文件夾sample中看到該腳本洞辣。
步驟九:回放腳本
1、啟動(dòng)server
執(zhí)行cmd命令:selenium-standalone start
2昙衅、回放腳本test.2.js
執(zhí)行cmd命令:mocha sample/test.2.js
即可在cmd窗口中查看回放腳本的步驟扬霜,執(zhí)行時(shí)間,執(zhí)行結(jié)果等而涉。
步驟十:運(yùn)行測試用例
1著瓶、運(yùn)行所有腳本:run.bat
2、運(yùn)行單個(gè)腳本:run.bat sample/test.2.js
即可在cmd窗口中查看運(yùn)行腳本的步驟啼县,執(zhí)行時(shí)間材原,執(zhí)行結(jié)果等。
步驟十一:查看測試報(bào)告
運(yùn)行腳本后季眷,會(huì)自動(dòng)保存測試報(bào)告余蟹,在目錄reports下index.html、index.xml子刮、index.json