javascript - Jest how-to 在同一个文件中模拟组件

Question

说我有这样的东西

index.js：

import React, { Component } from 'react';
import Button from './Button';

export class Item extends Component {
  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)
  })
})

但它不起作用..

---

额外信息：我正在使用命名导出来测试没有 redux 的组件