Какое значение передать в метод с SyntheticEvent?

Question

[Joirvy]

Мне необходимо протестировать метод в компоненте:

showForm = (event: SyntheticEvent<*>) => {
    event.preventDefault();
    this.setState(() => ({ formVisible: true }));
  }

Он отрабатывает при клике на тэг "a".
Я использую jest и enzyme. Что необходимо передать в вызов метода для его корректной работы?

it('check showForm method', () => {
    const wrapper = shallow(<Contacts {...props} />);
    wrapper.setState({ formVisible: false });
    wrapper.instance().showForm({ SynteticEvent });
    expect(wrapper.state('formVisible')).toEqual(true);
  });

Answer 1

[Антон Спирин]

const syntheticEvent = (target) => ({
  target,
  reventDefault: jest.fn(),
  stopPropagation: jest.fn(),
});

const event = syntheticEvent();

Comments

[Joirvy]

Если передать event, то я получаю такую ошибку:

Cannot call `wrapper.instance().showForm` with `event` bound to `event` because object literal [1] is incompatible with `SyntheticEvent` [2].

[Антон Спирин]

Joirvy, ну так проставьте нужные типы.