使用React，Jest，React-Testing-Library测试失败的案例

Question

我有一个React组件，当编程错误时会抛出一个错误。 例如，组件Component接受所需的prop data ，而我有：

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

写在我的组件中以处理此错误。 使用jest我的测试说：

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

当我运行测试时，Jest说测试失败，然后它指向我编写throw new Error(...) 。 我在开玩笑地想做些什么吗？

Answer 1

要断言一个function引发错误，您必须将一个function传递给Expect语句。 在您的情况下：

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