Jest 提供 mock 函数与模块、异步测试、覆盖率分析及快照测试等核心功能，通过 jest.fn() 和 jest.mock() 模拟行为与依赖，支持 async/await 与 fakeTimers 处理异步逻辑，结合 expect.assertions 和 toThrow 验证异常，生成覆盖率报告以提升测试完整性，快照测试确保 UI 或数据结构稳定，需注意随机值与变更审查，最终保障测试的独立性与可维护性。
在现代前端开发中，单元测试已成为保障代码质量的关键环节。Jest 作为 Facebook 推出的 JavaScript 测试框架，因其开箱即用、配置简单、功能强大而广受欢迎。掌握 Jest 的深入用法，不仅能提升测试效率，还能增强代码的可维护性。
mock 函数与模块的高级使用
Jest 提供了强大的 mock 功能，允许你拦截函数调用、控制返回值、验证执行次数等。
模拟函数行为：你可以使用 jest.fn() 创建一个 mock 函数，用于替代真实函数进行测试。
例如，测试一个回调函数是否被正确调用：
立即学习“Java免费学习笔记（深入）”；
test('calls callback with arguments', () => {
const mockFn = jest.fn();
myFunction(mockFn);
expect(mockFn).toHaveBeenCalledWith('expected-value');
});
模拟模块：
对于依赖外部库（如 axios、fs）的模块，可以使用 jest.mock() 模拟整个模块。
比如模拟 API 请求：
jest.mock('axios');
test('fetches user data', async () => {
const { get } = require('axios');
get.mockResolvedValue({ data: { id: 1, name: 'John' } });
const userData = await fetchUser(1);
expect(userData.name).toBe('John');
expect(get).toHaveBeenCalledWith('/api/users/1');
});
异步代码的测试策略
JavaScript 中大量使用异步操作，Jest 支持多种方式测试 Promise 和 async/await 代码。
这是最清晰的方式，直接在 test 中使用 async 函数。
test('resolves with correct data', async () => {
const result = await fetchData();
expect(result).toEqual({ message: 'success' });
});
处理定时器：
Jest 提供了 jest.useFakeTimers() 来模拟 setTimeout 和 setInterval，避免真实等待。
例如测试防抖函数：
jest.useFakeTimers();
test('debounced function is called after delay', () => {
const fn = jest.fn();
const debounced = debounce(fn, 1000);
debounced();
expect(fn).not.toBeCalled();
jest.runAllTimers();
expect(fn).toBeCalled();
});
覆盖率报告与测试边界场景
Jest 内置覆盖率工具，通过 --coverage 参数生成详细报告，帮助发现未覆盖的分支。
- 为 if 分支和异常路径编写独立测试用例
- 模拟错误情况，如网络失败、参数非法
- 验证错误抛出：
expect(() => func()).toThrow()
测试空值、undefined、null、极端数值等容易出错的情况。
test('throws error when input is null', () => {
expect(() => processUser(null)).toThrow('Invalid user');
});
快照测试的应用与注意事项
快照测试适用于 UI 组件或结构化数据输出，能快速捕捉意外变更。
创建快照：test('renders correctly', () => {
const tree = renderer.create(<MyComponent />).toJSON();
expect(tree).toMatchSnapshot();
});
注意点：
- 不要对随机数据做快照
- 定期审查快照更新，防止误接受错误变更
- 可用于配置对象、API 响应结构等静态输出
基本上就这些。Jest 的优势在于简洁的 API 和丰富的功能集成。合理使用 mock、异步支持、覆盖率和快照，能让测试更全面且易于维护。不复杂但容易忽略的是：保持测试的独立性和可读性，才是长期可持续的关键。
