mcpField
E
e2e-testing

e2e-testing

github.com/sickn33测试与质量48.8k202 次安装今天更新
代码仓库

关于 e2e-testing

这是一个以 Playwright 为核心的端到端测试工作流技能，涵盖测试规划、浏览器设置、视觉检查和 CI 集成，适合自动化 Web 应用测试的团队，并提示如何保护测试数据与敏感产物。

主要功能

  1. 01Playwright 测试设置与设计
  2. 02浏览器自动化及录制
  3. 03视觉回归检查
  4. 04Chromium、Firefox 和 WebKit 测试
  5. 05CI/CD 工作流集成
  6. 06测试数据与产物保护

适用场景

  1. 01启动端到端测试套件
  2. 02自动化 Web 应用关键流程
  3. 03对照基线检查视觉变化
  4. 04将浏览器测试加入 CI/CD

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill e2e-testing

安装后在 Claude Code 中输入/e2e-testing确认已加载。

详细介绍

E2E 测试工作流

概述

使用 Playwright 进行端到端测试的专用工作流，包括浏览器自动化、视觉回归测试、跨浏览器测试和 CI/CD 集成。

何时使用此工作流

在以下情况下使用此工作流：

  • 设置 E2E 测试
  • 自动化浏览器测试
  • 实施视觉回归测试
  • 跨浏览器测试
  • 将测试集成到 CI/CD

范围与验证依据

根据当前任务选择所需阶段，而不是使用列出的所有技能。使用专用测试账号、隔离的测试夹具和经过批准的沙盒端点；点击操作可能会发送消息、购买商品或删除数据。请先检查浏览器安装和下载行为，以及 CI 权限。追踪记录、屏幕截图、视频和存储状态文件可能包含凭据或私人数据；请妥善保密，并在分享前对产物进行脱敏。Playwright WebKit 运行不能证明实际 Safari/iOS 上的表现，移动设备模拟也不等同于真实设备测试。在差异经过审核前，保持视觉基准不变；不要仅为通过测试而覆盖基准。

工作流阶段

阶段 1：测试设置
调用的技能
  • playwright-skill - Playwright 设置
  • e2e-testing-patterns - E2E 模式
操作
  1. 安装 Playwright
  2. 配置测试框架
  3. 设置测试目录
  4. 配置浏览器
  5. 创建基础测试设置
可复制粘贴的提示词
Use @playwright-skill to set up Playwright testing
阶段 2：测试设计
调用的技能
  • e2e-testing-patterns - 测试模式
  • test-automator - 测试自动化
操作
  1. 找出关键流程
  2. 设计测试场景
  3. 规划测试数据
  4. 创建页面对象
  5. 设置测试夹具
可复制粘贴的提示词
Use @e2e-testing-patterns to design E2E test strategy
阶段 3：测试实现
调用的技能
  • playwright-skill - Playwright 测试
  • webapp-testing - Web 应用测试
操作
  1. 编写测试脚本
  2. 添加断言
  3. 实现等待
  4. 处理动态内容
  5. 添加错误处理
可复制粘贴的提示词
Use @playwright-skill to write E2E test scripts
阶段 4：浏览器自动化
调用的技能
  • browser-automation - 浏览器自动化
  • playwright-skill - Playwright 功能
操作
  1. 配置无头模式
  2. 设置屏幕截图
  3. 实现视频录制
  4. 添加追踪记录收集
  5. 配置移动设备模拟
可复制粘贴的提示词
Use @browser-automation to automate browser interactions
阶段 5：视觉回归
调用的技能
  • playwright-skill - 视觉测试
  • ui-visual-validator - 视觉验证
操作
  1. 设置视觉测试
  2. 创建基准图像
  3. 添加视觉断言
  4. 配置阈值
  5. 审核差异
可复制粘贴的提示词
Use @playwright-skill to implement visual regression testing
阶段 6：跨浏览器测试
调用的技能
  • playwright-skill - 多浏览器
  • webapp-testing - 浏览器测试
操作
  1. 配置 Chromium
  2. 添加 Firefox 测试
  3. 添加 WebKit 测试
  4. 测试移动浏览器
  5. 比较结果
可复制粘贴的提示词
Use @playwright-skill to run cross-browser tests
阶段 7：CI/CD 集成
调用的技能
  • github-actions-templates - GitHub Actions
  • cicd-automation-workflow-automate - CI/CD
操作
  1. 创建 CI 工作流
  2. 配置并行执行
  3. 设置产物
  4. 添加报告
  5. 配置通知
可复制粘贴的提示词
Use @github-actions-templates to integrate E2E tests with CI

质量门槛

  • 测试通过
  • 覆盖率充分
  • 视觉测试稳定
  • 已验证跨浏览器表现
  • CI 集成正常工作

相关工作流包

  • testing-qa - 测试工作流
  • development - 开发
  • web-performance-optimization - 性能

限制

  • 仅当任务明确符合上述范围时，才使用此技能。
  • 不要将输出视为环境特定验证、测试或专家审查的替代品。
  • 如果缺少必要的输入、权限、安全边界或成功标准，请暂停并请求澄清。

评论

支持 Markdown