Fix rjsf-team#223: Allow adding a custom validation error at a given array index (rjsf-team#521)

Author: wowlusitong

src/validate.js

@@ -88,6 +88,14 @@ function createErrorHandler(formData) {
  handler
  );
  }
+ if (Array.isArray(formData)) {
+ return formData.reduce(
+ (acc, value, key) => {
+ return { ...acc, [key]: createErrorHandler(value) };
+ },
+ handler
+ );
+ }
  return handler;
 }
 

test/validate_test.js

@@ -368,6 +368,62 @@ describe("Validation", () => {
  });
  });
 
+ it("should validate an array of object", () => {
+ const schema = {
+ type: "array",
+ items: {
+ type: "object",
+ properties: {
+ pass1: { type: "string" },
+ pass2: { type: "string" },
+ },
+ },
+ };
+
+ const formData = [
+ { pass1: "a", pass2: "b" },
+ { pass1: "a", pass2: "a" },
+ ];
+
+ function validate(formData, errors) {
+ formData.forEach(({ pass1, pass2 }, i) => {
+ if (pass1 !== pass2) {
+ errors[i].pass2.addError("Passwords don't match");
+ }
+ });
+ return errors;
+ }
+
+ const { comp } = createFormComponent({
+ schema,
+ validate,
+ liveValidate: true,
+ });
+ comp.componentWillReceiveProps({ formData });
+
+ expect(comp.state.errorSchema).eql({
+ 0: {
+ pass1: {
+ __errors: [],
+ },
+ pass2: {
+ __errors: ["Passwords don't match"],
+ },
+ __errors: [],
+ },
+ 1: {
+ pass1: {
+ __errors: [],
+ },
+ pass2: {
+ __errors: [],
+ },
+ __errors: [],
+ },
+ __errors: [],
+ });
+ });
+
  it("should validate a simple array", () => {
  const schema = {
  type: "array",
@@ -393,6 +449,9 @@ describe("Validation", () => {
  comp.componentWillReceiveProps({ formData });
 
  expect(comp.state.errorSchema).eql({
+ 0: { __errors: [] },
+ 1: { __errors: [] },
+ 2: { __errors: [] },
  __errors: ["Forbidden value: bbb"],
  });
  });