Fix for issue rjsf-team#827

andrewcarreiro · Aug 27, 2021 · 7e997eb · 7e997eb
1 parent 3971321
commit 7e997eb
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 18 deletions.
diff --git a/packages/core/src/components/fields/BooleanField.js b/packages/core/src/components/fields/BooleanField.js
@@ -68,6 +68,7 @@ function BooleanField(props) {
       autofocus={autofocus}
       rawErrors={rawErrors}
       DescriptionField={fields.DescriptionField}
+      uiSchema={uiSchema}
     />
   );
 }

diff --git a/packages/core/test/uiSchema_test.js b/packages/core/test/uiSchema_test.js
@@ -493,32 +493,69 @@ describe("uiSchema", () => {
   });
 
   describe("ui:title", () => {
-    it("should render the provided title text", () => {
-      const schema = {
-        type: "string",
-      };
-      const uiSchema = {
-        "ui:title": "plop",
-      };
+    const UI_SCHEMA_TITLE = "plop";
+    const uiSchema = {
+      "ui:title": UI_SCHEMA_TITLE,
+    };
 
-      const { node } = createFormComponent({ schema, uiSchema });
+    describe("string field", () => {
+      it("should render the provided title text ", () => {
+        const schema = {
+          type: "string",
+        };
+
+        const { node } = createFormComponent({ schema, uiSchema });
+        expect(node.querySelector("label.control-label").textContent).eql(
+          UI_SCHEMA_TITLE
+        );
+      });
+    });
 
-      expect(node.querySelector("label.control-label").textContent).eql("plop");
+    describe("boolean field", () => {
+      it("should render the provided title text: boolean", () => {
+        const schema = {
+          type: "boolean",
+        };
+
+        const { node } = createFormComponent({ schema, uiSchema });
+        expect(node.querySelector(".checkbox label").textContent).eql(
+          UI_SCHEMA_TITLE
+        );
+      });
     });
   });
 
   describe("ui:description", () => {
-    it("should render the provided description text", () => {
-      const schema = {
-        type: "string",
-      };
-      const uiSchema = {
-        "ui:description": "plop",
-      };
+    const UI_SCHEMA_DESCRIPTION = "plop";
+    const uiSchema = {
+      "ui:description": UI_SCHEMA_DESCRIPTION,
+    };
 
-      const { node } = createFormComponent({ schema, uiSchema });
+    describe("string field", () => {
+      it("should render the provided description text", () => {
+        const schema = {
+          type: "string",
+        };
+
+        const { node } = createFormComponent({ schema, uiSchema });
 
-      expect(node.querySelector("p.field-description").textContent).eql("plop");
+        expect(node.querySelector("p.field-description").textContent).eql(
+          UI_SCHEMA_DESCRIPTION
+        );
+      });
+    });
+
+    describe("boolean field", () => {
+      it("should render the provided description text", () => {
+        const schema = {
+          type: "boolean",
+        };
+
+        const { node } = createFormComponent({ schema, uiSchema });
+        expect(node.querySelector("p.field-description").textContent).eql(
+          UI_SCHEMA_DESCRIPTION
+        );
+      });
     });
   });