Nob docs

Appearance

はじめてのPlaywright ​

Playwrightを使って画面打鍵テストを自動化します。

構築 ​

  • Playwrightをインストールします:
shell
npm init playwright@latest
  • （必要に応じて）依存関係をインストールします:
shell
npx playwright install --with-deps

また、VSCode向けの拡張機能Playwright Test for VSCodeが提供されているので、必要に応じてインストールしてください。

テスト実行 ​

  • テストを実行します:
shell
npx playwright test
  • 下記コマンドでブラウザからテスト結果を確認できます:
shell
npx playwright show-report --host 0.0.0.0

Tips ​

テスト失敗時にブラウザでテスト結果を表示する挙動を止める ​

playwright.config.jsについて、reporterを下記要領で変更してください。

diff
- reporter: "html",
+ reporter: [["html", { open: "never" }]],

chromiumインストール ​

cf. https://playwright.dev/docs/browsers

shell
npx playwright install chromium

Chromeインストール ​

shell
sudo apt update
wget https://dl.google.com/linux/direct/google-chrome-stable_current_arm64.deb
sudo apt install -y ./google-chrome-stable_current_arm64.deb
sudo rm ./google-chrome-stable_current_arm64.deb

Chromeをテスト対象に含めるには、playwright.config.jsに下記を追加します:

js
    {
      name: "chrome",
      use: {
        ...devices["Desktop Chrome"],
        channel: "chrome",
      },
    },