Playwright Test Framework Example for AI & Playwright MCP Course by jaktestowac.pl

jaktestowac.pl 的 AI 与 Playwright MCP 课程 Playwright Test 框架示例

此代码仓库提供了一个空的 Playwright 测试框架，旨在课程中测试 AI 和 Playwright MCP（Model Context Protocol）

（波兰语：“Playwright z AI – czyli jak usprawnić swoją pracę” - “借助 AI 使用 Playwright——如何提升工作效率”）

由 jaktestowac.pl 团队制作。

概述

代码仓库包含以下主题的测试：

• 采用 Page Object Model 的 UI 测试： 使用 Playwright 和 Page Object Model 模式对用户注册、登录和文章浏览进行自动化浏览器测试，便于维护。

• API 测试： 针对健康状态、关于信息和用户的端到端 API 测试，包括用户注册、登录和文章浏览。

• Fixtures 和辅助工具： 自定义 Playwright fixtures，为页面对象提供支持，以促进代码复用并提高代码清晰度。

• 测试报告与配置： Playwright 配置示例，涵盖多种报告器（HTML、JUnit、JSON）、测试目录结构和设备模拟。

测试与覆盖范围

代码仓库包含以下测试文件及其覆盖范围：

• tests/register.spec.ts：用于用户注册和登录的 UI 测试，使用唯一凭据。
• tests/login.spec.ts：使用有效凭据登录的 UI 测试。
• tests/articles.spec.ts：以访客用户身份浏览文章的 UI 测试。
• tests/logged-articles.spec.ts：以已登录用户身份浏览文章的 UI 测试。

这些测试涵盖：

• 用户注册和身份验证流程
• 浏览文章（以访客和已登录用户身份）

我们是谁？

我们是测试架构师和资深首席技术质量工程师，热衷于测试。 我们不断探索提升技能并与他人分享知识的新方法。

我们积极参与 Playwright 社区，为项目做出贡献，并与他人分享知识。自 2021 年以来，我们一直在不同的公司和项目中使用 Playwright。

我们相信开源的力量，也重视回馈社区。

了解更多：我们对 Playwright 和社区的贡献

前置条件

开始之前，请确保已安装以下内容：

• Node.js（v20 或更高版本的 LTS 版本）
• 我们提供的免费自动化练习应用：🦎 GAD
• 用于编写代码的 IDE [VSCode] (https://code.visualstudio.com)

项目结构

测试文件位于 tests 目录中。每个测试文件都包含一组测试，用于覆盖应用的特定功能或特性。

playwright.config.ts 文件中的配置包含项目的所有全局设置。

设置

1. 克隆代码仓库：

   git clone https://github.com/jaktestowac/playwright-test-framework-mcp-example.git
   cd playwright-test-framework-mcp-example
   

2. 安装依赖项：

   npm install
   

3. 可选：安装 Playwright 浏览器：

   npx playwright install
   

4. 可选：为 VSCode 安装扩展：

在 VSCode 中打开“Extensions”选项卡，使用“@recommended”筛选器筛选扩展

运行测试

运行所有测试：

npm run test

运行指定测试文件：

npx playwright test tests/login.spec.ts

使用 UI 模式运行测试：

npx playwright test --ui

生成测试报告：

npx playwright show-report

故障排除

常见问题及解决方案：

1. 首次运行时测试失败

   • 确保 🦎 GAD 应用正在运行（默认地址为 http://localhost:3000）
   • 检查是否安装了正确版本的 Node.js

2. 浏览器启动失败

   npx playwright install
   

资源

• 我们用于练习自动化的免费应用 - 🦎 GAD
• [PL 🇵🇱] 免费的 Playwright 资源 - 我们提供的免费 Playwright 学习资源
• [PL 🇵🇱] 使用 Playwright 实践自动化测试入门 - YouTube
• [PL 🇵🇱] Playwright Elements - 测试自动化的关键概念 - YouTube
• [PL 🇵🇱] Playwright MCP - YouTube
• [PL 🇵🇱] Discord 社区 加入我们的 Discord 社区——首个专注于 Playwright 自动化的波兰社区！
• [ENG 🇬🇧] VisualStudio Marketplace 我们为 VS Code 和 Playwright 提供的免费插件
• [ENG 🇬🇧] Playwright 文档
• [ENG 🇬🇧] Playwright GitHub 仓库

联系方式

欢迎联系我们：

• 网站：jaktestowac.pl
• LinkedIn：jaktestowac.pl

祝测试和自动化测试愉快！🚀

jaktestowac.pl 团队 💚❤️

附注：如需获取更多资源和最新动态，请关注我们的网站和 GitHub。