前言:
UI Recorder支持無線native app(Android, iOS)錄制, 基於macaca實現:https://macacajs.com/
本次教程只針對無線native app(Android),仍然是windows系統
步驟一:全局安裝macaca
執行cmd命令:npm i -g macaca-cli
如果看到如下可愛的圖案,那恭喜你安裝成功啦!重新安裝則會覆蓋更新。

步驟二:Android 環境准備
1、安裝 JDK,要求 1.8 或更高版本
2、安裝 Android SDK Build-tools 25.0.2、API25、Android Support Repository(此處注意Build-tools應和API相互對應)

3、若Android SDK無法更新,請設置tools-option,網址:mirrors.neusoft.edu.cn,端口:80,見下圖。

3、安裝Android NDK(下載地址:鏈接: https://pan.baidu.com/s/1pLODwx1 密碼: jgsb)
下載zip文件,解壓到本地,並設置ANDROID_NDK_HOME,加入PATH中。

4、安裝Gradle
https://gradle.org/releases/,在此頁面下載zip包,解壓並加入環境變量(在PATH中加入%GRADLE_HOME%\bin)。

5、安裝UIAutomatorWD
執行cmd命令:npm i uiautomatorwd --save
6、准備 App 包:如需要測試 Android 應用,請使用.apk格式的包。
步驟三:安裝驅動(不同驅動適應不同平台的支持)
驅動可以按照自身需要選擇性的安裝:
Android的安裝命令:$npm i macaca-android -g
步驟四:環境檢查
執行cmd命令:macaca doctor,可以檢查環境是否配置成功。
如下圖所示則表示環境均配置正常,如果有標紅提示,則需要對應處理。

步驟五:開始手機設備錄制
1、檢查adb設備連接
執行cmd命令:adb devices,頁面列出你當前連接計算機的安卓設備(包括模擬器)

2、初始化配置UI Recorder--mobile
執行cmd命令:uirecorder init --mobile,初始化配置,第一次試用,可一直回車,IP默認為127.0.0.1,端口默認為4444。

3、啟動Macaca server
執行cmd命令:macaca server --port 4444 --verbose
4、錄制腳本
執行cmd命令:uirecorder --mobile sample/test.spec.js
開始錄制腳本,根據需要自行填寫。本次截圖的測試腳本為sample目錄下的test.spec.js文件,app路徑需要自行填寫需要測試的apk文件路徑。

打開錄制瀏覽器的速度較慢,請耐心等待~
此時會打開一個chrome,用來錄制你的操作;
手機此時也會自動安裝並打開app,你需要在手機中校驗Recorder的錄制是否正確。

然后直接在瀏覽器中錄制操作流程,可看到頁面隨時有提示:“執行成功”;完成一個流程后,點擊結束錄制。

5、查看已錄制的腳本文件
結束錄制后,可在文件夾sample中看到該腳本,如下圖所示。

6、回放腳本
執行cmd命令:macaca run -p 4444 -d sample/test.spec.js --verbose
此處sample/test.spec.js是剛剛命名的保存下來的錄制文件
macaca會在手機中重裝你的app,然后執行你剛剛錄制的操作,即可在cmd窗口中查看回放腳本的步驟,執行時間,執行結果等。

步驟六:運行腳本
執行cmd命令:
1、運行所有腳本:run.bat
2、運行單個腳本:run.bat sample/test.spec.js
步驟七:查看測試報告
運行腳本后,會自動保存測試報告,在目錄reports下index.html、index.xml、index.json
