跳至主要内容

CI 设置

简介

Playwright 测试可以在任何 CI 提供商上运行。在本节中,我们将介绍如何在 GitHub 上使用 GitHub Actions 运行测试。如果您想了解如何配置其他 CI 提供商,请查看我们关于持续集成的详细文档。

您将学到

设置 GitHub Actions

要添加一个 GitHub Actions 文件,首先创建 .github/workflows 文件夹,并在其中添加一个包含以下示例代码的 playwright.yml 文件,以便您的测试在主分支/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: Setup dotnet
uses: actions/setup-dotnet@v4
with:
dotnet-version: 8.0.x
- name: Build & Install
run: dotnet build
- name: Ensure browsers are installed
run: pwsh bin/Debug/net8.0/playwright.ps1 install --with-deps
- name: Run your tests
run: dotnet test

要了解更多信息,请参阅 “了解 GitHub Actions”

查看 jobs.test.steps 中的步骤列表,您可以看到工作流执行以下步骤

  1. 克隆您的存储库 2. 安装语言依赖项 3. 安装项目依赖项并构建 4. 安装 Playwright 浏览器 5. 运行测试

创建存储库并推送到 GitHub

设置好 GitHub Actions 工作流 后,您只需 在 GitHub 上创建存储库 或将您的代码推送到现有存储库。按照 GitHub 上的说明操作,不要忘记使用 git init 命令 初始化 Git 存储库,以便您可以 添加提交推送 您的代码。

dotnet repo on github

打开工作流

单击 **Actions** 选项卡查看工作流。在这里,您将看到您的测试是否通过或失败。

opening the workflow

在拉取请求中,您还可以单击 PR 状态检查 中的 **Details** 链接。

pr status checked

查看测试日志

单击工作流运行将显示 GitHub 执行的所有操作,单击 **Run Playwright tests** 将显示错误消息、预期结果和接收结果,以及调用日志。

viewing the test logs

查看跟踪

您可以将跟踪上传为工件,这些跟踪是在您的 CI(如 GitHub Actions)上创建的。这需要 启动和停止跟踪。我们建议只为失败的测试记录跟踪。将跟踪上传到 CI 后,就可以下载并使用 trace.playwright.dev 打开它们,它是一个静态托管的跟踪查看器变体。您可以使用拖放功能上传跟踪文件。

playwright trace viewer

下一步