Jest - 如何模拟在模块创建中调用的函数

Question

我有一个在创建模块时调用的函数，我想确保它实际用于测试。

// MyComponent.js
import {internalComponentFactory} from './factories';

const InternalComponent = internalComponentFactory([1,2,3]);

export const MyComponent = () => {
  return <InternalComponent locale={'en-us'} />
}

我试过各种口味的：

// MyComponent.test.js
import {MyComponent} from './MyComponent';

import {internalComponentFactory} from './factories;

jest.mock('./factories', () => ({
  internalComponentFactory: jest.fn()
}));

describe('src/MyComponent', () => {
  it('leverages the internal component factory', () => {
    expect(internalComponentFactory).toHaveBeenCalledTimes(1);
  });
})

然而，这最终导致测试失败，计数为 0。可能是时间问题 - 模块创建一次，而且似乎甚至在应用模拟之前。

我也试过在实际测试中放置一个 require 语句，但它间歇性地失败了。

我将如何模拟 internalComponentFactory 调用？

Answer 1

稍后可以在测试中使用 import() 函数动态导入模块。

我设法让它像这样工作：

// import { MyComponent } from './MyComponent';

import { internalComponentFactory } from './factories';

jest.mock('./factories', () => ({
  internalComponentFactory: jest.fn()
}));

describe('src/MyComponent', () => {
  it('leverages the internal component factory', async () => {
    await import('./MyComponent');
    expect(internalComponentFactory).toHaveBeenCalledTimes(1);
    expect(internalComponentFactory).toHaveBeenCalledWith([1, 2, 3]);
  });
})

Jest - 如何模拟在模块创建中调用的函数

Jest - how to mock a function which is invoked in module creation

javascript

ecmascript-6

reactjs

jestjs