如何测试未传递到包装组件中的 React HOC 函数？

Question

我有一个这样的 HOC，我想测试 getStuff2 函数：

function withHoc(aComponent) {
  class hocClass extends React.Component {

    getStuff1 = () => {

    }

    getStuff2 = () => {

    }

    render() {
      return <aComponent {...this.props} getStuff1={this.getStuff1} />;
    }
}
}

我正在这样测试它：

class MockApp extends React.PureComponent {
  render() {
    return <p>Hello from your Mock App</p>;
  }
}

const MockWithHOC = withHoc(MockApp);

const wrapper = shallow(<MockWithHOC />);

it('Test getStuff2', () => {
    const result = wrapper.getStuff2();
});

但是当我运行它时，它显示getStuff2 未找到。当我打印出包装器时，我只看到我在渲染时传入的getStuff1：

<MockApp getStuff1={[Function]} />

我不想将getStuff2 传递到包装的组件中，因为那里不需要它。它只需要作为 getStuff1 的辅助方法，那么有没有办法在不将其传递到包装组件的情况下访问该方法？

Answer 1

（我假设你使用的是enzyme，因为你使用的是shallow()）

您可以使用wrapper.instance():

const result = wrapper.instance().getStuff2();

见ShallowWrapper.instance()