メインコンテンツへスキップ

CI の設定

はじめに​

Playwright テストは、どの CI プロバイダーでも実行できます。このセクションでは、GitHub Actions を使用して GitHub でテストを実行する方法について説明します。他の CI プロバイダーの設定方法については、継続的インテグレーションに関する詳細なドキュメントをご覧ください。

学習内容​

GitHub Actions の設定​

GitHub Actions ファイルを追加するには、まず .github/workflows フォルダーを作成し、その中に以下のサンプルコードを含む playwright.yml ファイルを追加して、main/master ブランチへのプッシュおよびプルリクエストごとにテストが実行されるようにします。

.github/workflows/playwright.yml
name: Playwright Tests
on:
  push:
    branches: [ main, master ]
  pull_request:
    branches: [ main, master ]
jobs:
  test:
    timeout-minutes: 60
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v4
    - uses: actions/setup-java@v3
      with:
        distribution: 'temurin'
        java-version: '17'
    - name: Build & Install
      run: mvn -B install -D skipTests --no-transfer-progress
    - name: Ensure browsers are installed
      run: mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="install --with-deps"
    - name: Run tests
      run: mvn test

詳細については、「GitHub Actions について」を参照してください。

jobs.test.steps のステップリストを見ると、ワークフローが以下のステップを実行することがわかります

  1. 1. リポジトリをクローンします 2. 言語の依存関係をインストールします 3. プロジェクトの依存関係をインストールしてビルドします 4. Playwright ブラウザをインストールします 5. テストを実行します

リポジトリを作成して GitHub にプッシュする​

GitHub actions ワークフロー の設定が完了したら、GitHub でリポジトリを作成 するか、既存のリポジトリにコードをプッシュするだけです。GitHub の指示に従い、`git init` コマンドを使用して git リポジトリを初期化 して、コードを 追加、コミット、および プッシュ することを忘れないでください。

Create a Repo and Push to GitHub

ワークフローを開く​

ワークフローを表示するには、[Actions] タブをクリックします。ここで、テストが成功したか失敗したかを確認できます。

​

opening the workflow

テストログの表示​

ワークフローの実行をクリックすると、GitHub が実行したすべてのアクションが表示され、[Playwright テストの実行] をクリックすると、エラーメッセージ、期待されたものと受信したもの、およびコールログが表示されます。

​

Viewing Test Logs

トレースの表示​

trace.playwright.dev は、トレースビューアーの静的にホストされたバリアントです。トレースファイルをドラッグアンドドロップでアップロードできます。

playwright trace viewer

次は何​