Тестируйте неудачные случаи с помощью React, Jest, React-Testing-Library

Question

У меня есть компонент React, который выдает ошибку при неправильном программировании.Например, компонент Component принимает необходимую пропелу data, и у меня есть:

if (!data) { throw new Error("data is not provided") }

, записанная в моем компоненте для обработки этой ошибки.Используя jest, мой тест говорит:

test("throw invalid component error", () => {
    mockConsole();
    const { container } = render(<Component />);
    expect(container).toThrowError();
});

Когда я запускаю тест, Джест говорит, что тест не пройден, а затем указывает на строку, где мне написали throw new Error(...).Возможно ли то, что я пытаюсь сделать в шутку?

Answer 1

Чтобы утвердить function для выдачи ошибки, вы должны передать function в оператор ожидаемого.В вашем случае:

test('...', () => {
  expect(() => {
    render(<Component />);
  }).toThrowError();
});