Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
import React from "react";
import { render, fireEvent } from "react-testing-library";
import InputField from "./InputField";
import { Formik } from "formik";
test("should have validation error given input field is touched and error exists on form", async () => {
const fieldName = "firstName";
const labelName = "First Name";
const { getByLabelText, findByTestId } = render(
validate={values => {
let errors = {};
if (!values.firstName) {
errors.firstName = "Required.";
return errors;
<InputField fieldName={fieldName} labelName={labelName} />
const input = getByLabelText(labelName);
// Call blur without inputting anything which should trigger a validation error
const validationErrors = await findByTestId(`errors-${fieldName}`);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment