Vitest 是一个由 Vite 提供支持的极速单元测试框架。Vitest 旨在将自己定位为 Vite 项目的首选测试框架，即使对于不使用 Vite 的项目也是一个可靠的替代方案。

一、为什么要进行单元测试 单元测试可以作为描述组件行为的文档 降低人工测试的时间 减少迭代或者优化产生的bug 改进设计&促进重构 二、如何使用Vue Test Utils对Vue组件进行单元测试 V

初始配置 使用到的依赖如下 在tsconfig.json中配置 新增vitest.config.js配置 实践一下 新增两个组件 HelloWorld.vue Hello.vue 新建测试文件test

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

vitest 用法概览 测试文件结构 写单元测试从结构上来说主要分两部分，test Suite（describe） 和 test case(it)。简单理解 suite 类比前端的模块 module，

参考模板 0 package.json 必须 vitest.config.ts 必须 ./test/vitest-setup.js 可选 WHY 从 jest 迁移到 vitest 建议：vitest

什么是单元测试 在计算机编程中，单元测试（Unit Testing）又称为模块测试，是针对程序模块（软件设计的最小单位）来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中，一个

前端单元测试是指对前端代码中的最小可测试单元进行测试的过程。这些最小单元可以是函数、组件或模块等。通过编写针对这些单元的测试用例，我们可以验证它们在各种情况下的行为是否符合预期。

vitest 是由 vite 提供支持的极速单元测试框架，VueTestUtils 是 Vue.js 的官方测试实用程序库，