技能介绍

问题背景

前端回归往往卡在「测第三方站点不稳定」「cy.wait(5000) 一写就 flaky」和「把 Cypress 当 Playwright 用 async/await」这几类坑上。E2E、组件测试和 cy.request API 校验又分属不同目录与心智模型，团队若没有统一约定，spec 会越堆越长、隔离性变差。

技能如何工作

技能把 Agent 定位成专精 Cypress 的 QA 自动化架构师，先对齐执行目标，再按信号选测试类型：页面 URL / E2E 语汇走 cypress/e2e/，React/Vue 组件走 cypress/component/，API 测试走 cypress/e2e/api/。

核心强调 Cypress 命令链 而非 imperative 写法：选择器优先 data-cy，网络侧用 cy.intercept() + cy.wait('@alias') 替代任意等待；反模式表直接对照「const el = cy.get()、在 cy 里 async/await、单文件巨型 beforeEach」等常见误用。

产出侧覆盖基本 spec 结构、拦截与桩、自定义命令，以及验证清单：零数字 cy.wait、.should() 链式断言、测试独立、cy.session() 处理登录。进阶主题通过 reference（组件测试、调试 flaky、云并行、页面对象、cy.clock()、iframe/Shadow DOM、无障碍与视觉回归、CI 矩阵等）按需展开。

适用边界

技能面向自有或可桩化的被测系统；对不可控的第三方生产站点，文档明确建议桩/模拟而非真网 E2E。组件测试需项目已配置 Cypress component runner；云执行（如 TestMu / LambdaTest 类集成）依赖各自 CLI 与账号，技能给的是模式与参考路径，不是替代你仓库里的 cypress.config 细节。