在开发前端应用时，我们通常会使用一些外部模块来帮助我们完成一些特定的功能。然而，这些外部模块之间可能存在相互依赖的情况，如果不处理好这些依赖，就可能导致在测试过程中出现一些不可预期的问题。Jest 是一款功能强大的测试框架，它提供了丰富的 mock 功能，可以帮助我们在测试过程中轻松地 mock 掉外部模块之间的依赖。在本文中，我们将详细介绍 Jest 中如何 mock 掉外部模块之间的依赖。
前置知识
在阅读本文之前，你需要掌握以下知识点：
- JavaScript 基础知识
- Jest 测试框架基本使用方法
什么是 mock？
在 Jest 中，mock 表示一个虚拟的对象或函数，可以被用作测试过程中的代理对象或替身。使用 mock 对象可以轻松地模拟测试过程中需要使用的外部模块或者函数。这样一来，在测试过程中，我们就可以针对 mock 对象进行测试，而不需要关注外部模块的实现细节。
Jest 中如何 mock 掉外部模块之间的依赖？
在 Jest 中，mock 掉外部模块之间的依赖有两种方式：
- 直接 mock 掉依赖模块
- 使用 Jest 提供的
jest.mock()API
下面我们将分别详细介绍这两种方式。
直接 mock 掉依赖模块
在 Jest 中直接 mock 掉依赖模块非常简单，我们只需要在测试代码中手动创建一个对象，然后将它赋值给需要 mock 的依赖模块即可。下面是一个例子：
// javascriptcn.com 代码示例
// myModule.js
import dependencyModule from 'dependencyModule.js';
export default function myFunction() {
// 使用 dependencyModule
}
// MyTest.test.js
import myModule from 'myModule.js';
jest.mock('dependencyModule.js', () => ({
// 返回一个手动创建的 mock 对象
someFunction: jest.fn(),
}));
describe('MyTest', () => {
it('should mock dependencyModule', () => {
myModule();
expect(dependencyModule.someFunction).toHaveBeenCalled();
});
});在上面的例子中，我们手动创建了一个名为 dependencyModule 的 mock 对象，并将它赋值给了需要 mock 的依赖模块。在测试过程中，我们可以断言 someFunction 是否被调用了。
使用 jest.mock() API
虽然直接 mock 掉依赖模块的方式很简单，但是它也有一个明显的缺点：需要手动创建 mock 对象。在依赖模块比较多的情况下，我们可能需要编写大量的手动创建 mock 对象的代码，这对代码的可读性和可维护性都不利。为了解决这个问题，Jest 提供了一个非常便利的 jest.mock() API，可以自动地创建 mock 对象。
使用 jest.mock() API 的方法很简单，我们只需要在测试代码中调用该方法，并把需要 mock 掉的依赖模块的路径作为参数传递给它即可。下面是一个例子：
// javascriptcn.com 代码示例
// myModule.js
import dependencyModule from 'dependencyModule.js';
export default function myFunction() {
// 使用 dependencyModule
}
// MyTest.test.js
import myModule from 'myModule.js';
import dependencyModule from 'dependencyModule.js';
jest.mock('dependencyModule.js');
describe('MyTest', () => {
it('should mock dependencyModule', () => {
myModule();
expect(dependencyModule.someFunction).toHaveBeenCalled();
});
});在上面的例子中，我们通过调用 jest.mock('dependencyModule.js') 方法，告诉 Jest 需要 mock 掉的依赖模块的路径。这样一来，在执行测试代码时，Jest 就会自动检测到需要 mock 的依赖模块，并自动地创建一个 mock 对象代替真实的依赖模块。在测试过程中，我们仍然可以断言 mock 对象的方法是否被调用了。
需要注意的是，如果使用 jest.mock() API 来 mock 一个模块，而该模块又被其他模块所依赖，那么 Jest 也会自动地将这些依赖模块替换为 mock 对象。这样一来，我们就可以很方便地 mock 掉整个依赖模块链，而不需要编写大量的手动创建 mock 对象的代码。
总结
在本文中，我们详细介绍了在 Jest 测试框架中如何 mock 掉外部模块之间的依赖。我们介绍了两种方式：直接 mock 掉依赖模块、使用 Jest 提供的 jest.mock() API。通过本文的学习，我们不仅了解了 Jest 的基本使用方法，还掌握了如何在测试过程中 mock 掉外部模块之间的依赖，这对我们编写高质量的测试代码会有很大的帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652a4d997d4982a6ebc9ef64