AppiumとAndroidエミュレータでスマートフォンのクロスブラウザテスト環境を構築する

npm install -g appium
appium plugin install relaxed-caps
appium driver install uiautomator2

mkdir node-sample
cd node-sample
npm init -y
npm install webdriverio

const wdio = require("webdriverio");
const assert = require("assert");

const opts = {
    path: '/wd/hub',
    port: 4723,
    //AWS Device Farmで動作させるときにはcapabilitiesは空オブジェクトを指定
    capabilities: {
        platformName: "Android",
        platformVersion: "14",
        deviceName: "sdk_gphone64_x86_64",
        automationName: "UiAutomator2",
        browserName: "Chrome",
        chromeOptions: {
            'w3c': false,
        },
    }
};

async function main () {
    //WebdriverIOのクライアントの生成
    const client = await wdio.remote(opts);

    //seleniumのテスト用サイトのweb-form.htmlをオープン
    await client.url("https://www.selenium.dev/selenium/web/web-form.html");

    //待ち合わせは不要ですが、ウエイトのサンプル実装
    await client.pause(3 * 1000);

    // Text input
    // id=my-text-idの要素を取得
    const textInput = await client.$('#my-text-id');
    // id=my-text-idの要素が表示されるまでウエイト(タイムアウト:5秒)
    await textInput.waitForDisplayed({timeout: 5 * 1000});

    // id=my-text-idの要素に値を入力 'w3c': falseでないとうまく動作しないので、AWS Device Farmでは検証不可能
    await textInput.setValue("textInputValue");

    // id=my-text-idの要素のvalueを検証
    assert.equal(await textInput.getValue(),  "textInputValue");

    //ワンライナーでもOK
    assert.equal(await (await client.$('#my-text-id')).getValue(), "textInputValue" );

    const passwordInput = await client.$('input[name="my-password"]');
    await passwordInput.setValue("passwordInputValue");
    assert.equal(await passwordInput.getValue(), "passwordInputValue")

    // Dropdown (select)
    const mySelect = await client.$('select[name="my-select"]');
    await mySelect.selectByAttribute('value', '1');
    assert.equal("1", await mySelect.getValue())

    // check box selected
    const myCheck1 = await client.$('#my-check-1');
    assert.equal(await myCheck1.isSelected(), true );

    // check box not selected
    const myCheck2 = await client.$('#my-check-2');
    assert.equal(await myCheck2.isSelected(),false );

    // myCheck2に対してwaitForClickableでクリック可能になるまでウエイト
    await myCheck2.waitForClickable({timeout: 5 * 1000});

    // click myCheck2
    await myCheck2.click();
    assert.equal(await myCheck2.isSelected(),true );

    const myRadio1 = await client.$('#my-radio-1');
    const myRadio2 = await client.$('#my-radio-2');

    // radio
    assert.equal(await myRadio1.isSelected(), true);
    assert.equal(await myRadio2.isSelected(), false);

    await client.deleteSession();
}

main();

const opts = {
  path: '/wd/hub',
  port: 4723,
  //AWS Device Farmで動作させるときにはcapabilitiesは空オブジェクトを指定
  capabilities: {
    platformName: "Android",
    platformVersion: "14",
    deviceName: "sdk_gphone64_x86_64",
    automationName: "UiAutomator2",
    browserName: "Chrome",
    chromeOptions: {
      'w3c': false,
    }
  }
};

adb devices

List of devices attached
emulator-5554   device

# adb -s ${deviceId} shell でshellを起動
adb -s emulator-5554 shell
# shell内で以下のコマンドを実行 shellから抜ける場合はexitコマンドとなります。
settings get global device_name

sdk_gphone64_x86_64

# adb -s ${deviceId} shell でshellを起動
# grep叩けない環境であればadb shell getpropで全て出力して確認可能です。
adb shell getprop | grep "ro.product.build.version"

[ro.product.build.version.incremental]: [10442412]
[ro.product.build.version.release]: [14]
[ro.product.build.version.release_or_codename]: [14]
[ro.product.build.version.sdk]: [34]

appium --base-path /wd/hub --use-plugins=relaxed-caps --allow-insecure chromedriver_autodownload

node android-sample.js