Yup array validation for each field in an array

[devevignesh]

I want to validate each field in an array of objects.

For example: I have 5 objects in an array "invitees". I want to validate only if inner constraints are satisfied

const validationSchema = Yup.object().shape({
  invitees: Yup.array().of(
    Yup.object().shape(
      {
        first_name: Yup.string().when(["email_id", "related_as"], {
          is: (email_id, related_as) => email_id || related_as,
          then: Yup.string().required("Enter first name"),
        }),
        email_id: Yup.string()
          .email("Enter a valid email")
          .when(["first_name", "related_as"], {
            is: (first_name, related_as) => first_name || related_as,
            then: Yup.string().required("Enter an email"),
          }),
        related_as: Yup.string().when(["first_name", "email_id"], {
          is: (first_name, email_id) => first_name || email_id,
          then: Yup.string().required("Select role"),
        }),
      },
      [
        ["first_name", "email_id"],
        ["first_name", "related_as"],
        ["email_id", "related_as"],
      ]
    )
  ),
});

[jquense]

not really sure what you are asking for here. You can define whatever test you'd like on the array

[devevignesh]

I want to make sure user has entered the values for all the fields on formik form submit. I have added a validation schema to test duplicate email and validate each row fields both are working as expected

My question: I need to add one more test to validate the form fields has values ONLY on form submit. But if I add test after unique it is not working

Initial values:

"initialValues": {
    "invitees": [
      {
        "name": "",
        "first_name": "",
        "last_name": "last name",
        "email_id": "",
        "related_as": "Manager"
      },
      {
        "name": "name",
        "first_name": "",
        "last_name": "last name",
        "email_id": ""
      },
      {
        "name": "name",
        "first_name": "",
        "last_name": "last name",
        "email_id": ""
      },
      {
        "name": "name",
        "first_name": "",
        "last_name": "last name",
        "email_id": ""
      },
      {
        "name": "name",
        "first_name": "",
        "last_name": "last name",
        "email_id": ""
      }
    ]
  }

Yup.addMethod(Yup.array, "unique", (message, path) => {
  return this.test("unique", (lists) => {
    const uniqArray = _.uniqBy(lists, path),
      mapper = (x) => _.get(x, path),
      set = [...new Set(lists.map(mapper))];
    if (uniqArray.length !== lists.length) {
      const idx = _.findIndex(lists, (list, i) => mapper(list) !== set[i]);
      if (idx !== -1) {
        return this.createError({ path: `invitees[${idx}].${path}`, message });
      }
    }
    return true;
  });
});

const validationSchema = Yup.object().shape({
  invitees: Yup.array()
    .of(
      Yup.object().shape(
        {
          first_name: Yup.string().when(["email_id", "related_as"], {
            is: (email_id, related_as) => email_id || related_as,
            then: Yup.string().required("Enter first name"),
          }),
          email_id: Yup.string()
            .email("Enter a valid email")
            .when(["first_name", "related_as"], {
              is: (first_name, related_as) => first_name || related_as,
              then: Yup.string().required("Enter an email"),
            }),
          related_as: Yup.string().when(["first_name", "email_id"], {
            is: (first_name, email_id) => first_name || email_id,
            then: Yup.string().required("Select role"),
          }),
        },
        [
          ["first_name", "email_id"],
          ["first_name", "related_as"],
          ["email_id", "related_as"],
        ]
      )
    )
    .unique("Duplicate email", "email_id")
    .test("something") -> **not working**
    .required("Must have invitees")
    .min(5, "Minimum of 5 invitees"),
});

[jquense]

yup has no concept of "on form submit" so it'd be hard to run a test only when that happens without using something like yup's context to pass in a value indicating that it's submitting.

I'm still not really sure what you are after, follow the issue template and provide a runnable example of a failing test that you expect to work otherwise it's not super clear waht behavior you expect and how your case differs from it, thanks