- Added the same additional Array tests that were added in #2576

rjsf-team · Sep 3, 2022 · 350bbcf · 350bbcf
1 parent c4d5442
commit 350bbcf
Show file tree

Hide file tree

Showing 13 changed files with 2,688 additions and 260 deletions.
diff --git a/packages/bootstrap-4/test/Array.test.tsx b/packages/bootstrap-4/test/Array.test.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { RJSFSchema } from "@rjsf/utils";
+import { RJSFSchema, ErrorSchema } from "@rjsf/utils";
 import validator from "@rjsf/validator-ajv6";
 import renderer from "react-test-renderer";
 
@@ -63,4 +63,38 @@ describe("array fields", () => {
       .toJSON();
     expect(tree).toMatchSnapshot();
   });
+  test("no errors", () => {
+    const schema: RJSFSchema = {
+      type: "object",
+      properties: {
+        name: {
+          type: "string",
+        },
+      },
+    };
+    const tree = renderer
+      .create(<Form schema={schema} validator={validator} />)
+      .toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  test("empty errors array", () => {
+    const schema: RJSFSchema = {
+      type: "object",
+      properties: {
+        name: {
+          type: "string",
+        },
+      },
+    };
+    const errors: any[] = [];
+    const extraErrors = {
+      name: { __errors: errors },
+    } as unknown as ErrorSchema;
+    const tree = renderer
+      .create(
+        <Form schema={schema} validator={validator} extraErrors={extraErrors} />
+      )
+      .toJSON();
+    expect(tree).toMatchSnapshot();
+  });
 });
diff --git a/packages/bootstrap-4/test/__snapshots__/Array.test.tsx.snap b/packages/bootstrap-4/test/__snapshots__/Array.test.tsx.snap
@@ -581,6 +581,84 @@ exports[`array fields checkboxes 1`] = `
 </form>
 `;
 
+exports[`array fields empty errors array 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-object"
+  >
+    <div
+      className="form-group"
+    >
+      
+      <div
+        className="p-0 container-fluid"
+      >
+        <div
+          className="row"
+          style={
+            Object {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="col-12"
+          >
+             
+            <div
+              className="form-group field field-string"
+            >
+              <div
+                className="form-group"
+              >
+                <div
+                  className="mb-0 form-group"
+                >
+                  <label
+                    className="form-label"
+                    htmlFor="root_name"
+                  >
+                    name
+                  </label>
+                  <input
+                    autoFocus={false}
+                    className="form-control"
+                    disabled={false}
+                    id="root_name"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    placeholder=""
+                    readOnly={false}
+                    required={false}
+                    type="text"
+                    value=""
+                  />
+                </div>
+                
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`array fields fixed array 1`] = `
 <form
   className="rjsf"
@@ -709,3 +787,81 @@ exports[`array fields fixed array 1`] = `
   </div>
 </form>
 `;
+
+exports[`array fields no errors 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group field field-object"
+  >
+    <div
+      className="form-group"
+    >
+      
+      <div
+        className="p-0 container-fluid"
+      >
+        <div
+          className="row"
+          style={
+            Object {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="col-12"
+          >
+             
+            <div
+              className="form-group field field-string"
+            >
+              <div
+                className="form-group"
+              >
+                <div
+                  className="mb-0 form-group"
+                >
+                  <label
+                    className="form-label"
+                    htmlFor="root_name"
+                  >
+                    name
+                  </label>
+                  <input
+                    autoFocus={false}
+                    className="form-control"
+                    disabled={false}
+                    id="root_name"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    placeholder=""
+                    readOnly={false}
+                    required={false}
+                    type="text"
+                    value=""
+                  />
+                </div>
+                
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
diff --git a/packages/chakra-ui/test/Array.test.tsx b/packages/chakra-ui/test/Array.test.tsx
@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from "@emotion/react";
-import { RJSFSchema } from "@rjsf/utils";
+import { RJSFSchema, ErrorSchema } from "@rjsf/utils";
 import validator from "@rjsf/validator-ajv6";
 import renderer from "react-test-renderer";
 
@@ -64,4 +64,38 @@ describe("array fields", () => {
       .toJSON();
     expect(tree).toMatchSnapshot();
   });
+  test("no errors", () => {
+    const schema: RJSFSchema = {
+      type: "object",
+      properties: {
+        name: {
+          type: "string",
+        },
+      },
+    };
+    const tree = renderer
+      .create(<Form schema={schema} validator={validator} />)
+      .toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  test("empty errors array", () => {
+    const schema: RJSFSchema = {
+      type: "object",
+      properties: {
+        name: {
+          type: "string",
+        },
+      },
+    };
+    const errors: any[] = [];
+    const extraErrors = {
+      name: { __errors: errors },
+    } as unknown as ErrorSchema;
+    const tree = renderer
+      .create(
+        <Form schema={schema} validator={validator} extraErrors={extraErrors} />
+      )
+      .toJSON();
+    expect(tree).toMatchSnapshot();
+  });
 });