前言:
UI Recorder支持無線native app(Android, iOS)錄制, 基于macaca實(shí)現(xiàn):https://macacajs.com/
Macaca 是一套面向用戶端軟件的測(cè)試解決方案告材,提供了自動(dòng)化驅(qū)動(dòng),周邊工具萝喘,集成方案骏啰,支持主流的移動(dòng)技術(shù)平臺(tái) iOS逸邦,Android嫌褪,以及兩大平臺(tái)的混合運(yùn)行時(shí)Webview旦部,也支持以往的桌面端瀏覽器祈搜。
本次教程只針對(duì)無線native app(Android)较店,仍然是windows系統(tǒng)
步驟一:全局安裝macaca
執(zhí)行cmd命令:npm i -g macaca-cli
如果看到如下可愛的圖案,那恭喜你安裝成功啦容燕!重新安裝則會(huì)覆蓋更新梁呈。
步驟二:Android 環(huán)境準(zhǔn)備
1、安裝 JDK蘸秘,要求 1.8 或更高版本
2官卡、安裝 Android SDK Build-tools 25.0.2、API25醋虏、Android Support Repository(此處注意Build-tools應(yīng)和API相互對(duì)應(yīng))
3寻咒、若Android SDK無法更新,請(qǐng)?jiān)O(shè)置tools-option颈嚼,網(wǎng)址:mirrors.neusoft.edu.cn毛秘,端口:80,見下圖阻课。
3叫挟、安裝Android NDK(下載地址:鏈接: https://pan.baidu.com/s/1pLODwx1 密碼: jgsb)
下載zip文件,解壓到本地限煞,并設(shè)置ANDROID_NDK_HOME抹恳,加入PATH中。
4署驻、安裝Gradle
https://gradle.org/releases/奋献,在此頁(yè)面下載zip包,解壓并加入環(huán)境變量(在PATH中加入%GRADLE_HOME%\bin)旺上。
5秽荞、安裝UIAutomatorWD
執(zhí)行cmd命令:npm i uiautomatorwd --save
6、準(zhǔn)備 App 包:如需要測(cè)試 Android 應(yīng)用抚官,請(qǐng)使用.apk格式的包扬跋。
步驟三:安裝驅(qū)動(dòng)(不同驅(qū)動(dòng)適應(yīng)不同平臺(tái)的支持)
驅(qū)動(dòng)可以按照自身需要選擇性的安裝:
Android的安裝命令:$npm i macaca-android -g
步驟四:環(huán)境檢查
執(zhí)行cmd命令:macaca doctor,可以檢查環(huán)境是否配置成功凌节。
如下圖所示則表示環(huán)境均配置正常钦听,如果有標(biāo)紅提示,則需要對(duì)應(yīng)處理倍奢。
步驟五:開始手機(jī)設(shè)備錄制
1朴上、檢查adb設(shè)備連接
執(zhí)行cmd命令:adb devices,頁(yè)面列出你當(dāng)前連接計(jì)算機(jī)的安卓設(shè)備(包括模擬器)
2卒煞、初始化配置UI Recorder--mobile
執(zhí)行cmd命令:uirecorder init --mobile痪宰,初始化配置,第一次試用,可一直回車,IP默認(rèn)為127.0.0.1衣撬,端口默認(rèn)為4444乖订。
3、啟動(dòng)Macaca server
執(zhí)行cmd命令:macaca server --port 4444 --verbose
4具练、錄制腳本
執(zhí)行cmd命令:uirecorder --mobile sample/test.spec.js
開始錄制腳本乍构,根據(jù)需要自行填寫。本次截圖的測(cè)試腳本為sample目錄下的test.spec.js文件扛点,app路徑需要自行填寫需要測(cè)試的apk文件路徑哥遮。
打開錄制瀏覽器的速度較慢,請(qǐng)耐心等待~
此時(shí)會(huì)打開一個(gè)chrome陵究,用來錄制你的操作眠饮;
手機(jī)此時(shí)也會(huì)自動(dòng)安裝并打開app,你需要在手機(jī)中校驗(yàn)Recorder的錄制是否正確铜邮。
然后直接在瀏覽器中錄制操作流程仪召,可看到頁(yè)面隨時(shí)有提示:“執(zhí)行成功”;完成一個(gè)流程后牲距,點(diǎn)擊結(jié)束錄制返咱。
5钥庇、查看已錄制的腳本文件
結(jié)束錄制后牍鞠,可在文件夾sample中看到該腳本,如下圖所示评姨。
6难述、回放腳本
執(zhí)行cmd命令:macaca run -p 4444 -d sample/test.spec.js --verbose
此處sample/test.spec.js是剛剛命名的保存下來的錄制文件
macaca會(huì)在手機(jī)中重裝你的app,然后執(zhí)行你剛剛錄制的操作吐句,即可在cmd窗口中查看回放腳本的步驟胁后,執(zhí)行時(shí)間,執(zhí)行結(jié)果等嗦枢。
步驟六:運(yùn)行腳本
執(zhí)行cmd命令:
1攀芯、運(yùn)行所有腳本:run.bat
2、運(yùn)行單個(gè)腳本:run.bat sample/test.spec.js
步驟七:查看測(cè)試報(bào)告
運(yùn)行腳本后文虏,會(huì)自動(dòng)保存測(cè)試報(bào)告侣诺,在目錄reports下index.html、index.xml氧秘、index.json
以上