一款合格的开源项目是避免不了单元测试的,这也是这几年单元测试的热度居高不下的原因。而在今年的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
中加上如下命令即可开启我们的单元测试之旅: