跳到主要內容

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

​

Viewing Test Logs

檢視追蹤​

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

playwright trace viewer

下一步​