Agent Skills
返回列表
💻

Cypress E2E 测试生成器

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_3c6cb52e/cypress-e2e-test-generator-3。

技能介绍

手动编写 E2E 测试的三大痛点

在前端项目迭代中，Cypress 端到端测试常面临三个具体问题：用户操作流程与测试脚本脱节，每次产品交互调整需手动定位元素并修改测试逻辑；测试依赖第三方接口时，网络请求的不确定性导致测试结果波动；重复编写登录、跳转等通用操作占用开发时间，却难以保证测试覆盖的一致性。

技能的核心能力与工作流程

该技能通过三个关键步骤解决上述问题：

  • 流程录制解析：自动解析用户操作录制文件，提取页面跳转、元素点击等关键交互路径，无需手动梳理测试场景
  • 真实交互模拟：基于 Cypress Real Events 插件，模拟真实鼠标移动、按键输入等操作，避免传统 click() 方法对元素可见性的误判
  • 网络请求存根：通过 cy.intercept() 捕获接口请求，可自定义响应数据与状态码，消除对外部服务的依赖
  • 测试文件生成：根据解析结果自动生成包含断言逻辑的测试脚本，直接输出符合 Cypress 规范的功能测试文件

生成过程中，技能会优先处理关键用户流程（如注册-登录-下单），对重复操作生成公共方法，并自动添加等待策略处理异步组件加载。

适用边界与注意事项

  • 依赖完整清晰的用户流程录制，录制中断或操作模糊会导致生成的测试脚本缺失关键步骤
  • 动态加载内容（如懒加载列表）需额外配置等待条件，生成的测试可能需手动补充 cy.wait() 逻辑
  • 复杂表单验证场景中，cy.intercept() 的网络存根需明确匹配请求参数，否则无法准确模拟后端响应
  • 生成的测试脚本默认采用 Mocha 测试框架，需与项目现有测试工具链保持一致

使用场景

  • 拿到产品录制的用户操作流程后，需要批量生成覆盖关键路径的Cypress端到端测试脚本。
  • 接口依赖的后端服务尚未就绪时，用网络存根模拟响应以便前端联调阶段提前编写E2E测试。
  • 重构现有功能时，旧的手动测试脚本维护成本高，需要从用户流程自动产出一份新的Cypress套件。
  • 团队要求所有新功能模块上线前必须提交E2E测试，但编写时间紧张，需要快速生成基础测试文件。

适合人员

  • 前端测试工程师，需要把手工验证过的用户流程快速转成可重复执行的Cypress测试套件。
  • 端到端测试维护者，接口频繁变更导致测试不稳定，希望通过网络存根降低外部依赖。
  • 全栈开发者，在功能开发阶段想同步产出自动化测试，避免上线前临时补脚本。
  • 测试基础设施负责人，需要统一团队E2E测试的生成方式和文件规范。