为了提升代码质量，降低 bug 率，开始在前端项目中增加单元测试，重点是对组件的单元测试，避免因为修改公共组件导致的隐匿性 bug。考虑到我们的项目主要是用 vue 框架，因此优先采用 vitest+

前言 经过本系列之前的教程我们已经可以跑起来一个集成测试了，如果团队践行了这个实践，那么项目一定是坚不可摧的。但是又引发出了另一个问题，就是如果测试数量庞大，几千几万个case，每次 mr 跑一遍是很

中文前端圈对测试的态度是非常轻视的。小厂不测试，大厂靠人力，中厂只是简单的写一写。我总结了一下几条原因

学会看开源项目源码，学会两种调试Vue3源码的方式 1. 使用 vitest vscode 扩展测试用例调试。 2. 使用生成 sourcemap 文件调试源码。 3. 学会 生成 sourcemap

前端单元测试入门 1.了解前端单元测试的重要性 2. 前端单元测试工具选型 3. 跟着我一起编写单元测试

很多新手刚开始学单元测试，就是因为不懂得如何断点或者调试，导致写的测试用例经常报错，然后放弃了，包括我刚学那会也放弃过。说实话，我应该早点写这一篇文章，拯救大家于水深火热中，这一章会是我这个系列文章里