使用 Appium 進行微信小程式自動化測試

使用 node（wd）編寫 Appium 測試用例介紹了使用 wd 編寫簡單的 Appium 測試用例

本文主要介紹使用 Appium 進行微信小程式自動化測試，涉及使用 wd 編寫複雜 Appium 測試用例以及微信 webview 自動化測試。

測試專案搭建及簡單前期準備參考使用 node（wd）編寫 Appium 測試用例

其實微信小程式就是webview，所以可以使用webview測試方式進行小程式的測試

開啟微信除錯功能

用微信開啟debugx5.qq.com頁面，或者直接開啟二維碼：

勾選【開啟TBS核心Inspector除錯功能】，如下：

設定好之後，就可以在chrome瀏覽器中開啟chrome://inspect/頁面檢視當前微信中開啟的H5頁面了

在電腦中安裝chromedriver

安裝Appium時，會自動安裝chromedriver，但是在使用預設安裝的chromedriver時，對於一些老裝置會存在一些問題，報類似下面這樣的錯誤：

An unknown server-side error occurred while processing the command.
Original error: unknown error: Chrome version must be >= 55.0.2883.0
複製程式碼

解決辦法可以參考官方文件

我使用的測試機chrome版本是59.0.3071.0，所以直接下載 v2.32 版本的 chromedriver 到 /usr/local/ 目錄下，在啟動Appium時，通過 --chromedriver-executable 指定使用此chromedriver，如下：

$ appium --chromedriver-executable /usr/local/chromedriver複製程式碼

編寫測試用例

以測試【美團酒店+】小程式為例，測試程式碼如下：（ setup.js、logging.js 參考使用 node（wd）編寫 Appium 測試用例）

weapp.js

require("../helpers/setup");

const wd = require("wd");

const serverConfig = {
    host: 'localhost',
    port: 4723
};

describe("sample test", function () {
    this.timeout(300000);

    let driver;
    let allPassed = true;

    before(function () {
        
        driver = wd.promiseChainRemote(serverConfig);
        require("../helpers/logging").configure(driver);

        let desired = {
            platformName: 'Android',
            deviceName: 'U2TDU15904014013',
            appPackage: 'com.tencent.mm',
            appActivity: '.ui.LauncherUI',
            fullReset: false,
            fastReset: false,
            noReset: true,
            chromeOptions: {
                androidProcess: 'com.tencent.mm:appbrand0',
            }
        };
        return driver
            .init(desired)
            .setImplicitWaitTimeout(8000);
    });

    after(function () {
        return driver
            .quit();
    });

    afterEach(function () {
        allPassed = allPassed && this.currentTest.state === 'passed';
    });

    it("enter 小程式", function () {
        return driver
            .elementByXPath("//*[@text='發現']")
            .click()
            .elementByXPath("//*[contains(@text, '朋友圈')]")
            .then(function () {
                let action = new wd.TouchAction(driver);
                action.press({x: 20, y: 0}).moveTo({x: 20, y: 20}).wait(200).release().perform();
                return driver.performTouchAction(action);
            })
            .elementByXPath("//*[@text='小程式']")
            .click()
            .elementByXPath("//*[contains(@text, '美團酒店+')]")
            .click()
            .elementByXPath("//*[contains(@text, '美團酒店')]")
            .should.eventually.exist
            .context('WEBVIEW_com.tencent.mm:appbrand0')
            .sleep(5000)
            .elementsByCssSelector('.cell', function (err, els) {
                els[0].click();
            })
            .sleep(5000);
    });
});複製程式碼

執行測試用例

在package.json中新增以下指令碼：

{
    ...
    "scripts": {
        "weapp": "mocha ./test/weapp.js"
    }
    ...
}複製程式碼

執行測試用例：

$ appium --chromedriver-executable /usr/local/chromedriver # 啟動Appium服務且指定chromedriver
$ npm run weapp # 執行測試用例複製程式碼

執行結果如下：

以上就是使用 Appium 進行微信小程式自動化測試~

完整程式碼：github.com/HuJiaoHJ/ap…

經過一系列的實踐之後，發現使用 Appium 進行微信小程式自動化測試依舊還存在以下幾個問題：

1、微信在6.5.23版本之後在使用 driver.context(WEBVIEW_com.tencent.mm:appbrand0) 時，獲取的 servicewechat.com/{appid}/{ve… 中body為空，而頁面內容都包含在 servicewechat.com/preload/pag… ，而在切換時，隨機獲取兩個html中一個，所以會存在獲取到空內容的情況，導致測試流程走不通（微信社群問題：developers.weixin.qq.com/blogdetail?… ）

2、在小程式內部進行頁面跳轉之後，webview之間的相互切換暫時是存在問題的，原因還是上面提到的兩個html的原因，暫時沒有找到解決辦法。（社群問題：testerhome.com/topics/7769 ）

所以，大概在17年12月更新的版本之後，還是不要再考慮使用 Appium 進行微信小程式的自動化測試了，網上很多教程都是在17年12月之前的，所以能走通整個流程，但是現在是存在問題的

歡迎找到解決辦法的小夥伴分享一下~~~

寫在最後：從調研到得出最終結論，花了差不多一週的時間，中間還經歷了一個春節。雖然最後此方案沒能用在實際開發中，有點遺憾，不過整個過程還是收穫不少~~~

原文地址：https://github.com/HuJiaoHJ/blog/issues/5

小程式自動化測試--測試3