跳到主要內容

設定 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 執行的所有動作，點擊 Run Playwright tests 將顯示錯誤訊息、預期內容和接收內容，以及呼叫日誌。

​

Viewing Test Logs

檢視追蹤​

trace.playwright.dev 是 Trace Viewer 的靜態託管變體。您可以使用拖放方式上傳追蹤檔案。

playwright trace viewer

下一步​