Vibe Coding Rules · AI编程纪律

要解决的问题

当 AI 参与前端开发时，代码“能跑”不等于页面“能用”。工程师常见的问题是改完组件后缺少稳定验收：页面是否渲染、关键 DOM 是否存在、控制台是否有 JS 错误、弹窗和表单交互是否符合预期，以及文案是否按多语言正确显示。Vibe Coding Rules · AI 编程纪律 把这类检查写成可执行规则，减少口头约定和遗漏。

工作方式

技能面向 Web 自动化测试，主要能力包括：

• 在代码自检通过后、用户要求 test / verify page、确认 UI 渲染正确或做截图回归时触发。
• 从 pipeline.json 读取 {{pipeline.project.testUrl}}、{{pipeline.project.testPagePath}} 和 {{pipeline.paths.tests}}。
• 使用 Playwright 做浏览器交互与 DOM 断言，优先跑 Smoke Test：页面加载、关键元素、无运行时 JS 错误。
• 大改动后执行 Full Test：交互流程、表单提交、Modal/overlay、异步数据加载和截图比较。
• 可选启用 tesseract.js 做 OCR Verification，校验截图文本、关键文案与多语言内容。

流程通常是：检查依赖、生成测试脚本、执行测试、输出通过数、失败数、失败截图和原因。

适用边界

它更适合前端页面和 UI 行为的自动化验证，不适合作为完整后端测试替代。若未配置测试地址、路径或依赖，需要先补齐 pipeline.json 和环境；OCR 是可选能力，依赖 tesseract.js。