如何对默认导出模块使用jest mockImplemention？

Question

包装：

• “反应”：“ 16.2.0”
• “笑话”：“ 22.0.4”

因为根据测试需要不同的模拟实现，所以我试图获得

import Component from '../component.js'
jest.mock('../component.js', () => {
  return () => <div>Component</div>
});

如果可以的话，但是这次使用了mockImplementation。

经历stackoverflow后，我尝试了以下实现，但未成功：

jest.mock('../component.js')
Component.mockImplementation(() => {
  return {
    render: () => <div>MockComponent</div>
  };
});

或

jest.mock('../component.js', () => jest.fn())
Component.mockImplementation(() => {
  return () => <div>Component</div>
});

或

jest.mock('../component.js')
Component.mockImplementation(() => {
  return () => <div>Component</div>
});

我想念什么？

Answer 1

我要说的是，您只需要返回一个函数，而不是返回一个返回函数的函数。我认为这样的方法应该可以解决问题：

jest.mock('../component.js')
Component.mockImplementation(() => <div>Component</div>);