Add test for readonly and disabled.

Author: Rémy HUBSCHER

src/components/widgets/FileWidget.js

@@ -94,15 +94,15 @@ class FileWidget extends Component {
   };
 
   render() {
-    const {multiple, id} = this.props;
-    const {readonly, filesInfo} = this.state;
+    const {multiple, id, readonly, disabled} = this.props;
+    const {filesInfo} = this.state;
     return (
       <div>
         <p>
           <input
             id={id}
             type="file"
-            readOnly={readonly}
+            disabled={readonly || disabled}
             onChange={this.onChange}
             defaultValue=""
             multiple={multiple} />

test/uiSchema_test.js

@@ -1,3 +1,4 @@
+
 import { expect } from "chai";
 import React from "react";
 import { Simulate } from "react-addons-test-utils";
@@ -135,6 +136,22 @@ describe("uiSchema", () => {
       }
     };
 
+    describe("file", () => {
+      const uiSchema = {
+        foo: {
+          "ui:widget": "file"
+        }
+      };
+
+      it("should accept a uiSchema object", () => {
+        const {node} = createFormComponent({schema, uiSchema});
+
+        expect(node.querySelectorAll("input[type=file]"))
+          .to.have.length.of(1);
+      });
+    });
+
+
     describe("textarea", () => {
       const uiSchema = {
         foo: {
@@ -149,6 +166,7 @@ describe("uiSchema", () => {
           .to.have.length.of(1);
       });
 
+
       it("should support formData", () => {
         const {node} = createFormComponent({schema, uiSchema, formData: {
           foo: "a"
@@ -883,6 +901,14 @@ describe("uiSchema", () => {
                          {"ui:disabled": true});
       });
 
+      it("should disabled a file widget", () => {
+        const {node} = createFormComponent({
+          schema: {type: "string", format: "data-url"},
+          uiSchema: {"ui:disabled": true}});
+        expect(node.querySelector("input[type=file]").hasAttribute("disabled"))
+          .eql(true);
+      });
+
       it("should disable a textarea widget", () => {
         shouldBeDisabled("textarea",
                          {type: "string"},
@@ -1048,6 +1074,15 @@ describe("uiSchema", () => {
                          {"ui:readonly": true});
       });
 
+      it("should mark as readonly a file widget", () => {
+        // We mark a file widget as readonly by disabling it.
+        const {node} = createFormComponent({
+          schema: {type: "string", format: "data-url"},
+          uiSchema: {"ui:readonly": true}});
+        expect(node.querySelector("input[type=file]").hasAttribute("disabled"))
+          .eql(true);
+      });
+
       it("should mark as readonly a textarea widget", () => {
         shouldBeReadonly("textarea",
                          {type: "string"},