Как проверить компонент, который должен выдать ошибку?

Question

Ошибка при отбрасывании моего компонента ( и должна быть )

function ProblemChild() {
    throw new Error("Error thrown from problem child");
    return <div>Error</div>; // eslint-disable-line
}

Мой вопрос: как я могу это проверить ??

const wrapper = mount(<ProblemChild />);

Что-то вродеэто ..

expect(wrapper).toThrow()

Answer 1

Завершение монтажа внутри обратного вызова.Вот так:

expect(() => mount(<ProblemChild />)).toThrow()

Answer 2

Вы можете сделать что-то вроде этого:

it('should throw an error when there is an error', () => {
  try {
    wrapper.setState({error: true});
    expect(true).toBe(false); //Fail test if no error is thrown
  } catch (error) {
    expect(error).toBe(error); //Pass test if an error is thrown
  }
});

В приведенном выше примере у меня есть ошибка в состоянии. Вполне возможно, что ваша функция вызывается onClick или onChange. В этом случае вы должны использовать событие имитации перед утверждением.