Form failure test

example.test.js

 it('Failure test', async () => {
    const handleSubmit = jest.fn();

    render(<CompanyForm onSubmit={handleSubmit} />);

    const submitButton = screen.getByTestId('companyFormSubmitButton');
    const nameError = screen.getByTestId('nameError');
    const emailError = screen.queryByTestId('emailError');
    const phoneNumberError = screen.queryByTestId('phoneNumberError');
    const agreementError = screen.queryByTestId('agreementError');

    userEvent.click(submitButton);

    // all inputs are empty
    // it means every input and checkbox will show error message
    await waitFor(() => {
      expect(emailError.textContent).toMatch(
        formTestConstants.errorMessageForEmail,
      );
      expect(nameError.textContent).toMatch(
        formTestConstants.errorMessageForName,
      );
      expect(phoneNumberError.textContent).toMatch(
        formTestConstants.errorMessageForPhone,
      );
      expect(agreementError.textContent).toMatch(
        formTestConstants.errorMessageForAgreement,
      );
    });
});