跳转到主要内容

设置 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: 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 执行的所有操作,点击运行 Playwright 测试会显示错误消息、预期结果和实际结果以及调用日志。

Viewing Test Logs

查看跟踪

trace.playwright.dev 是 Trace Viewer 的静态托管版本。你可以通过拖放上传跟踪文件。

正确处理秘密

跟踪文件或控制台日志等工件包含有关你的测试执行的信息。它们可能包含敏感数据,例如测试用户的用户凭据、对预演后端的访问令牌、测试源代码,有时甚至是你的应用程序源代码。请像对待这些敏感数据一样小心对待这些文件。如果你在 CI 工作流中上传报告和跟踪,请确保只将它们上传到受信任的工件存储,或者在上传前加密文件。与团队成员共享工件时也是如此:使用受信任的文件共享或在共享前加密文件。

接下来