javascript - enzyme shallow() 和 addEventListener

Question

我有这个组件，它在应用程序中运行良好:

class TheComponent extends Component {

  componentDidMount() {
    this.watchForClicks();
  }

  watchForClicks() {
    this.elementRef.addEventListener('click', () => {
      console.log('there went one!');
    });
  }

  render() {
    return (
      <div
        ref={theElement => {
          this.elementRef = theElement;
        }}
      >
        ...
      </div>
    );
  }
}

export default TheComponent;

这个测试:

describe('<TheComponent />', () => {
  context('do a test:', function() {
    it.only('fails!', () => {
      wrapper = shallow(<TheElement />)
    })
  });
});

为什么会出现此错误？

undefined is not an object (evaluating 'this.elementRef.addEventListener')

Answer 1

如你所见in the docs , ShallowWrapper API 没有 ref() 方法，但您可以使用 mount()相反，哪个 does have the ref() method .