为什么要学这套课程

市面上那么多测试文章，为什么还要学这个课程呢？

• Vue Test Utils 官网的案例是结合 jest 编写的 demo, 部分版本较老，可能会导致官网示例教程无法运行通过
• 官网 demo，不能所见即所得
• 官网 demo 中 vue 的写法非常多样，option 和 composition 混用
• jest 和 vue test utils 都是英文文档，有一定额外的学习成本
• jest 配置的心智负担很重，vitest 就不需要考虑那么多配置的问题，且速度更快

课程大纲

技术栈使用 Vitest + Test Utils for Vue.js 3 。通过本课程，能完全掌握 vue3 + vue-router + pinia 的测试方法论，本测试案例将会全程使用 composition api 来编写，根据以下章节由浅入深，分阶段展开。

• 搭建 vitest 环境
• 单元测试
• 组件测试
• mock
• 浏览器测试
• vue router 测试
• vuex 测试
• piana 测试
• 单元测试最佳实践
• 实战 lodash 测试源码
• 实战 element-plus 测试源码
• 如何利用 coze 编写单元测试

文章尽量通俗易懂，每一章都有完善的测试代码， 有 100 多个实战案例，方便可视化的运行，让你快速掌握 vue 全家桶的单元测试技能。

项目安装

pnpm install

Compile and Hot-Reload for Development

pnpm dev

运行单元测试 Vitest

pnpm vitest:ui

额外

• 首发掘金博客，欢迎关注、点赞、收藏给我更新的动力

• 如果文章有错别字、代码错误、欢迎提 issue，pr,可以在掘金博客消息窗口我，或者直接加我 wechat: match124