使用 Jest 模拟 ES6 模块导入的指南：隔离模块，确保代码稳定性

2024-03-06 14:04:12

用 Jest 模拟 ES6 模块导入的指南

引言

在开发和测试应用程序时，隔离和模拟模块对于确保代码的稳定性和可维护性至关重要。Jest 是一个流行的 JavaScript 测试框架，它提供了强大的功能来模拟 ES6 模块导入。通过理解 Jest 的模块模拟机制，我们可以有效地测试 ES6 模块的依赖项和行为。

模拟 ES6 模块导入

1. 使用 jest.mock() 模拟模块

jest.mock() 函数允许我们模拟任何模块，包括 ES6 模块。它接受一个模块路径作为参数，并返回一个模拟对象，该对象可以用来验证模块的调用和行为。

// myModule.js
import dependency from './dependency';

export default (x) => {
  dependency.doSomething(x * 2);
}

// myModule-test.js
import myModule from '../myModule';

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    jest.mock('../dependency'); // 模拟 dependency 模块
    ... // 继续测试
  });
});

2. 使用 jest.requireActual() 获取实际模块引用

模拟模块后，我们需要获取实际模块的引用以进行断言或操作。jest.requireActual() 函数允许我们做到这一点。

// myModule-test.js (继续上面的代码)
const dependency = jest.requireActual('../dependency'); // 获取实际 dependency 模块引用
    spyOn(dependency, 'doSomething');
    myModule(2);
    expect(dependency.doSomething).toHaveBeenCalledWith(4);
  });
});

处理默认导出

对于使用默认导出的模块，Jest 提供了 jest.mockDefault() 函数。它允许我们直接对模拟模块进行断言，而无需获取实际模块引用。

// dependency.js
export default function doSomething() {}

// myModule-test.js
import myModule from '../myModule';

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    jest.mockDefault('../dependency'); // 模拟 dependency 模块的默认导出
    jest.mock('../dependency', () => {
      return {
        doSomething: jest.fn() // 模拟 doSomething 函数
      };
    });
    myModule(2);
    expect(jest.mocked('../dependency').doSomething).toHaveBeenCalledWith(4);
  });
});