Fixes rjsf-team#220: Fixed ui:help generated semantics.

Author: n1k0

package.json

@@ -56,7 +56,7 @@
     "gh-pages": "^0.11.0",
     "html": "0.0.10",
     "jsdom": "^8.3.0",
-    "mocha": "^2.3.0",
+    "mocha": "^2.5.3",
     "react": "^15.0.0",
     "react-addons-test-utils": "^15.0.1",
     "react-codemirror": "^0.2.3",

src/components/fields/SchemaField.js

@@ -45,6 +45,16 @@ function getLabel(label, required, id) {
   );
 }
 
+function renderHelp(help) {
+  if (!help) {
+    return null;
+  }
+  if (typeof help === "string") {
+    return <p className="help-block">{help}</p>;
+  }
+  return <div className="help-block">{help}</div>;
+}
+
 function ErrorList({errors}) {
   return (
     <div>
@@ -87,7 +97,7 @@ function Wrapper({
       {displayLabel && label ? getLabel(label, required, id) : null}
       {children}
       {isError ? <ErrorList errors={errors} /> : <div/>}
-      {help ? <p className="help-block">{help}</p> : null}
+      {renderHelp(help)}
     </div>
   );
 }

test/uiSchema_test.js

@@ -113,7 +113,7 @@ describe("uiSchema", () => {
 
       const {node} = createFormComponent({schema, uiSchema});
 
-      expect(node.querySelector(".help-block").textContent).eql("plop");
+      expect(node.querySelector("p.help-block").textContent).eql("plop");
     });
 
     it("should accept a react element as help", () => {
@@ -122,7 +122,7 @@ describe("uiSchema", () => {
 
       const {node} = createFormComponent({schema, uiSchema});
 
-      expect(node.querySelector(".help-block").textContent).eql("plop");
+      expect(node.querySelector("div.help-block").textContent).eql("plop");
     });
   });