Pass registry to ArrayFieldTemplate (rjsf-team#1317)

* fix: pass registry to ArrayFieldTemplate * test: add test

Author: epicfaace

src/components/fields/ArrayField.js

@@ -406,6 +406,7 @@ class ArrayField extends Component {
  formContext,
  formData,
  rawErrors,
+ registry,
  };
 
  // Check if a custom render function was passed in

test/ArrayFieldTemplate_test.js

@@ -1,5 +1,4 @@
 import React, { PureComponent } from "react";
-
 import { expect } from "chai";
 import { createFormComponent, createSandbox } from "./test_utils";
 
@@ -39,31 +38,6 @@ describe("ArrayFieldTemplate", () => {
  );
  }
 
- describe("Stateful ArrayFieldTemplate", () => {
- class ArrayFieldTemplate extends PureComponent {
- render() {
- return (
- <div className="field-content">
- {this.props.items.map((item, i) => (
- <div key={i}>item.children</div>
- ))}
- </div>
- );
- }
- }
-
- it("should render a stateful custom component", () => {
- const { node } = createFormComponent({
- schema: { type: "array", items: { type: "string" } },
- formData,
- ArrayFieldTemplate,
- });
- expect(
- node.querySelectorAll(".field-array .field-content div")
- ).to.have.length.of(3);
- });
- });
-
  describe("not fixed items", () => {
  const schema = {
  type: "array",
@@ -176,4 +150,45 @@ describe("ArrayFieldTemplate", () => {
  });
  });
  });
+
+ describe("Stateful ArrayFieldTemplate", () => {
+ class ArrayFieldTemplate extends PureComponent {
+ render() {
+ return (
+ <div className="field-content">
+ {this.props.items.map((item, i) => (
+ <div key={i}>item.children</div>
+ ))}
+ </div>
+ );
+ }
+ }
+
+ it("should render a stateful custom component", () => {
+ const { node } = createFormComponent({
+ schema: { type: "array", items: { type: "string" } },
+ formData,
+ ArrayFieldTemplate,
+ });
+ expect(
+ node.querySelectorAll(".field-array .field-content div")
+ ).to.have.length.of(3);
+ });
+ });
+
+ describe("pass right props to ArrayFieldTemplate", () => {
+ it("should pass registry prop", () => {
+ const ArrayFieldTemplate = ({ registry }) => {
+ if (!registry) {
+ throw "Error";
+ }
+ return null;
+ };
+ createFormComponent({
+ schema: { type: "array", items: { type: "string" } },
+ formData,
+ ArrayFieldTemplate,
+ });
+ });
+ });
 });