嘲笑同一个文件中的模拟组件

Question

说我有这样的东西

// index.js
import Button from './Button'

export class Item extends Component {
  // Do some async fetching and setting update the state to the fetch data

  render(
    return <div>{this.props.state.item}</div>
  )
}

export class Modal extends Component {

  render(
    return (
      <div class="modal">
        <Item url="www.stackoverflow.com/" />
        <Button>Great</Button>
      <div/>
    )
  )

}

// Redux stuff
// export default connect(...)

然后我只想测试Modal并模拟Item

我尝试过

// index.test.js
const Modal = jest.mock("Modal", () => {
  const ModalToTest = require.requireActual("./index.js")
  return ({
    Modal: ModalToTest,
    Item: jest.fn(() => null)
  })
})

但这不起作用。

---

奖金信息：我正在使用命名导出功能，以便测试组件而无需重新安装