Cypress Integration Testing
将Cypress集成测试能力引入AI对话，辅助前端测试开发。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Cypress Integration Testing。 它的用途是：将Cypress集成测试能力引入AI对话，辅助前端测试开发。 详细介绍见：https://321skill.com/skills/cypress-integration-testing/ 请根据该页面的说明完成安装。
使用示例
“我需要为购物车的‘添加商品’功能写一个Cypress测试，要模拟用户点击商品卡片上的‘加入购物车’按钮，然后验证侧边栏购物车图标上的数量会更新。”，它会生成包含模拟点击、网络请求拦截（如果需要）和数量断言在内的完整测试代码块。或者，你可以说：“这段Cypress测试在等待元素出现时超时了，帮我看看哪里出了问题。”，它会分析你的代码，检查选择器或等待逻辑，并提供修复方案。
介绍
该Skill将流行的端到端测试框架Cypress的功能集成到AI工作流中，帮助开发者更高效地编写、管理和调试前端集成测试。它解决了在AI辅助开发过程中，测试代码编写繁琐、与业务逻辑脱节的问题，让开发者能在构思功能的同时，直接生成或优化对应的Cypress测试用例。
使用时，开发者可以向AI描述需要测试的前端交互场景（如用户登录、表单提交、页面跳转），AI会基于Cypress的最佳实践生成结构清晰、可执行的测试代码。开发者还可以要求AI解释测试逻辑、调试失败的测试用例，或将现有测试代码重构得更健壮。
它非常适合需要在项目中引入或维护Cypress测试套件的前端和全栈开发者，尤其是那些追求开发效率与代码质量并重的团队。对于测试工程师而言，它也是一个快速生成测试脚手架、探索测试覆盖面的有力工具。
建议在已有Cypress项目环境或准备搭建的环境中结合使用。由于Cypress测试对浏览器环境和应用状态有依赖，AI生成的代码可能需要根据实际项目细节（如元素选择器、API端点）进行微调。对于复杂的异步逻辑或特定的测试插件集成，仍需开发者进行手动配置和验证。
核心特点
与通用代码生成Skill相比，它深度集成了Cypress的语法特性和测试模式，能生成符合Cypress最佳实践（如命令链、断言、夹具使用）的针对性代码，而不仅仅是通用的JavaScript片段。同时，它能够理解测试场景的上下文，提供从测试用例设计到代码实现的一站式辅助。
注意事项
不适合用于生成与Cypress无关的其他类型测试（如单元测试、性能测试）代码，也无法直接替代在真实浏览器中运行和调试测试的过程。
常见问题
这个Skill能帮我调试运行失败的Cypress测试吗？
可以。你可以将失败的测试代码和错误信息提供给AI，它会帮你分析可能的原因，如元素选择器问题、异步操作未正确处理或断言条件错误，并提供修改建议。
我没有Cypress基础，能用这个Skill吗？
可以。Skill可以帮助你从零开始学习，生成基础测试示例并解释其含义，是入门Cypress的良好辅助。但系统学习官方文档仍是必要的。