AWS Device Farmでスマートフォンのクロスブラウザテスト環境を構築する

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

const opts = {
    path: '/wd/hub',
    port: 4723,
    //AWS Device Farmで動作させるときにはcapabilitiesは空オブジェクトを指定
    capabilities: {
    }
};

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});

    //スクリーンショット
    await client.saveScreenshot(process.env.DEVICEFARM_SCREENSHOT_PATH+'/test1.png')


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

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

    // AWS Device Farmではcapabilityでw3をfalseに設定できないので検証できない
    // capabilityでw3をfalseに設定して、WebDriverのレガシーモードを有効にしないとgetAttributeは動作しないため、getValueが動作しません。
    // id=my-text-idの要素のvalueを検証
    //assert.equal(await textInput.getValue(),  "textInputValue");

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


    // assert.equal(await passwordInput.getValue(), "passwordInputValue")

    // Dropdown (select)
    const mySelect = await client.$('select[name="my-select"]');
    await mySelect.selectByAttribute('value', '1');
    await client.pause(3 * 1000);
    //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.saveScreenshot(process.env.DEVICEFARM_SCREENSHOT_PATH+'/test2.png')

    await client.deleteSession();
}

main();

cd node-samplenが含まれるパス
tar czf node-sample.tgz node-sample
zip node-sample.zip node-sample.tgz 

  # The test phase includes commands that run your test suite execution.
  test:
    commands:
      # Go into the root folder containing your source code and node_modules
      - echo "Navigate to test source code"
      # Change the directory to node_modules folder as it has your test code and the dependency node modules.
      - cd $DEVICEFARM_TEST_PACKAGE_PATH
      - ls -l   
      - cd $DEVICEFARM_TEST_PACKAGE_PATH/node_modules
      - ls -l
      - cd $DEVICEFARM_TEST_PACKAGE_PATH/node_modules/node-sample
      - ls -l

      - echo "Start Appium Node test"
      # Enter the command below to start the tests . The comamnd should be similar to what you use to run the tests locally.
      # For e.g. assuming you run your tests locally using command "node YOUR_TEST_FILENAME.js.", enter the same command below:
      - node android-sample.js

##################                                                        26.2%
##################################################                        69.5%
######################################################################## 100.0%
Computing checksum with sha256sum
Checksums matched!
nvm is not compatible with the npm config "prefix" option: currently set to ""
Run `npm config delete prefix` or `nvm use --delete-prefix v18.17.1` to unset it.
[DeviceFarm] echo "Navigate to test package directory"
Navigate to test package directory
[DeviceFarm] cd $DEVICEFARM_TEST_PACKAGE_PATH
[DeviceFarm] npm install *.tgz
npm ERR! Invalid dependency type requested: alias

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/device-farm/.npm/_logs/2023-08-14T08_07_40_464Z-debug.log

[DEVICEFARM] ########### Entering phase test ###########

[DeviceFarm] echo "Navigate to test source code"
Navigate to test source code
[DeviceFarm] cd $DEVICEFARM_TEST_PACKAGE_PATH
[DeviceFarm] ls -l
total 9884
-rwxrwxrwx 1 rwx rwx 10119087 Aug 14 08:07 node-sample.tgz
[DeviceFarm] cd $DEVICEFARM_TEST_PACKAGE_PATH/node_modules
/tmp/scratchNduzP5.scratch/shell-script-ZqqMFX/shell_script.sh: line 149: cd: /tmp/scratchNduzP5.scratch/test-package4Ufrd9/node_modules: No such file or directory

[DEVICEFARM] ########### Entering phase post_test ###########
[DEVICEFARM] ########### Finish executing testspec ###########
[DEVICEFARM] ########### Setting upload permissions ###########
[DEVICEFARM] Tearing down your device. Your tests report will come shortly.

[DEVICEFARM] Setting up your device. This usually takes 2-3 minutes.
[DEVICEFARM] ########### Start executing testspec ###########
 
 
[DEVICEFARM] ########### Entering phase install ###########
 
[DeviceFarm] nvm install 16.20.1
Downloading and installing node v16.20.1...
Downloading https://nodejs.org/dist/v16.20.1/node-v16.20.1-linux-x64.tar.xz...

##################                                                        25.4%
#######################################################                   76.9%
######################################################################## 100.0%
Computing checksum with sha256sum
Checksums matched!
Now using node v16.20.1 (npm v8.19.4)
[DeviceFarm] echo "Navigate to test package directory"
Navigate to test package directory
[DeviceFarm] cd $DEVICEFARM_TEST_PACKAGE_PATH
[DeviceFarm] npm install *.tgz

added 1 package, and audited 329 packages in 16s

56 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

[DeviceFarm] echo "Navigate to test source code"
Navigate to test source code
[DeviceFarm] cd $DEVICEFARM_TEST_PACKAGE_PATH
[DeviceFarm] ls -l
total 10168
drwxrwxr-x 3 device-farm device-farm     4096 Aug 14 08:15 node_modules
-rwxrwxrwx 1 rwx         rwx         10119087 Aug 14 08:14 node-sample.tgz
-rw-rw-r-- 1 device-farm device-farm       70 Aug 14 08:15 package.json
-rw-rw-r-- 1 device-farm device-farm   281045 Aug 14 08:15 package-lock.json
[DeviceFarm] cd $DEVICEFARM_TEST_PACKAGE_PATH/node_modules
[DeviceFarm] ls -l
total 4
drwxrwxr-x 3 device-farm device-farm 4096 Aug 14 08:15 node-sample
[DeviceFarm] cd $DEVICEFARM_TEST_PACKAGE_PATH/node_modules/node-sample
[DeviceFarm] ls -l
total 672
-rwxrwxr-x   1 device-farm device-farm   3042 Aug 14 08:15 android-sample.js
drwxrwxr-x 246 device-farm device-farm  12288 Aug 14 08:15 node_modules
-rwxrwxr-x   1 device-farm device-farm    319 Aug 14 08:15 package.json
-rwxrwxr-x   1 device-farm device-farm 131845 Aug 14 08:15 package-lock.json
[DeviceFarm] echo "Start Appium Node test"

# For IOS, Device farm starts the ios-webkit-debug-proxy before starting the appium server.
# So don't start ios-webkit-debug-proxy in the yaml file.
- >-
  if [ $DEVICEFARM_DEVICE_PLATFORM_NAME = "iOS" ];
  then
  echo "Start appium server for iOS";
  (appium --log-timestamp
  --default-capabilities "{\"usePrebuiltWDA\": true, \"derivedDataPath\":\"$DEVICEFARM_WDA_DERIVED_DATA_PATH\",
  \"deviceName\": \"$DEVICEFARM_DEVICE_NAME\", \"platformName\":\"$DEVICEFARM_DEVICE_PLATFORM_NAME\",
  \"automationName\":\"XCUITest\", \"udid\":\"$DEVICEFARM_DEVICE_UDID_FOR_APPIUM\", \"platformVersion\":\"$DEVICEFARM_DEVICE_OS_VERSION\", \"browserName\":\"Safari\"}"
  >> $DEVICEFARM_LOG_DIR/appiumlog.txt 2>&1 &);
  fi