JavaScript测试驱动_Jest单元测试最佳实践
答案：遵循Jest最佳实践可提升代码质量。应使用行为驱动的描述性测试命名，如“当用户输入有效邮箱时，应返回true”，避免模糊命名；每个测试需独立可重复，利用beforeEach和afterEach管理测试状态，结合jest.useFakeTimers()模拟异步逻辑；合理使用jest.mock()和jest.spyOn()隔离外部依赖，避免过度Mock，并在测试后恢复原始实现；关注核心业务逻辑和边界条件的测试覆盖，而非盲目追求100%覆盖率，配置合理的coverageThreshold阈值，从而提升项目可维护性与开发效率。
在现代前端开发中，JavaScript 的单元测试已成为保障代码质量的重要手段。Jest 作为 Facebook 推出的测试框架，因其零配置、内置断言库、Mock 支持和强大的覆盖率报告功能，成为 React 和 Node.js 项目中最常用的测试工具之一。要真正发挥 Jest 的价值，需要遵循一些关键的最佳实践。
使用描述性测试用例命名
清晰的测试名称能让团队快速理解测试意图，也能在测试失败时更快定位问题。
避免使用模糊的命名如 "should work" 或 "test function"。取而代之的是，采用行为驱动（BDD）风格的描述方式，说明“在什么条件下，应该产生什么结果”。
-
推荐写法：
it('当用户输入有效邮箱时，应返回 true' -
不推荐写法：
it('test validateEmail'
这样即使不看实现代码，也能从测试名称推断出函数的行为逻辑。
保持测试独立与可重复
每个测试都应该是独立运行的，不依赖其他测试的执行顺序或状态。
Jest 默认并行执行测试文件，若测试之间共享状态（如修改全局变量、未清理的 Mock），可能导致随机失败（flaky tests）。
- 使用 beforeEach 和 afterEach 来初始化和清理测试环境
- 对涉及时间的逻辑，使用
jest.useFakeTimers()模拟定时器 - 避免在测试中直接调用真实 API，应通过 Mock 替代外部依赖
例如，测试一个带延迟的功能：
describe('delayFunction', () => {beforeEach(() => {
jest.useFakeTimers();
});
it('应在 1 秒后调用回调函数', () => {
const callback = jest.fn();
delayFunction(callback);
jest.advanceTimersByTime(1000);
expect(callback).toHaveBeenCalled();
});
});
合理使用 Mock 与 Spy
Mock 可以隔离外部依赖，比如 API 请求、数据库操作或第三方库，使测试更稳定且快速。
- 使用 jest.mock() 自动模拟模块
- 使用 jest.spyOn() 监视函数调用而不影响原有逻辑
- 避免过度 Mock，只 Mock 那些不可控或副作用强的部分
例如，测试一个调用 fetch 的服务：
jest.spyOn(global, 'fetch').mockResolvedValue({json: () => Promise.resolve({ id: 1, name: 'John' }),
});
await getUser(1);
expect(fetch).toHaveBeenCalledWith('/api/users/1');
测试完成后记得调用 jest.restoreAllMocks() 恢复原始实现。
追求高价值而非高覆盖率
虽然 Jest 提供了代码覆盖率报告（--coverage），但目标不应是盲目追求 100% 覆盖。
重点应放在核心业务逻辑、边界条件和错误处理路径上。
- 优先覆盖用户高频使用的功能路径
- 测试异常输入，如空值、非法类型等
- 避免为 getter/setter 或纯渲染逻辑写冗余测试
在 jest.config.js 中配置合理的阈值，例如：
coverageThreshold: {global: {
branches: 80,
functions: 85,
lines: 90,
statement
s: 90,}
}
基本上就这些。坚持写有意义的测试，配合 Jest 的强大能力，能显著提升项目的可维护性和开发信心。
