一、初始化工程
打開 terminal，新建一個工程目錄：
// for example cd ~/Documents mkdir uirecorder_test cd uirecorder_test
初始化 UIRecorder 工程：
uirecorder init // 默認設置的話，一路回車就可以
初始化后，會生成一個目錄結構
二、開始錄制
新建測試用例錄制：
uirecorder start
其中，一個腳本文件對應一個錄制的測試用例，新建測試用例注意腳本文件名不要跟已有文件名沖突。
默認的測試用例名稱是在 sample目錄下 命名為： test.spec.js 如果需要自定義用例名稱，直接修改“test”為需要的即可
錄制瀏覽器會自動打開，注意本地 hosts 配置 127.0.0.1 localhost。進入頁面輸入 url 則可以開始錄制。默認會打開同步校驗瀏覽器，該瀏覽器的作用是在錄制的同時做回歸測試校驗，如果提示執行失敗，則說明回歸測試過程很大幾率也會執行失敗，需要對錄制過程進行優化（比如借助工具欄輔助功能）。
錄制完畢，點擊左下方工具欄“結束錄制”按鈕，結束錄制並保存測試用例腳本：
已有測試用例繼續錄制，運行以下命令，待頁面加載執行完畢，可繼續錄制：
uirecorder sample/test.spec.js // 對應文件名
三、已有工程安裝
比如直接從 git 倉庫 clone 的已有測試工程，可通過以下步驟安裝依賴：
// 安裝node依賴包 npm install // 安裝 standalone-selenium 依賴 webdriver npm run installdriver
四、Chrome mobile Emulator
- 如果需要在 chrome 瀏覽器移動設備模擬器模式下錄制，可以修改
config.json文件如下。且配置完config.json文件，回歸場景也是模擬器模式進行回歸。{ "webdriver": { "host": "127.0.0.1", "port": "4444", "browsers": "chrome", "chromeOptions": { "args": ["--enable-automation", "--incognito"], "mobileEmulation": { "deviceName": "iPhone 6" } } }, "vars": {}, "recorder": { "pathAttrs": "data-id,data-name,type,data-type,role,data-role,data-value", "attrValueBlack": "", "classValueBlack": "", "hideBeforeExpect": "" } }
其中， mobileEmulation 字段指定設備型號，可選型號可參考以下列表：
BlackBerry Z30 Blackberry PlayBook Galaxy Note 3 Galaxy Note II Galaxy S III Kindle Fire HDX LG Optimus L70 Laptop with HiDPI screen Laptop with MDPI screen Laptop with touch Microsoft Lumia 550 Microsoft Lumia 950 Nexus 10 Nexus 4 Nexus 5 Nexus 6 Nexus 7 Nokia Lumia 520 Nokia N9 iPad Mini iPhone 4 Galaxy S5 Nexus 5X Nexus 6P iPhone 5 iPhone 6 iPhone 6 Plus iPad