年轻人的第一款单元测试框架———vitest

一款合格的开源项目是避免不了单元测试的，这也是这几年单元测试的热度居高不下的原因。而在今年的state of js 2022中，我们可以看见在代码库层级列表中，vitest飞升一跃，直接到了第二名，仅次于同门师兄弟vite，而element plus unocss等知名开源项目都采用了vitest进行单元测试

不仅仅是在满意度上拔得头筹，vitest相比jest来说，你几乎无需做任何的配置：

• 开箱即用的 TypeScript / JSX 支持
• 支持测试 Vue、React、Lit 等框架中的组件
• jest友好(兼容jest的快照测试)

这对于新人来学习单元测试来说无疑是非常友好的，并且vitest与 Vite 通用的配置、转换器、解析器和插件，对vite生态支持十分友好，这对于一些日常使用vite的人来说就更爽了😂

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

安装并配置

这里我还是选择我心目中最好的包管理器了吧：

pnpm add -D vitest

由于vitest和vite是统一的配置，所以你无需再另写一个文件，直接在vite.congi.ts中进行配置即可：

/// <reference types="vitest" />
import { defineConfig } from "vitest/config";
export default defineConfig({
  test: {
    // ...
  },
});

注意，这里由于我们是要进行配置vite本身，所以需要在顶端加上三斜线命令

再向package.json中加上如下命令即可开启我们的单元测试之旅：