Фермент мелкий () и 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

Как вы можете видеть в документах , API ShallowWrapper не имеет метода ref(), но вы можете использовать mount() вместо этого, что делаетесть метод ref() .