JavaScript单元测试是对函数等最小单元的独立验证,核心是检查输入与预期输出,覆盖边界和异常;主流框架有Jest(开箱即用)、Mocha+Chai(灵活可控)、Vitest(Vite生态首选)。

JavaScript 单元测试就是对函数、方法这类最小可执行单元做独立验证,核心是检查输入是否总能产生预期输出,同时覆盖边界值、异常情况等。它不依赖外部环境(比如 DOM 或网络),靠隔离 + 断言来确认逻辑正确性。
主流测试框架有哪些
目前活跃且被广泛采用的有三个主力框架,各自定位清晰:
-
Jest:Facebook 出品,开箱即用。自带断言库、模拟(mock)工具、覆盖率报告和快照测试,React 项目默认首选。文件命名规则简单,如
math.test.js就会被自动识别。 -
Mocha + Chai:Mocha 负责测试结构(
describe/it),Chai 提供丰富断言(expect(x).to.equal(y))。灵活度高,适合传统 Node.js 项目或需要精细控制测试流程的场景。 - Vitest:专为 Vite 生态设计,启动极快、HMR 友好,API 与 Jest 高度兼容。Vue 和 React + Vite 项目中正快速成为新标准,尤其适合开发阶段高频运行测试。
一个最小可运行的 Jest 示例
假设你有一个加法函数:
calculator.js
立即学习“Java免费学习笔记(深入)”;
function add(a, b) { return a + b; }
module.exports = { add };
calculator.test.js
const { add } = require('./calculator');
describe('add function', () => {
test('returns 3 when adding 1 and 2', () => {
expect(add(1, 2)).toBe(3);
});
test('handles negative numbers', () => {
expect(add(-1, -1)).toBe(-2);
});
});
安装后只需运行 npm test(前提是 package.json 中已配置 "test": "jest"),就能看到通过结果。
怎么开始写第一个测试
不用一步到位,按这四步走就行:
- 先写一个功能函数(哪怕只有两行)
- 新建同名
.test.js文件,导入该函数 - 用
describe包裹一组相关测试,用test或it写具体用例 - 在
test里调用函数,再用expect(...).toBe(...)或类似断言验证结果
哪些情况特别值得测
不是所有函数都必须立刻补全测试,优先覆盖这些:
- 业务逻辑核心函数(比如价格计算、权限判断)
- 有 if/else、循环、递归的分支路径多的函数
- 处理用户输入的地方(空字符串、null、超长文本等边界)
- 抛出错误的场景(例如除零、非法参数),用
expect(() => fn()).toThrow()捕获











