CodeBuddy可通过CLI指令、VS Code插件、录制回放三种方式生成符合Cypress规范的端到端测试代码：一、确保cypress/目录及配置文件存在并验证安装；二、用codebuddy e2e命令基于自然语言生成可执行.spec.ts文件；三、在VS Code中通过cb-test补全预设测试模板；四、使用CodeBuddy Recorder将用户操作实时转为带data-cy定位的Cypress脚本。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您希望借助 CodeBuddy 快速生成符合 Cypress 规范的端到端测试代码，但尚未掌握 Cypress 语法结构、缺乏手动编写经验或希望避免重复性脚本开发，则可通过 CodeBuddy Code CLI 驱动结构化、可执行的 Cypress 测试用例生成。以下是实现此目标的步骤：
一、确保 Cypress 环境已就绪并可被 CodeBuddy 识别
CodeBuddy 依赖项目中已正确安装并配置的 Cypress 运行时环境，若 Cypress 未初始化或配置文件缺失，CodeBuddy 将无法解析测试上下文，导致代码生成失败或生成内容不可执行。
1、确认项目根目录下存在 cypress/ 目录。
2、检查项目中是否包含有效的配置文件，例如 cypress.config.ts 或 cypress.json。
3、运行 npx cypress verify 命令验证 Cypress 安装完整性与浏览器驱动可用性。
4、若验证失败，执行 npx cypress install 重新安装浏览器二进制文件。
二、使用 CodeBuddy CLI 指令触发 Cypress 测试代码生成
CodeBuddy 支持基于自然语言描述自动生成 Cypress 测试脚本，无需手动编写 describe/it 结构或 cy 命令链，适用于登录、表单提交、列表断言等常见场景。
1、在终端中进入 Vue 待办应用项目根目录。
2、执行指令：codebuddy e2e --framework cypress --prompt "用户登录后应看到待办事项列表，且列表项数量大于0"。
3、等待 CodeBuddy 分析当前项目结构（包括路由、组件路径、API 接口定义）后输出可直接保存至 cypress/e2e/login.spec.ts 的完整测试文件。
4、生成的代码将自动包含 cy.visit()、cy.get().should() 及基于 data-cy 属性的安全定位逻辑。
CodeBuddy Code CLI 的安装、配置与使用指南。CodeBuddy Code 是腾讯推出的 AI 驱动 CLI 编程助手，支持自然语言驱动开发。 - 必备触发词：CodeBuddy, codebuddy, AI CLI, Tencent AI coding, @tencent-ai/codebuddy-code, terminal AI assistant - 适用场景：安装 CodeBuddy CLI、配置 CodeBuddy、使用 CodeBuddy 命令、排查 CodeBuddy 问题
三、通过 CodeBuddy 插件在 VS Code 中实时生成并嵌入 Cypress 代码片段
当在 VS Code 中编辑 cypress/e2e/ 下的 .spec.ts 文件时，启用 CodeBuddy 插件可基于光标上下文即时补全符合 Cypress 最佳实践的测试块，避免手写错误与风格不一致。
1、在 VS Code 扩展市场安装 CodeBuddy for Cypress 插件。
2、打开任意 .spec.ts 文件，在空行处输入 cb-test 并触发 IntelliSense 补全。
3、选择预设模板，例如 "Form Submission with Validation"，插件将插入含 cy.visit、cy.get、cy.type、cy.submit 和 should 断言的完整测试块。
4、插件自动注入 data-cy="login-form" 类型的定位建议，并标注需人工补充的 selector 占位符。
四、利用 CodeBuddy 的录制回放能力反向生成 Cypress 脚本
对于已有 UI 操作流程但无对应测试代码的场景，CodeBuddy 提供浏览器内录制功能，将真实用户交互行为实时翻译为可读、可维护的 Cypress 测试语句，支持 Chrome 和 Edge 浏览器。
1、启动 Cypress 开发服务器：npx cypress open。
2、在 Cypress 测试运行器中点击 “Record” 按钮，选择 “CodeBuddy Recorder” 模式。
3、在新打开的浏览器标签页中执行目标操作（如：输入用户名、点击登录按钮、等待列表渲染）。
4、停止录制后，CodeBuddy 自动输出带注释的 Cypress 脚本，其中所有元素定位均优先采用 data-cy 属性，未标注时回退至 role/text-based fallback 策略。
