Шутка, дающая TypeError

Question

Я пишу тест, имитирующий событие нажатия на моем компоненте. Мой компонент имеет нижнюю строку

<Button name="1" clickHandler={this.handleClick} /> 

который тестирую с

it('Test Button component', () => {
    it('Test click event', () => {
      const mockCallBack = jest.fn();  
      const button = shallow((<Button onClick={mockCallBack}>1</Button>));
      button.find('button').simulate('click');
      expect(mockCallBack.mock.calls.length).toEqual(1);
    });
  });

Но когда я запускаю тест, он выдает ошибку

TypeError: this.props.clickHandler is not a function

Может кто-нибудь, пожалуйста, помогите мне, как я должен имитировать щелчок.

Answer 1

Попробуйте следующий код (я его не тестировал), но в основном используйте .simulate() непосредственно на оболочке и используйте .toHaveBeenCalled().

it('should test Button component', () => {
    it('shoud test click event', () => {
      const mockCallBack = jest.fn();  
      const button = shallow((<Button onClick={mockCallBack}>1</Button>));
      button.simulate('click');
      expect(mockCallBack).toHaveBeenCalled()
    });
  });