快照全绿功能却坏?看这款Skill

帮你写Vue.js测试,用Vitest做单元测试,Playwright做端到端测试。

vue-testing-best-practices 是为 Vue 项目的组件测试、模拟依赖和端到端测试提供指导的 Skill。给 AI 组件代码与测试现象,它会按问题找到相应的实践资料,而不只生成一个能通过的快照。

快照没有变化,不代表按钮点击后的行为正确。文档明确列出了“功能坏了但快照仍通过”的问题,也区分组件内部重构引起的脆弱测试、异步竞争和真实浏览器行为验证。

Pinia 没有注入、异步组件未渲染、弹窗传送到组件外导致查询不到,也分别有对应入口。适合 Vue 项目已经有测试,但失败难以解释或测试没有保护关键交互的情况。

它帮助选择该读的规则与测试方法。最终应验证用户能观察到的结果,而不是仅让测试适应当前实现。

分类:编程开发

来源仓库:antfu/skills

适合用来做什么

  • 使用Vitest对Vue组件进行单元测试。
  • 请提供使用Playwright进行Vue端到端测试的示例。

安装 vue-testing-best-practices

npx skills add https://www.iskills.cc/skills/antfu/skills/vue-testing-best-practices/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 vue-testing-best-practices 的用途与原始说明

浏览全部 Skill 指南