使用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();
});