JavaScript 中动态导入怎么在单元测试中进行 Mock-js教程-PHP中文网

mock动态导入需拦截模块加载并返回可控模拟模块，jest支持静态路径自动mock或unstable_mockmodule手动mock，注意路径一致、esm/cjs兼容及正确await。

javascript 中动态导入怎么在单元测试中进行 mock

在单元测试中 Mock 动态导入（import()）的关键，是拦截模块加载行为，让 import() 返回你控制的模拟模块，而不是真实依赖。由于动态导入返回 Promise，Mock 需要兼顾异步性与模块导出结构。

用 jest.mock() 拦截动态导入路径

jest 支持对动态导入的目标模块路径进行自动 Mock，前提是路径是字符串字面量（非拼接或变量）。Jest 会自动将该路径下的默认导出和命名导出替换为 mock 实现：

确保动态导入写法为 import('./utils.js') 这类静态路径，而非 import(path)
在测试文件顶部调用 jest.mock('./utils.js')，Jest 会为后续所有 import('./utils.js') 返回 mock 模块

通过 mockResolvedValue 设置返回值，例如：

const mockUtils = { doSomething: jest.fn() };<br>
jest.mock('./utils.js', () => Promise.resolve(mockUtils));

手动 Mock import() 调用（适用于路径不固定）

当动态导入路径由变量决定（如 import(`./components/${name}.js`)），无法用 jest.mock() 自动匹配，此时需直接 Mock import 全局函数：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

在测试前执行 jest.unstable_mockModule（v28+）或重写 global.import

v28+ 推荐方式：

await jest.unstable_mockModule('./dynamic-module.js', () => ({<br>
    default: { loadData: jest.fn().mockResolvedValue('mock data') }<br>
}));

旧版本可临时覆盖：

const originalImport = global.import;<br>
global.import = jest.fn().mockResolvedValue({ default: mockModule });<br>
// 执行被测代码<br>
global.import = originalImport;

验证 Mock 行为与清理副作用

动态导入是异步操作，测试中必须 await 相关逻辑，并注意 Jest 的自动清理机制：

使用 await 等待组件渲染、API 调用或模块加载完成，避免断言过早
若多次测试涉及同一路径的动态导入，建议在 beforeEach 中调用 jest.clearAllMocks() 或 jest.resetModules()
对 jest.unstable_mockModule，需配合 jest.resetModules() 确保模块缓存清空，防止跨测试污染

常见陷阱与绕过方案

实际中容易忽略的点会影响 Mock 效果：

路径不一致：测试中 import('./foo.js') 和源码中 import('./foo.js') 的相对路径解析结果必须完全相同（建议统一用绝对路径或别名）
ESM 与 CJS 混用：若被动态导入的是 CommonJS 模块（module.exports），Mock 时需返回 { default: ... } 或显式设置 __esModule: true
未 await 导入结果：忘记 await import(...) 会导致得到 Promise 对象而非模块内容，断言会失败

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南