Ensure that array only contains set values from a variable.

[DavidIlie]

Hey everyone,

I have been working on a project where a person is supposed to select a couple of radio buttons which their value gets put in an array.

That works perfectly however I want to validate the final array to make sure that there aren't any invalid values in the array.
I already have an array with all the correct values but I don't know how to make yup check if the array doesn't contain strings that don't match the pre-defined array.

[
  'image:view', 'image:upload',
  'image:list', 'image:delete',
  'file:view',  'file:upload',
  'file:list',  'file:delete',
  'text:view',  'text:upload',
  'text:list',  'text:delete'
]

This is my yup schema:

export const createAPIKeySchema = yup.object().shape({
    name: yup
        .string()
        .min(4, "Name can't be less than 4 characters.")
        .max(32, "Name can't be more than 32 characters.")
        .required(),
    permissions: yup
        .array()
        .of(yup.string())
        .defined()
        .required()
        .min(1, "You must pick at least one option."),
});

Any help would be appreciated, thanks!

[DavidIlie]

This is what I did to get it working:

import * as yup from "yup";

import { isPermission } from "../api-tokens/index";

export const createAPIKeySchema = yup.object().shape({
    name: yup
        .string()
        .min(4, "Name can't be less than 4 characters.")
        .max(32, "Name can't be more than 32 characters.")
        .required(),
    permissions: yup
        .array()
        .of(
            yup
                .string()
                .test("valid", "This is not a valid permission!", (val) => {
                    if (isPermission(val)) return true;
                    return false;
                })
        )
        .defined()
        .required()
        .min(1, "You must pick at least one option."),
});

[dbernar1]

Alternative:

yup
.array()
.of(
  yup
    .string()
    .oneOf([
      "monday",
      "tuesday",
      "wednesday",
      "thursday",
      "friday",
      "saturday",
      "sunday",
    ])
)