Jest因零配置、内置断言、强大mock等功能成为JavaScript测试首选,支持同步异步代码测试与覆盖率分析,结合TDD可提升代码质量。
测试驱动开发(TDD)在现代 JavaScript 开发中扮演着重要角色,而 Jest 作为 Facebook 推出的开源测试框架,因其开箱即用、配置简单、功能强大,已成为前端单元测试的首选工具之一。本文带你从零开始掌握 Jest 实战技巧,真正落地 TDD 开发流程。
为什么选择 Jest?
Jest 具备以下优势,特别适合 JavaScript 单元测试:零配置启动:安装后无需复杂配置即可运行测试内置断言库和测试运行器:无需额外引入 Chai、Mocha 等工具支持快照测试:非常适合 React 组件等结构化输出的比对Mock 功能强大:可轻松模拟函数、模块、定时器等覆盖率报告:一键生成代码覆盖率统计快速上手:第一个测试用例先看一个简单的数学工具函数及其测试:// math.jsexport const add = (a, b) => a + b;export const subtract = (a, b) => a - b;// math.test.jsimport { add, subtract } from './math';test('adds 1 + 2 to equal 3', () => {expect(add(1, 2)).toBe(3);});test('subtracts 5 - 3 to equal 2', () => {expect(subtract(5, 3)).toBe(2);});执行npmtest或npx jest,Jest 会自动查找并运行所有以 .test.js 或 .spec.js 结尾的文件。
立即学习“Java免费学习笔记(深入)
”;
核心 API 与常用匹配器Jest 提供丰富的 expect 匹配器来验证结果:.toBe():严格相等(===),适用于基本类型.toEqual():深度比较对象或数组内容.toBeTruthy() / .toBeFalsy():判断真假值.toContain():检查数组或字符串是否包含某元素.toThrow():验证函数是否抛出异常例如测试一个可能抛错的函数:const divide = (a, b) => {if (b === 0) throw new Error('Cannot divide by zero');return a / b;};test('throws error when dividing by zero', () => {expect(() => divide(1, 0)).toThrow('Cannot divide by zero');});Mock 函数与模块模拟在测试中,我们常需要隔离外部依赖,比如 API 调用或第三方库。Jest 的 mock 功能非常实用。
Eclipse导入Android或其他的JAVA项目的正确方法 WORD版本文档主要讲述的是Eclipse导入Android或其他的JAVA项目的正确方法;希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看下载假设有一个发送通知的函数依赖外部 service:// notifier.jsexport const sendNotification = (service, message) => {return service.send(message);};我们可以用 jest.fn() 创建 mock 函数进行测试:test('calls service.send with the correct message', () => {const mockSend = jest.fn();const service = { send: mockSend };sendNotification(service, 'Hello');expect(mockSend).toHaveBeenCalledWith('Hello');expect(mockSend).toHaveBeenCalledTimes(1);});还可以用jest.mock()模拟整个模块,比如模拟 axios 请求。
测试异步代码处理 Promise 或 async/await 时,Jest 支持多种方式:// fetchData.jsexport const fetchUser = () => fetch('/api/user').then(res => res.json());// 异步测试写法一:使用 async/awaittest('fetches user data correctly', async () => {jest.spyOn(global, 'fetch').mockResolvedValue({json: jest.fn().mockResolvedValue({ name: 'John' })});const user = await fetchUser();expect(user.name).toBe('John');fetch.mockRestore();});实践建议与最佳习惯要想真正发挥 Jest 和 TDD 的价值,注意以下几点:先写测试再实现功能:遵循红-绿-重构循环保持测试独立、可重复:避免测试间相互影响测试命名清晰:让人一看就知道测试的是什么场景覆盖边界情况:如空输入、错误参数、网络失败等定期运行覆盖率检查:npx jest --coverage 查看报告基本上就这些。Jest 让 JavaScript 单元测试变得简单高效,结合 TDD 思维,能显著提升代码质量与可维护性。不复杂但容易忽略。
