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

• 2021 年 8 月 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）

在微信聊天頁，輸入：//debugx5.qq.com，點擊後跳轉到x5調試頁面，點擊資訊，然後勾選【打開TBS內核Inspector調試功能】。

TBS調試只適用於Android系統，iOS暫不支援