Add first tests, add prop-types dependency

Author: zsusac

package.json

@@ -5,7 +5,9 @@
   "main": "index.js",
   "scripts": {
     "build": "./node_modules/.bin/babel ./src/ReactHTMLTableToExcel.jsx -o index.js",
-    "prepublish": "npm run build"
+    "prepublish": "npm run build",
+    "client:test": "NODE_ENV=test jest",
+    "client:test:watch": "NODE_ENV=test jest --watch"
   },
   "repository": {
     "type": "git",
@@ -24,18 +26,39 @@
     "url": "https://github.com/zsusac/ReactHTMLTableToExcel/issues"
   },
   "homepage": "https://github.com/zsusac/ReactHTMLTableToExcel#readme",
+  "jest": {
+    "rootDir": "./",
+    "moduleNameMapper": {
+      "^.+\\.(css|less)$": "<rootDir>/CSSStub.js"
+    },
+    "collectCoverage": true,
+    "coverageDirectory": "<rootDir>/../../coverage",
+    "verbose": true,
+    "coveragePathIgnorePatterns": [
+      "<rootDir>/../../node_modules/"
+    ]
+  },
   "devDependencies": {
     "babel-cli": "^6.24.1",
     "babel-eslint": "^7.2.3",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
+    "chai": "^3.5.0",
+    "chai-enzyme": "^0.6.1",
+    "enzyme": "^2.8.2",
     "eslint": "^3.19.0",
     "eslint-config-airbnb": "^14.1.0",
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-jsx-a11y": "^5.0.1",
     "eslint-plugin-react": "^7.0.0",
-    "react": "^15.5.4"
+    "jest": "^20.0.1",
+    "react": "^15.5.4",
+    "react-dom": "^15.5.4",
+    "react-test-renderer": "^15.5.4",
+    "sinon": "^2.2.0"
   },
-  "dependencies": {}
+  "dependencies": {
+    "prop-types": "^15.5.10"
+  }
 }

src/ReactHTMLTableToExcel.jsx

@@ -1,5 +1,6 @@
 /* global window, document, Blob */
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 const propTypes = {
   table: PropTypes.string.isRequired,

test/index.test.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import chai, { expect } from 'chai';
+import chaiEnzyme from 'chai-enzyme';
+import { shallow } from 'enzyme';
+import sinon from 'sinon';
+import ReactHTMLTableToExcel from '../src/ReactHTMLTableToExcel';
+
+chai.use(chaiEnzyme());
+
+const props = {
+  id: 'test-table-xls-button',
+  className: 'download-table-xls-button',
+  table: 'table-to-xls',
+  filename: 'tablexls',
+  sheet: 'tablexls',
+  buttonText: 'Download as XLS',
+};
+
+const container = shallow(<ReactHTMLTableToExcel {...props} />);
+
+describe('tests for <ReactHTMLTableToExcel> container', () => {
+  it('should render one button', () => {
+    expect(container.find('button').length).to.equal(1);
+  });
+
+  it('should render one button with the correct class applied', () => {
+    expect(container.find('button').hasClass(props.className)).to.equal(true);
+  });
+});