Vitest 教程简介

    欢迎来到 Vitest 教程！

    什么是 Vitest？

    Vitest 是一个由 Vite 提供支持的极速单元测试框架。

    如果你已经在使用 Vite 构建你的应用，那么使用 Jest 作为测试框架可能会遇到一个痛点：你需要为测试环境（Jest）配置一套与构建环境（Vite/Rollup）不同的转译器（如 Babel、ts-jest 等）。这不仅增加了配置成本，还可能导致测试环境与生产环境的不一致。

    Vitest 的出现正是为了解决这个问题：在开发和测试环境之间共享相同的配置、转换器、解析器和插件。

    为什么选择 Vitest？

    1. 与 Vite 完美集成：复用你的 vite.config.ts 中的配置（如别名、插件等），无需额外的 Babel 或 Webpack 设置。
    2. 极速体验：Vitest 拥有开箱即用的 HMR（模块热更新），当你修改测试代码或被测源码时，测试结果会像网页一样瞬间刷新。
    3. 兼容 Jest：Vitest 提供了高度兼容 Jest 的 API（如 expect, vi.fn, beforeEach 等），这意味着你可以非常轻松地将现有的 Jest 项目迁移到 Vitest。
    4. 内置 TypeScript/JSX 支持：无需额外配置，即可编写 TypeScript 和 JSX 的测试用例。
    5. 并发与多线程：利用 worker 线程来并发执行测试，大幅提升测试套件的运行速度。

    本教程将包含什么？

    本教程旨在带你从零开始掌握现代前端测试的流程：

    1. Vitest 的安装与基础配置。
    2. 断言（Assertions）、模拟（Mocking）与间谍（Spies）的核心 API 使用。
    3. 测试驱动开发（TDD）实践。
    4. React/Vue 等 UI 组件的测试环境配置（如使用 @testing-library/react）。
    5. 覆盖率报告（Coverage）与 CI/CD 流程集成。

    本文为轻叶全栈手册原创内容，转载请注明出处。