前言：

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