跳到主要内容

设置 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. 克隆你的仓库
  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(运行 Playwright 测试)将显示错误消息、预期结果和实际结果以及调用日志。

Viewing Test Logs

查看跟踪

trace.playwright.dev 是跟踪查看器的一个静态托管变体。你可以使用拖放上传跟踪文件。

playwright trace viewer

下一步