Cypress自动化测试编写

该能力专为前端测试自动化打造。当用户需要编写新的测试规格文件（spec）、针对特定UI组件进行挂载验证、为端到端流程编写验收测试，或者排查修复跑测中偶发失败（Flaky）和超时的测试脚本时，自动识别测试范围与目标，并生成或重构规范的 Cypress 测试用例。

常见场景

它能帮你做什么？

端到端业务验收测试用例编写：针对多页面交互、表单提交与身份验证等完整用户业务链路，编写规范的 E2E 测试脚本。

前端 UI 组件独立挂载测试：为特定前端组件编写 Cypress Component 测试，验证组件渲染、属性传参及交互事件响应。

偶发失败与超时测试脚本修复：排查重构因异步竞态、DOM 获取不稳定导致 Flaky 或超时的测试用例，提升用例稳定性。

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么，或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“为 src/components/UserProfile.vue 组件编写挂载和信息编辑的 Cypress 组件测试”

“排查 cypress/e2e/checkout.cy.ts 结算流程测试中偶发超时的不稳定用例并修复”

“针对购物车页面的增加数量、删除商品和优惠券结算功能，新建一个 E2E 测试 spec 文件”

适用人群

适合谁？

前端开发工程师QA测试开发工程师全栈工程师

上手门槛

使用难度

进阶

需要了解任务流程，页面已整理好使用步骤。

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？

中文说明简化使用方式补充中文案例整理安装流程降低理解难度

Cypress自动化测试编写.Skill