ContactForm.test.tsx

ContactForm.test.tsx

import { render, fireEvent, screen } from "@testing-library/react";
import ContactForm from "../ContactForm";

describe("<ContactForm />", () => {
  beforeEach(() => {
    render(<ContactForm />);
  });
  
  test("should display required errors when fields are invalid", async () => {
    fireEvent.submit(screen.getByRole("button"), {
      preventDefault: () => {},
    });

    expect(await screen.findAllByRole("alert")).toHaveLength(3);
  });
});