added test machinery and snapshots, build

babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  presets: ['@babel/preset-env', '@babel/preset-react'],
+};
+

package.json

@@ -11,8 +11,9 @@
   "devDependencies": {
     "@babel/core": "^7.6.4",
     "@babel/plugin-proposal-class-properties": "^7.5.5",
-    "@babel/preset-env": "^7.6.3",
-    "@babel/preset-react": "^7.6.3",
+    "@babel/preset-env": "^7.8.7",
+    "@babel/preset-react": "^7.8.3",
+    "babel-jest": "^25.1.0",
     "babel-loader": "^8.0.6",
     "eslint": "^6.6.0",
     "eslint-config-prettier": "^6.5.0",
@@ -21,9 +22,11 @@
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-prettier": "^3.1.1",
     "eslint-plugin-react": "^7.16.0",
+    "jest": "^25.1.0",
     "prettier": "^1.18.2",
     "react": "^16.11.0",
     "react-dom": "^16.11.0",
+    "react-test-renderer": "^16.13.0",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.3.10"
   },
@@ -34,7 +37,8 @@
   },
   "scripts": {
     "build": "webpack -p",
-    "watch": "webpack --watch --progress"
+    "watch": "webpack --watch --progress",
+    "test": "jest"
   },
   "dependencies": {
     "papaparse": "^5.1.0"

src/__snapshots__/index.test.js.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Renders basic CSVReader 1`] = `
+<div
+  className="csv-reader-input"
+>
+  <input
+    accept=".csv, text/csv"
+    className="csv-input"
+    id={null}
+    onChange={[Function]}
+    style={Object {}}
+    type="file"
+  />
+</div>
+`;

src/index.test.js

@@ -0,0 +1,37 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import CSVReader from './index'
+
+test('Renders basic CSVReader', () => {
+  const component = renderer.create(<CSVReader onFileLoaded={() => {}} />)
+
+  let tree = component.toJSON()
+  expect(tree).toMatchSnapshot()
+})
+
+test('Renders CSVReader with all custom props', () => {
+  const papaparseOptions = {
+    header: true,
+    dynamicTyping: true,
+    skipEmptyLines: true,
+    transformHeader: header => header.toLowerCase().replace(/\W/g, '_'),
+  }
+
+  const component = renderer.create(
+    <CSVReader
+      accept=".csv, text/csv, .tsv, test/tsv"
+      cssClass="custom-csv-reader"
+      cssInputClass="custom-csv-input"
+      fileEncoding="iso-8859-1"
+      inputId="react-csv-reader"
+      inputStyle={{ color: 'red' }}
+      label="Select CSV with secret Death Star statistics"
+      onError={e => console.error(e)}
+      onFileLoaded={(data, fileName) => console.log(data, fileName)}
+      parserOptions={papaparseOptions}
+    />,
+  )
+
+  let tree = component.toJSON()
+  expect(tree).toMatchSnapshot()
+})