当前位置：首页 > article >正文

playwright GitHub Actions运行测试

article 2025/2/28 0:03:43

上篇讲到了多浏览器并行运行测试以提升执行效率，本文将以介绍持续集成（CI）以及Github aciton工作流

1. 决定如何运行测试

没有配置为在持续集成系统中运行的自动化测试并不是真正的自动化测试。它们应该在典型的开发工作流中被触发运行，比如提交代码或打开拉取请求。幸运的是，配置Playwright测试进行持续测试非常简单。

• 第一步是决定何时运行测试。理想情况下，测试应尽可能在代码库更改后立即运行。如果测试执行时间足够快，那么测试可以作为拉取请求的一部分运行，或在更改合并到主分支后运行。如果测试执行时间较长，则可以在代码更改后运行部分测试，剩余的测试可以安排在每隔几个小时或每晚运行。
• 第二步是决定在哪里运行测试。测试应在团队用于开发的相同CI系统中运行。这可以是轻量级的GitHub Actions工作流，也可以是Jenkins、Azure DevOps、CircleCI或其他类似工具平台的一部分。

2. 编写`GitHub`工作流

对于本教程，我们将创建一个GitHub Actions工作流来运行示例测试。GitHub Actions内置于GitHub仓库中，开源项目可以免费使用。

我们将编写一个工作流，仅运行示例测试。类似Trello的应用测试需要一个单独的仓库，尽管可能创建，但配置起来会显著更难。

GitHub Actions工作流可以由多种仓库事件触发。以下触发器对我们的端到端测试最有意义：

当更改推送到主分支时当向主分支的拉取请求打开时当有人希望手动启动测试时工作流必须克隆仓库，安装依赖项，并启动测试。

在项目根目录下创建一个名为.github/workflows的新目录，并在其中创建一个名为run-examples.yml的文件。在文件中添加以下内容：

name: Run the example tests

on:
  push:
    branches: [ main ]
  pull_request:
    branches: [ main ]
  workflow_dispatch:

jobs:
  test:
    runs-on: ubuntu-latest
    
    steps:
      - name: Check out project
        uses: actions/checkout@v3

      - name: Install Node.js
        uses: actions/setup-node@v3
        with:
          node-version: 18

      - name: Clean install the project
        run: npm ci

      - name: Install Playwright
        run: npx playwright install --with-deps

      - name: Run Playwright tests
        run: npx playwright test tests/example.spec.ts tests/demo-todo-app.spec.ts

      - uses: actions/upload-artifact@v3
        if: always()
        with:
          name: playwright-report
          path: playwright-report/
          retention-days: 30