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

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
    - name: Set up Python
      uses: actions/setup-python@v4
      with:
        python-version: '3.11'
    - name: Install dependencies
      run: |
        python -m pip install --upgrade pip
        pip install -r requirements.txt
    - name: Ensure browsers are installed
      run: python -m playwright install --with-deps
    - name: Run your tests
      run: pytest --tracing=retain-on-failure
    - uses: actions/upload-artifact@v4
      if: ${{ !cancelled() }}
      with:
        name: playwright-traces
        path: test-results/

詳細については、「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

次のステップ​