JavaScript测试驱动_Jest单元测试框架-js教程-PHP中文网

JavaScript测试驱动_Jest单元测试框架

幻影之瞳

发布： 2025-11-26 15:51:06

原创

951人浏览过

Jest因其集成化设计和零配置特性成为JavaScript测试首选，支持异步测试、mock函数及代码覆盖率分析。通过npm install --save-dev jest安装后，可快速编写如sum(1, 2)返回3的测试用例，使用test()定义测试，expect()配合toBe()等匹配器验证结果。支持async/await和resolves/rejects处理异步逻辑，并提供jest.fn()和jest.mock()实现函数与模块模拟，常用于React和Node.js项目，提升代码质量与维护性。

javascript测试驱动_jest单元测试框架

测试驱动开发（TDD）在现代 JavaScript 开发中扮演着重要角色，而 Jest 是目前最受欢迎的单元测试框架之一。它由 Facebook 开发并维护，开箱即用、配置简单，支持异步测试、模拟函数、覆盖率报告等功能，非常适合 React 项目，也广泛用于 Node.js 和普通 JavaScript 应用。

为什么选择 Jest？

Jest 的优势在于它集成了测试运行器、断言库、 mocks 支持和代码覆盖率工具，无需额外配置即可使用。开发者只需安装一个包，就能立即开始写测试。

零配置启动：对大多数项目，Jest 可自动识别测试文件并运行。
快照测试：适合检测 UI 组件输出是否发生变化。
内置代码覆盖率：通过 --coverage 参数生成详细报告。
Mock 支持强大：可轻松 mock 函数、模块、定时器等。
并行执行测试：提升大型项目测试速度。

基本使用方法

安装 Jest：

npm install --save-dev jest

在 package.json 中添加脚本：

立即学习“Java免费学习笔记（深入）”；

"scripts": { "test": "jest" }

编写一个简单的函数进行测试：

// sum.js function sum(a, b) { return a + b; } module.exports = sum;

对应的测试文件：

// sum.test.js const sum = require('./sum'); test('adds 1 + 2 to equal 3', () => { expect(sum(1, 2)).toBe(3); });

运行 npm test 即可看到结果。

事件驱动的PHP测试框架

一个事件驱动的测试框架

查看详情

常用匹配器（Matchers）

Jest 提供丰富的 expect 匹配器来验证各种情况：

toBe()：严格相等（===），适合基础类型。
toEqual()：深度比较对象或数组。
toBeDefined() / toBeNull()：检查值状态。
toContain()：检查数组是否包含某元素。
toThrow()：验证函数是否抛出异常。
toMatch()：正则匹配字符串。

异步代码测试

处理 Promise 或 async/await 函数时，需确保 Jest 等待异步操作完成。

// fetchData.js function fetchData() { return fetch('/api/data').then(res => res.json()); } // fetchData.test.js test('fetches data successfully', async () => { const data = await fetchData(); expect(data).toEqual({ message: 'success' }); });

也可以使用 resolves / rejects 匹配器：

test('resolves to correct data', () => { return expect(fetchData()).resolves.toEqual({ message: 'success' }); });

Mock 函数与模块

mock 可替代真实实现，隔离依赖，提升测试可控性。

const mockFn = jest.fn(() => 'mocked value'); mockFn(1); // 调用一次 expect(mockFn).toHaveBeenCalledWith(1); expect(mockFn()).toBe('mocked value');

mock 模块示例：

// utils.js import axios from 'axios'; export async function fetchUser() { const res = await axios.get('/user'); return res.data; } // utils.test.js jest.mock('axios'); import axios from 'axios'; import { fetchUser } from './utils'; test('fetchUser calls axios.get', async () => { axios.get.mockResolvedValue({ data: { name: 'John' } }); const user = await fetchUser(); expect(user.name).toBe('John'); });