Appium之測試微信小程式

清菡發表於2020-12-03

堅持原創輸出,點選藍字關注我吧

作者:清菡

部落格:Oschina、雲+社群、知乎等各大平臺都有。

目錄

  • 一、往期回顧
  • 二、測試微信小程式
    • 1.準備工作
    • 2.操作步驟
    • 3.注意
    • 4.強制設定安卓的程式
    • 5.指定 BrowserName 等於空
  • 三、程式碼

一、往期回顧

如果用手機自帶的瀏覽器去訪問各種網頁。自然而然都能獲取到 WebView 的,不需要開啟什麼。用原生的、手機自帶的瀏覽器去試下,也能得到對應的結果。

首先,要確保 WebView 的出現,要識別什麼是 WebView,WebView 一出現,就代表有 Html 頁面。那麼接下來的操作,可能就進入 WebView 裡面操作了。

但是看到了 WebView,要進入 WebView,你就面臨了從原生控制元件的操作,進入了 Html 頁面的操作。所以,第一件事情是必須切換,是上下文切換。

1.要切換到這樣的一個 WebView,必須保證我的程式碼當中能夠得到 WebView 的名字。如何保證得到 WebView 的名字?開啟 app 的 WebView debug 屬性。

程式碼中:cons=driver.contexts,能夠識別到 WebView 的時候,我們才能夠進入到切換階段,否則你連它的名字是什麼,你都得不到它,又如何切換呢?

2.得到了之後再去切換,切換的時候有 chromedriver 的這個問題,進入 Web 自動化,沒有它配合是做不了的。要確保 chromedriver 的版本要與 WebView 的版本匹配,也要放置在對應的位置。

3.放置之後,你才可能切換成功。切換成功,就是再操作一個 html 頁面了。html 頁面中的元素該如何識別呢?

--uc-devtool工具識別html頁面,定位元素。

二、測試微信小程式

微信小程式和微信公眾號的測試方法都是一樣的。微信小程式和微信公眾號也就是混合應用。

公眾號、小程式都是 WebView,它是個網頁,但是是微信的網頁,但是微信的網頁是絕對不會對外開放 WebView Debug 的。即便這裡看到了 WebView,也獲取不到,獲取不到就切換不了。

重點是進入小程式裡面,這個裡面就是網頁了。小程式基本是網頁做的,點進來之後,就能看到 WebView。

這種情況下這樣測:

由於騰訊系 qq、微信等都是基於騰訊自研 x5 核心,安卓是谷歌的 WebView 核心。騰訊系 qq、微信等相當於在谷歌的 WebView 核心上面做了個封裝了,不是原生的 WebView 核心,所以用谷歌的 WebView 核心就有點問題了。

微信小程式,用模擬器可能是搞不定的,模擬器確實很容易閃退,用真機測試比較靠譜。

1.準備工作

  1. 微信最新版本。
  2. Uc-devtools 工具。
  3. 安卓手機(5.0+版本)。
  4. Chromedriver 針對自己的版本,通過 Uc-devtools 工具可以識別到 Chromedriver 應該是什麼版本。(它跟 WebView 的版本是不一樣的,但它同樣也代表 Chrome 的版本,需要下載對應的 Chromedriver 驅動它,雖然他不是我們原生的 WebView,只是包裝了下,骨子裡還是 WebView。)
  5. Appium 版本-Server 最好在 1.7 以上。

2.操作步驟

想要除錯微信的小程式或者公眾號的時候:

  1. 必須開啟它的除錯模式,微信的除錯功能。

可以給任意一個聊天視窗(你玩的好的朋友)傳送這個連結:debugx5.qq.com

  1. 平時用微信搜尋一個小程式、公眾號在主頁面一搜就可以了。但是寫自動化指令碼不行哦,人家做了控制的。

微信在新版本中對小程式除錯入口加上了限制:在微信主視窗下開啟小程式(頂部有個下拉,你曾經用過的小程式,只要往下拉一下,全部都能看得見),在這個地方開啟小程式是識別不到的,所以自動化程式碼就會失效。

  1. 開啟微信->發現->搜一搜,搜尋必要商城,點選對應小程式進入到主頁面。進入小程式後看到的是個 WebView 頁面。

顯示的 webview 版本是 57.xxx,這裡就是微信 X5 核心的版本,不是 android System webview 版本。同一臺裝置,自帶的是 39.0,這裡就變成 57.0 了。Chromedriver 是支援 57.0 的。這裡要注意區別,要下載一個 Chromedriver,放在 Appium 啟動的時候指定的對應路徑就可以了。同樣也可以點選 inspect 檢視頁面元素。

3.注意

頁面空白載入不出來,需要 fq;

還有,如果點選右上角關閉了小程式之後,一定要記得清理下對應的小程式程式(關閉之後小程式還在後臺執行),再起點選重啟小程式。

如果沒有走這個路徑:在微信->發現->搜一搜搜尋小程式,即可發現在inspect工具中可以將對應url顯示出來。去找小程式,可能程式碼就出現一些問題。

所以它這個比較麻煩。通過 Uc-devtools 工具識別了元素,得到了 chromedriver 的版本。

切換的時候還有問題,問題較多:

4.強制設定安卓的程式

微信和 qq 很多程式,需要確定當前的 web 網頁,當前的操作是處於哪個程式當中。

官方文件中的描述是這樣的:

現在確實不是核心 WebView,是騰訊封裝的。所以這個地方需要將這個東西開啟出來:desired_caps[“recreateChromeDriverSessions”]=True,支援 X5 核心應用的自動化配置。

因為騰訊的 qq,微信有很多的程式,程式容易搞混切錯了。所以強制設定了下安卓的程式:desired_caps["chromeOptions"]={"androidProcess":"com.tencent.mm:toolsmp"}

在 cmd 可以看出,操作的網頁在com.tencent.mm:toolsmp裡面,12042 對應的程式是com.tencent.mm:toolsmp。不能找成了別的程式,別的程式就是在別的頁面了。

5.指定 browserName 等於空

Web 自動化可以設定引數,這裡也是可以設定引數的。

H5 操作、驅動瀏覽器的時候,是 Web 網頁,有一些 Web 應用。Web 應用的時候就需要制定瀏覽器是 Chrome 還是別的瀏覽器。desired_caps["browserName"]=""

不是真的在一個瀏覽器當中開啟一個應用,只是一個應用當中帶著小程式,小程式中帶著瀏覽器性質的。所以指定 browserName 等於空。

三、程式碼

以下程式碼片段只提供思路,請根據實際情況修改。

// 支援X5核心應用自動化配置
desiredCapabilities.setCapability("recreateChromeDriverSessions", true);
// ChromeOptions使用來定製啟動選項,因為在appium中切換context識別webview的時候,
// 把com.tencent.mm:toolsmp的webview識別成com.tencent.mm的webview.
// 所以為了避免這個問題,加上androidProcess: com.tencent.mm:toolsmp
ChromeOptions options = new ChromeOptions();
options.setExperimentalOption("androidProcess", "com.tencent.mm:toolsmp");
desiredCapabilities.setCapability(ChromeOptions.CAPABILITY, options);
// 初始化會預設將chrome瀏覽器開啟,需要將Browser置為空
desiredCapabilities.setBrowserName("");
// 休眠一下
Thread.sleep(5000);
// 找到微信的發現並點選
androidDriver.findElementByAndroidUIAutomator("new UiSelector().text(\"發現\")").click();
// 點選發現裡面搜一搜
androidDriver.findElementByAndroidUIAutomator("new UiSelector().text(\"搜一搜\")").click();

Thread.sleep(2000);

// 點選搜尋框
androidDriver.findElement(By.id("com.tencent.mm:id/jd")).click();
        androidDriver.findElement(By.id("com.tencent.mm:id/jd")).sendKeys("xxx軟體測試");

Thread.sleep(2000);

// 點選搜尋結果中的xxx軟體測試(採用adb命令座標點選的方式)
execAdb("adb shell input tap 300 200");

Thread.sleep(4000);

// 點選xxx軟體測試小程式
execAdb("adb shell input tap 300 500");

// 等待小程式載入完成
Thread.sleep(10000);

// 獲取到所有的contexts
System.out.println("所有的contexts:" + androidDriver.getContextHandles());

// 切換到小程式webview對應的context中
androidDriver.context("WEBVIEW_com.tencent.mm:toolsmp");
Thread.sleep(2000);

// 獲取到所有的handles
Set<String> windowHandles = androidDriver.getWindowHandles();
System.out.println("所有的windowsHandles" + windowHandles);

// 遍歷所有的handles,找到當前頁面所在的handle:如果pageSource有包含你想要的元素,就是所要找的handle
// 小程式的頁面來回切換也需要:遍歷所有的handles,切換到元素所在的handle
for (String windowHandle : windowHandles) {
    System.out.println("切換到對應的windowHandle:" + windowHandle);
    androidDriver.switchTo().window(windowHandle);
    Thread.sleep(2000);
    if (androidDriver.getPageSource().contains("xxx")) {
        break;
    }
}
// 點選xx
androidDriver.findElement(By.xpath("//*[@id=\"js-tab-bar\"]/li[3]")).click();

// 通過js滾動到指定的元素 (這個元素已經在文件中間已經存在,但是還是不可見的)
WebElement ele=androidDriver.findElement(By.xpath("//em[text()='xx']"));
Thread.sleep(2000);
// 將Driver例項化為js物件
JavascriptExecutor jExecutor=(JavascriptExecutor)androidDriver;
// 滑動到上面定位到的元素的位置
jExecutor.executeScript("arguments[0].scrollIntoViewIfNeeded(true);", ele);

Thread.sleep(2000);

公眾號 「清菡軟體測試」 首發,更多原創文章:清菡軟體測試 100+原創文章,歡迎關注、交流,禁止第三方擅自轉載。

相關文章