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

例如，我们将编写一个简单的测试来验证将两个数字相加的函数的输出。

export function sum(a, b) {
  return a + b
}

import { expect, test } from 'vitest'
import { sum } from './sum.js'

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3)
})

接下来，为了执行测试，请将以下部分添加到你的 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