Vitest 是一个原生支持 Vite 的测试框架，非常快速！它支持 Expect 断言、快照测试、覆盖率等功能，与 Jest 兼容，还有智能且即时的监视模式。
核心特点
- 基于 Vite 驱动：可以重用 Vite 的配置和插件，使得应用和测试保持一致。但是使用 Vitest 并不需要使用 Vite！
- 与 Jest 兼容：支持 Expect 断言、快照测试、覆盖率等功能，从 Jest 迁移过来非常简单。
- 智能且即时的监视模式：只重新运行相关的更改，就像测试的热模块重载一样！
- ESM、TypeScript、JSX 支持：内置 ESM、TypeScript 和 JSX 支持，由 esbuild 提供动力。
主要功能
- 与 Vite 通用的配置、转换器、解析器和插件。
- 使用与你的应用相同的设置来运行测试！
- 智能文件监听模式，就像是测试的 HMR！
- 支持对 vue、react、Svelte、Lit等框架进行组件测试。
- 开箱即用的 TypeScript / JSX 支持
- ESM 优先，支持模块顶级 await
- 通过 Tinypool 使用 Worker 线程尽可能多地并发运行
- 使用 Tinybench 来支持基准测试
- 套件和测试的过滤、超时、并发配置
- 支持 Workspace
- Jest 的快照功能
- 内置 Chai 进行断言 + 与 Jest expect 语法兼容的 api
- 内置用于对象模拟(Mock)的 Tinyspy
- 使用 jsdom 或 happy-dom 用于 DOM 模拟
- 浏览器模式 用于在浏览器中运行组件测试
- 通过 v8 or istanbul来输出代码测试覆盖率
- 类似于 Rust 语言的 源码内联测试
- 通过 expect-type 进行类型测试
- 支持分片
编写测试
安装：
npm install -D vitest
例如，我们将编写一个简单的测试来验证将两个数字相加的函数的输出。
sum.js
export function sum(a, b) {
return a + b
}
sum.test.js
import { expect, test } from 'vitest'
import { sum } from './sum.js'
test('adds 1 + 2 to equal 3', () => {
expect(sum(1, 2)).toBe(3)
})
一般情况下，执行测试的文件名中必须包含 ".test." 或 ".spec." 。
接下来，为了执行测试，请将以下部分添加到你的 package.json 文件中：
package.json
{
"scripts": {
"test": "vitest"
}
}
最后，运行 npm run test、yarn test 或 pnpm test，具体取决于你的包管理器，Vitest 将打印此消息：
sum.test.js (1)
adds 1 + 2 to equal 3
Test Files 1 passed (1)
Tests 1 passed (1)
Start at 02:15:44
Duration 311ms
仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！
链接: https://fly63.com/nav/4747
