1. 程式人生 > >UI Recorder 安裝教程(一)

UI Recorder 安裝教程(一)

dal html cmd width 第一個 alt -s windows http


前言:

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 安裝教程(一)