微信小程式及公眾號H5自動化測試攻略

狂師發表於2021-08-18

目前市面上,被大家用來做移動端App UI自動化測試工具最為常見的當屬:

  • Appium
  • Airtest

很多小夥伴在剛接觸這兩款工具做App UI自動化測試時,難免會問到,他們能支援微信小程式或者微信公眾號H5頁面的自動化測試嗎?答案顯然是肯定的,但需要做一些特殊的設定。

首先大家需要了解到的是,不管是微信App還是QQ內建的瀏覽器,他們的核心並不是採用Android原生的WebView,而是他們自家開發的 X5 WebView 核心。當我們需要開展微信小程式或者微信H5頁面的自動化測試時,我們需要進行一些相關設定,切換到系統WebView核心中,這樣才能有效的識別獲取到App控制元素資訊。

一、如何進行設定

1、 首先,開啟微信中任意一個聊天框,輸入 debugtbs.qq.com,點選進入TBS除錯頁面,再點選頁面內的“安裝線上核心”:

2、 安裝成功後,我們需要重啟微信才可以生效;

3、再次進去剛才的TBS除錯頁面,檢查我們的設定是否生效,點選“檢視版本資訊”,版本資訊為 0(null) 則設定成功:

通過上述設定操作後,即可切換到系統WebView核心中,這樣再利用Appium或者Airtest測試工具做App UI自動化時,就能正常的獲取到微信小程式或者微信公眾號選單中H5頁面元素了。

二、如果是混合App頁面,在自動化測試時需要切換webview,則可以進行如下設定。

1、開啟微信上小程式的除錯功能(為了拿到小程式的context

在微信聊天頁,輸入:http://debugx5.qq.com,點選後跳轉到x5除錯頁面,點選資訊,然後勾選【開啟TBS核心Inspector除錯功能】。

TBS除錯只適用於Android系統,iOS暫不支援

相關文章