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

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. リポジトリのクローン
  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が実行したすべてのアクションが表示され、**Run Playwright tests**をクリックすると、エラーメッセージ、期待された内容と受け取った内容、および呼び出しログが表示されます。

​

Viewing Test Logs

トレースの表示​

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

playwright trace viewer

次は何をしますか​