1、先來一段官方的介紹：
UI Recorder是一款零成本的整體自動化測試解決方案，一次自測等於多次測試，測一個瀏覽器等於測多個瀏覽器！
- 支持所有用戶行爲: 鍵盤事件, 鼠標事件, alert, 文件上傳, 拖放, svg, shadow dom
- 支持無線native app錄製, 基於macaca實現: https://macacajs.com/
- 無干擾錄製: 和正常測試無任何區別，無需任何交互
- 錄製用例存儲在本地
- 支持豐富的斷言類型: val,text,displayed,enabled,selected,attr,css,url,title,cookie,localStorage,sessionStorage
- 支持數據mock: fake.js
- 支持公共測試用例: 允許用例中動態調用另外一個
- 支持併發測試
- 支持多國語言: 英文, 簡體中文, 繁體中文
- 支持HTML報告和JUnit報告
- 全系統支持: windows, mac, linux
- 支持多運行時測試, 例如：開發測試、預發測試
- 基於Nodejs的測試用例: jWebDriver
簡單來說就是把你每次自測的流程錄製下來，而且是全可視化的，然後在各種瀏覽器上自動回放，大大簡化了每次手工測試的麻煩。
說到這裏肯定會有人存在疑問：說來說去不還是錄製腳本嘛，這個我也會，我會用QTP、Selenium IDE……還記得前面那句話嗎，一次自測等於多次測試，測一個瀏覽器等於測多個瀏覽器，這是這個工具最大的特點。
2、安裝UI Recorder
準備工作：
NodeJs環境（必須是7.0以上版本）http://cdn.npm.taobao.org/dist/node/v7.5.0/node-v7.5.0-x64.msi
Chrome瀏覽器（建議使用最新版本59），對應的驅動（2.30）：http://chromedriver.storage.googleapis.com/2.30/chromedriver_win32.zip（將驅動放在瀏覽器的安裝目錄中，和chrome.exe放在一起，然後記得配置環境變量）
Java環境（建議使用1.8JDK）http://sw.bos.baidu.com/sw-search-sp/software/f819c00cf38a4/jre-8u131-windows-i586_8.0.1310.11.exe
WebdriverServer環境（這裏由於事先已經安裝好F2etest，就不用在進行安裝了）
UI Recorder
準備工作做好就可以安裝了
1）打開cmd窗口，安裝uirecorder全局命令：cnpm install uirecorder mocha -g –registry=https://registry.npm.taobao.org，如果執行出現“cnpm不是內部命令……”，先安裝一下cnpm，cnpm install cnpm -g –registry=https://registry.npm.taobao.org安裝的目錄是默認你cmd窗口所在目錄，可以自己事先新建號目錄，然後進入目錄中進行安裝。
2）安裝完初始化：uirecorder init
前面三步直接回車，後面IP和端口是固定的，瀏覽器根據需要進行配置。
3）編輯config.json，config文件在你安裝的UI Recorder目錄中
瀏覽器根據目前瀏覽器雲顯示的瀏覽器進行填寫，f2etest.userid和f2etest.apiKey在瀏覽器雲的webdriver頁面中可以看到，把自己對應的填寫上去，保存即可。
4）安裝依賴文件：npm install，有的會失敗，就是用cnpm install
5）開始錄製腳本：uirecorder start
錄製開始，提示輸入腳本的所在目錄和文件名，提示是否打開瀏覽器，是否把瀏覽器最大化
在開始錄製時，會一下開啓兩個瀏覽器，左邊一個是用來錄製的，一個是校驗我們錄製的，在輸入框中輸入URL，點擊開始錄製，這裏我以
打開百度搜索我們官網作爲事例。
6）進入腳本目錄執行錄製的腳本：mocha test.spec.js，這裏使用mocha指令執行腳本，執行腳本前需要安裝依賴cnpm install，結果如下：
錄製完的腳本，我們也可以對腳本進行更改，如下:
使用run.bat執行腳本，需要在UI Recorder根目錄下執行，生成的結果在report的文件夾中，也有執行過程中的截圖，測試結果如下：
可以看到通過兩種執行的方式腳本都執行成功了，後者執行完後並將測試結果一同保存在目錄中。
相關文章鏈接：http://www.shaofan.org/f2etest/ http://shaofan.org/ui-recorder/