讲师中心 微信公众号
AI工具推荐 视频效率加速

在 Jest 中灵活切换手动 Mock 与实际模块实现

风杰吖_3021

风杰吖_3021

发布时间:2025-10-29 13:57:01

|

638人浏览过

|

来源于php中文网

原创

在 Jest 中灵活切换手动 Mock 与实际模块实现

本文深入探讨了在 jest 测试框架中,如何有效管理手动模拟(manual mock)与实际模块的切换使用。通过详细介绍 `jest.dontmock()` 和 `jest.resetmodules()` 这两个关键 api,文章提供了在特定测试场景下绕过全局手动模拟、调用真实模块实现的实用方法,并辅以代码示例和注意事项,旨在帮助开发者实现更灵活、精准的测试控制。

理解 Jest 模块模拟与缓存机制

在 Jest 中,当我们为某个模块(例如 axios)创建了手动模拟文件(如 __mocks__/axios.js),Jest 会在测试运行时自动使用这个模拟版本,而不是实际的 axios 包。这种机制在大多数情况下非常方便,它允许我们隔离外部依赖,专注于测试当前模块的逻辑。

然而,有时我们可能需要在同一个测试套件中,针对某些特定测试用例调用模块的真实实现。例如,在集成测试或端到端测试中,我们可能希望 axios 真正地发出 HTTP 请求。直接在测试内部使用 jest.mock("axios", () => jest.requireActual("axios")) 尝试覆盖模拟可能不会立即生效,这是因为 Jest 有一个模块注册表缓存机制。一旦模块被加载并模拟,其模拟版本就会被缓存起来,后续的 require 或 import 语句会直接从缓存中获取,而不会重新解析或应用新的模拟指令。

解决方案:jest.dontMock() 与 jest.resetModules()

为了在特定测试中绕过手动模拟并加载真实模块,我们需要结合使用 jest.dontMock(moduleName) 和 jest.resetModules()。

  1. jest.dontMock(moduleName): 这个 API 告诉 Jest 不要模拟指定的模块。它会阻止 Jest 使用 __mocks__ 目录下的手动模拟文件,而是加载模块的实际实现。

  2. jest.resetModules(): 这个 API 用于重置 Jest 的模块注册表缓存。它会清除所有已加载模块的缓存,确保下一次 require 或 import 操作会重新加载模块,从而使得 jest.dontMock() 的效果得以应用。

重要提示: jest.resetModules() 必须在 jest.dontMock() 之前调用,或者至少在模块被 import 之前调用,以确保模块注册表被清除,并且 jest.dontMock() 能够影响到后续的模块加载行为。通常,我们会在 beforeEach 钩子中调用 jest.resetModules(),以确保每个测试用例都在一个“干净”的模块环境中运行。

实践示例

下面通过一个具体的例子来演示如何实现手动模拟与实际模块的切换。

假设我们有一个 axios 的手动模拟,它总是返回一个固定的假数据:

__mocks__/axios.js:

React Wrap
React Wrap

React UI?—— JavaScript?

下载
let mockAxios = jest.genMockFromModule('axios');

// 为 get 方法提供一个默认的模拟实现
mockAxios.get = jest.fn().mockResolvedValue({ data: 'fake' });

export default mockAxios;

接着,我们有一个业务逻辑模块 main.ts,它使用了 axios 发送 HTTP 请求:

main.ts:

import axios from 'axios';

export function main() {
  return axios.get('https://jsonplaceholder.typicode.com/todos/1');
}

现在,我们编写测试文件 main.test.ts,其中包含一个使用模拟 axios 的测试和一个使用真实 axios 的测试:

main.test.ts:

describe('Axios 模块模拟与真实实现切换', () => {
  // 在每个测试用例运行前重置模块注册表
  // 这一步至关重要,它清除了之前测试可能留下的模块缓存,
  // 确保每个测试用例都能根据其自身的模拟配置加载模块。
  beforeEach(() => {
    jest.resetModules();
  });

  test('应该使用模拟的 axios', async () => {
    // 默认情况下,如果存在手动模拟,Jest 会使用它。
    // 在此测试中,我们不需要额外的 dontMock,因为我们希望使用模拟。
    const { main } = await import('./main'); // 导入 main 模块,此时 axios 会被模拟
    const actual = await main();
    console.log('使用模拟 axios 的结果:', actual?.data);
    expect(actual?.data).toEqual('fake'); // 预期返回模拟数据
  });

  test('应该使用真实的 axios', async () => {
    // 在这个测试用例中,我们明确告诉 Jest 不要模拟 axios
    jest.dontMock('axios');

    // 再次导入 main 模块。由于 resetModules 和 dontMock 的作用,
    // 此时 main 内部的 axios 将是真实实现。
    const { main } = await import('./main'); 
    const actual = await main();
    console.log('使用真实 axios 的结果:', actual?.data);
    // 预期返回真实 API 的数据结构
    expect(actual?.data).toHaveProperty('userId');
    expect(actual?.data).toHaveProperty('id');
    expect(actual?.data).toHaveProperty('title');
    expect(actual?.data).toHaveProperty('completed');
  });
});

运行上述测试,你将观察到以下输出:

  console.log
    使用模拟 axios 的结果: fake

  console.log
    使用真实 axios 的结果: { userId: 1, id: 1, title: 'delectus aut autem', completed: false }

这清楚地表明,第一个测试用例成功使用了手动模拟的 axios,而第二个测试用例通过 jest.dontMock('axios') 和 jest.resetModules() 成功加载并使用了真实的 axios 模块,并从外部 API 获取了数据。

注意事项与最佳实践

  • jest.resetModules() 的位置: 最好将其放在 beforeEach 钩子中,以确保每个测试用例都从一个干净的模块状态开始。这可以避免测试之间的状态泄露,提高测试的独立性和可靠性。
  • 性能考量: jest.resetModules() 会清除模块缓存并重新加载所有模块,这可能会对测试运行时间产生轻微影响,尤其是在大型项目中。然而,对于大多数单元和集成测试场景,这种开销通常是可接受的,并且其带来的测试隔离性收益远大于性能损失。
  • 局部模拟: 如果你只是想在某个测试文件中对某个模块进行临时模拟,而不是全局手动模拟,可以使用 jest.doMock() 结合 jest.unmock()。但对于本文讨论的“绕过已存在的手动模拟”场景,jest.dontMock() 是更直接的方案。
  • jest.requireActual() 的替代用途: jest.requireActual(moduleName) 通常用于在模拟文件中获取模块的真实实现,以便在模拟中部分地使用真实逻辑。例如:const actualAxios = jest.requireActual('axios'); mockAxios.post = actualAxios.post;。这与本文讨论的在测试中完全禁用模拟是不同的场景。

总结

通过熟练运用 jest.dontMock() 和 jest.resetModules(),开发者可以在 Jest 测试中获得对模块模拟行为的精细控制。这使得在同一个测试套件中,既能利用手动模拟进行隔离测试,又能按需调用真实模块进行更接近生产环境的集成测试,从而极大地提升了测试的灵活性和覆盖范围。理解并正确使用这些 Jest API 是编写健壮、可维护测试的关键。

热门AI工具

更多
立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
require的用法
require的用法

require的用法有引入模块、导入类或方法、执行特定任务。想了解更多require的相关内容,可以阅读本专题下面的文章。

1975

2023.11.27

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2318

2023.09.20

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

4616

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1395

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1818

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

10163

2023.08.17

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

1000

2023.09.01

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2884

2023.09.04

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 12.4万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn