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。这种情况很可能是一个时间问题——模块只创建一次，而且似乎是在应用mock之前创建的。

我也试过在实际测试中放置一个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]);
});
})