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

Playwright实战-在gitlab ci环境运行自动化测试

news 2026/4/23 2:26:06

简介：CI/CD持续集成和持续部署是确保代码质量和快速交付的关键步骤。本文详细介绍了如何在GitLab CI环境中配置和运行Playwright测试。

1. 前置条件

开始之前，请确保满足以下前提条件：

•Playwright测试可以在本地环境中运行正常
•Gitlab账号及项目
•Node.js和npm基础

2.`Playwright`配置

2.1`Playwright`环境

首先，确保在您的项目中安装了Playwright。如果没有的话，可使用npm进行安装：

npm install playwright

2.2`Playwright`测试

import { test, expect } from '@playwright/test'; test('basic test', async ({ page }) => { await page.goto('https://baidu.com'); const title = await page.title(); expect(title).toBe('百度一下，你就知道'); });

3.`Gitlab CI`配置

3.1`.ymal`文件配置

在项目的根目录中创建.gitlab-ci.yml文件，并配置GitLab CI以运行Playwright测试。以下是一个示例配置：

image: mcr.microsoft.com/playwright:focal stages: - test playwright_tests: stage: test script: - npx playwright install --with-deps - npx playwright test artifacts: paths: - playwright-report/ expire_in: 1 week

说明如下

•image: 使用官方的Playwright Docker镜像，确保环境中包含运行Playwright测试所需的所有依赖项。
•stages: 定义了一个名为test的阶段。
•playwright_tests: 定义了一个作业playwright_tests，它将在test阶段运行。
•script: 定义了在作业中运行的脚本，包括安装 Playwright 依赖项和运行测试。
•artifacts: 指定要保存的测试报告路径和过期时间。

3.2 更新到`Gitlab`仓库

将更改推送到GitLab仓库：

git add . git commit -m "Add Playwright tests and GitLab CI configuration" git push origin main

3.3 查看测试结果

• 每次推送代码到GitLab仓库时，GitLab CI会自动触发Playwright测试并生成测试报告。
• 可以在GitLab项目的CI/CD部分查看作业的执行状态和详细日志。

3.4 环境变量

可以在.gitlab-ci.yml文件中添加环境变量，以便在测试中使用：

playwright_tests: stage: test script: - npx playwright install --with-deps - npx playwright test variables: BASE_URL: 'https://example.com' artifacts: paths: - playwright-report/ expire_in: 1 week

3.5 并行设置

可以利用GitLab CI的并行作业功能，加快测试执行速度：

playwright_tests: stage: test script: - npx playwright install --with-deps - npx playwright test parallel: 3 artifacts: paths: - playwright-report/ expire_in: 1 week