<p>Jest是JavaScript单元测试的首选框架，因其零配置、内置断言和模拟功能、快照测试及并行执行等特性广受欢迎；通过npm安装并配置test命令后，可快速编写测试用例，如用test()定义案例，expect().toBe()进行断言；支持ES6+需配合Babel；常用匹配器包括toBe、toEqual、toContain等；可使用jest.mock()隔离依赖，避免真实请求；运行npm test -- --coverage生成覆盖率报告，帮助完善测试；适合React、Node.js及通用项目，学习曲线平缓且功能全面。</p>
JavaScript单元测试是保障代码质量的重要手段，而Jest是目前最流行的前端测试框架之一。它由Facebook开发并维护，具备开箱即用、配置简单、功能强大等特点，特别适合React项目，也广泛应用于Node.js和通用JavaScript项目中。
为什么选择Jest？
Jest之所以受欢迎，是因为它解决了开发者在测试中的常见痛点：
- 零配置启动：无需复杂配置即可运行测试，尤其适合新手快速上手。
- 内置断言库和测试工具：自带assertions、mocking、spying等功能，不需要额外引入Chai、Sinon等库。
- 快照测试：可保存组件或数据结构的“快照”，便于检测意外的UI或输出变化。
- 并行执行：测试用例独立运行，提升执行效率。
- 优秀的报错提示：错误信息清晰，定位问题更高效。
安装与初始化
使用npm或yarn将Jest添加到项目中：
npm install --save-dev jest在package.json中配置测试命令：
立即学习“Java免费学习笔记（深入）”；
"scripts": {"test": "jest"
}
确保你的项目使用ES模块或CommonJS规范。若使用ES6+语法（如import/export），建议配合Babel进行转译。
编写第一个测试用例
假设有一个简单的加法函数sum.js：
export const sum = (a, b) => a + b;
创建对应的测试文件sum.test.js：
import { sum } from './sum';
test('adds 1 + 2 to equal 3', () => {
expect(sum(1, 2)).toBe(3);
});
运行npm test，你会看到测试通过的绿色提示。
这里用到了Jest的核心API：
- test(description, fn)：定义一个测试用例。
- expect(value)：包裹实际结果。
- .toBe()：匹配器，用于严格相等比较（===）。
常用匹配器
Jest提供了丰富的匹配器来满足不同断言需求：
expect(value).toBe(4); // 严格相等expect(value).toEqual(obj); // 深度相等，适合对象/数组
expect(str).toContain('hello'); // 字符串包含
expect(fn).toThrow(); // 函数抛出异常
expect(num).toBeGreaterThan(5); // 数值比较
这些匹配器让测试表达更自然、语义更清晰。
模拟函数与依赖隔离
在真实项目中，函数常依赖外部接口、模块或定时器。Jest提供强大的模拟功能来隔离这些依赖。
例如，有一个调用API的函数：
// api.jsexport const fetchData = async (url) => {
const res = await fetch(url);
return res.json();
};
测试时不想真正发请求，可以用jest.fn()或jest.mock()模拟：
test('mocks fetch data', async () => {
api.fetchData.mockResolvedValue({ id: 1 });
const data = await fetchData('http://example.com');
expect(data.id).toBe(1);
});
这样既保证了测试速度，又避免了网络不确定性。
覆盖率报告
要查看测试覆盖情况，在命令中添加--coverage：
Jest会生成HTML报告，显示哪些代码被测试覆盖，哪些未被执行，帮助你发现遗漏的测试场景。
基本上就这些。Jest的学习曲线平缓，功能却非常全面。从写第一个expect().toBe()开始，你已经迈入自动化测试的大门。随着项目复杂度上升，你可以逐步探索钩子函数（beforeEach、afterEach）、异步测试、快照测试等高级特性。
