adds test

Author: Travis

ReactFileReader.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import uuidV4 from 'uuid/v4';
+import PropTypes from 'prop-types';
 
 export default class ReactFileReader extends React.Component {
 
@@ -86,9 +87,9 @@ ReactFileReader.defaultProps = {
 };
 
 ReactFileReader.propTypes = {
-  multipleFiles: React.PropTypes.bool,
-  handleFiles: React.PropTypes.func.isRequired,
-  fileTypes: React.PropTypes.string,
-  base64: React.PropTypes.bool,
-  children: React.PropTypes.element.isRequired
+  multipleFiles: PropTypes.bool,
+  handleFiles: PropTypes.func.isRequired,
+  fileTypes: PropTypes.string,
+  base64: PropTypes.bool,
+  children: PropTypes.element.isRequired
 }

__tests__/ReactFileReader.test.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import ReactFileReader from '../ReactFileReader';
+import renderer from 'react-test-renderer';
+
+test('the component renders', () => {
+  const component = renderer.create(
+    <ReactFileReader handleFiles={() => ''}>
+      <p>Upload</p>
+    </ReactFileReader>
+  );
+
+  let tree = component.toJSON();
+  expect(tree).toMatchSnapshot();
+});

__tests__/__snapshots__/ReactFileReader.test.js.snap

@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`the component renders 1`] = `
+<div
+  className="react-file-reader"
+>
+  <input
+    accept="image/*"
+    className="react-file-reader-input"
+    id="452c5f78-da74-4d6e-bc13-fcf46b622208"
+    multiple={undefined}
+    onChange={[Function]}
+    style={
+      Object {
+        "left": "-99999999px",
+        "opacity": "0px",
+        "position": "fixed",
+        "width": "0px",
+      }
+    }
+    type="file"
+  />
+  <div
+    className="react-file-reader-button"
+    onClick={[Function]}
+  >
+    <p>
+      Upload
+    </p>
+  </div>
+</div>
+`;

index.js

@@ -14,6 +14,10 @@ var _v = require('uuid/v4');
 
 var _v2 = _interopRequireDefault(_v);
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -132,9 +136,9 @@ ReactFileReader.defaultProps = {
 };
 
 ReactFileReader.propTypes = {
-  multipleFiles: _react2.default.PropTypes.bool,
-  handleFiles: _react2.default.PropTypes.func.isRequired,
-  fileTypes: _react2.default.PropTypes.string,
-  base64: _react2.default.PropTypes.bool,
-  children: _react2.default.PropTypes.element.isRequired
+  multipleFiles: _propTypes2.default.bool,
+  handleFiles: _propTypes2.default.func.isRequired,
+  fileTypes: _propTypes2.default.string,
+  base64: _propTypes2.default.bool,
+  children: _propTypes2.default.element.isRequired
 };

package.json

@@ -7,10 +7,14 @@
   "author": "Grillwork Inc",
   "license": "MIT",
   "dependencies": {
+    "prop-types": "^15.5.4",
     "react": "^15.4.2",
     "react-dom": "^15.4.2",
     "uuid4": "^1.0.0"
   },
+  "scripts": {
+    "test": "jest"
+  },
   "scripts": {
     "build": "./node_modules/.bin/babel ReactFileReader.js -o index.js",
     "prepublish": "npm run build"
@@ -21,6 +25,8 @@
     "babel-loader": "^6.2.4",
     "babel-preset-es2015": "^6.24.0",
     "babel-preset-react": "^6.23.0",
-    "babel-preset-stage-0": "^6.22.0"
+    "babel-preset-stage-0": "^6.22.0",
+    "jest": "^19.0.2",
+    "react-test-renderer": "^15.5.3"
   }
 }