armoredelephant

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"), {

armoredelephant

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"), {

armoredelephant

import React, { useEffect, useState } from "react";
import { useForm, SubmitHandler } from "react-hook-form";
import "isomorphic-unfetch";

type InputValues = {
  name: string;
  email: string;
  message: string;
};

armoredelephant

import React, { useEffect, useState } from "react";
import { useForm, SubmitHandler } from "react-hook-form";
import "isomorphic-unfetch";

interface InputValues {
  name: string;
  email: string;
  message: string;
}