如何在Jest中模拟模块未模拟时导入的命名函数

Question

null

// myModule.js

export function otherFn() {
  console.log('do something');
}

export function testFn() {
  otherFn();

  // do other things
}

如上所示，它导出了一些命名函数，而且重要的是 使用了 。

开玩笑地说，当我为 编写单元测试时，我希望模拟 函数，因为我不希望 中的错误影响我为 编写的单元测试。我的问题是我不确定最好的方法是:

// myModule.test.js
jest.unmock('myModule');

import { testFn, otherFn } from 'myModule';

describe('test category', () => {
  it('tests something about testFn', () => {
    // I want to mock "otherFn" here but can't reassign
    // a.k.a. can't do otherFn = jest.fn()
  });
});

如有任何帮助/洞察力，我们将不胜感激。

Answer 1

null

只需要使用模块调用 。

如果 使用模块调用 ，则可以对 的模块导出进行模拟，并且 将调用模拟。

null

myModule.js

import * as myModule from './myModule';  // import myModule into itself

export function otherFn() {
  return 'original value';
}

export function testFn() {
  const result = myModule.otherFn();  // call otherFn using the module

  // do other things

  return result;
}

myModule.test.js

import * as myModule from './myModule';

describe('test category', () => {
  it('tests something about testFn', () => {
    const mock = jest.spyOn(myModule, 'otherFn');  // spy on otherFn
    mock.mockReturnValue('mocked value');  // mock the return value

    expect(myModule.testFn()).toBe('mocked value');  // SUCCESS

    mock.mockRestore();  // restore otherFn
  });
});

Answer 2

import m from '../myModule';

null

import * as m from '../myModule';

m.otherFn = jest.fn();

Answer 3

返回实际模块而不是模拟模块，绕过对模块是否应接收模拟实现的所有检查。

我更喜欢这种简洁的用法，您需要并在返回的对象中扩展:

// myModule.test.js

jest.mock('./myModule.js', () => (
  {
    ...(jest.requireActual('./myModule.js')),
    otherFn: jest.fn()
  }
))

import { otherFn } from './myModule.js'

describe('test category', () => {
  it('tests something about otherFn', () => {
    otherFn.mockReturnValue('foo')
    expect(otherFn()).toBe('foo')
  })
})

Jest's Manual Mocks文档中也引用了此方法（在示例的末尾）:

为了确保手动模拟和它的真实实现保持同步，要求真实模块在手动模拟中使用 ，并在导出之前使用模拟函数对其进行修改可能是有用的。