UI Recorder 安裝教程(二)


前言:

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM