测试体系需要覆盖组合式函数、组件交互与端到端流程。
核心概念
- 组合式函数可使用
@vue/test-utils单独挂载。 - 组件测试强调用户行为,通过 Testing Library 操作 DOM。
- 端到端测试使用 Playwright 结合数据夹具。
实战步骤
- 构建
render封装统一提供路由、store、i18n。 - 利用
vitest的快照审查 UI 变更,结合视觉回归工具。 - 在 CI 中按组件标签拆分测试,提高并行度。
2000/2/13小于 1 分钟
测试体系需要覆盖组合式函数、组件交互与端到端流程。
@vue/test-utils 单独挂载。render 封装统一提供路由、store、i18n。vitest 的快照审查 UI 变更,结合视觉回归工具。