如何在React中模拟组件

Question

我有一个我正在进行单元测试的react组件。它具有以下代码：

/..../
render() {
const { state: { loading: { fetch: fetchLoading } } } = this.props;

return fetchLoading ? 'loading' : this.renderPage();
  }

  renderPage() {
    const { page: { shop: { company } }, state: { size } } = this.props;

    const Component = require(`../../list/page/${company}/${size}.jsx`).default;

    return (
      <Component />
    );
  }
/.../

我已经编写了单元测试，但是在寻找.jsx文件的那部分失败了。有没有一种模拟该文件的方法，所以当进行单元测试时，我可以模拟该文件并将模拟的文件注入其中？此外，.jsx连接到其道具被填充的redux存储。