Merge pull request #12 from carbonblack/update-react16-references

Update react16 references

.gitignore

@@ -40,3 +40,6 @@ typings
 
 # github token
 .token.json
+
+# ignore intellij project directory
+.idea

karma.conf.js

@@ -17,7 +17,8 @@ module.exports = function(config) {
 		// list of files / patterns to load in the browser
 		files: [
 			'./node_modules/phantomjs-polyfill-object-assign/object-assign-polyfill.js', //HOPE one day ditch PhantomJS polyfill
-			'test/*.tsx'
+            './node_modules/babel-polyfill/dist/polyfill.js',
+			'test/*.tsx',
 		],
 
 

package.json

@@ -24,10 +24,12 @@
     "postversion": "git push && git push --tags && ./release.js"
   },
   "devDependencies": {
+    "babel-polyfill": "^6.26.0",
     "chai": "^3.5.0",
     "changelog-parser": "^2.0.2",
     "css-loader": "^0.23.1",
-    "enzyme": "^2.4.1",
+    "enzyme": "^3.2.0",
+    "enzyme-adapter-react-16": "^1.1.0",
     "exports-loader": "^0.6.3",
     "express": "^4.14.0",
     "extract-text-webpack-plugin": "^1.0.1",
@@ -50,9 +52,8 @@
     "mocha": "^3.0.1",
     "node-sass": "^4.7.2",
     "phantomjs-polyfill-object-assign": "0.0.2",
-    "react": "^15.1.0",
-    "react-addons-test-utils": "^15.3.0",
-    "react-dom": "^15.1.0",
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0",
     "sass-loader": "^4.0.0",
     "semver": "^5.3.0",
     "source-map-loader": "^0.1.5",
@@ -65,7 +66,7 @@
     "webpack-node-externals": "^1.3.3"
   },
   "peerDependencies": {
-    "react": "^15.1.0",
-    "react-dom": "^15.1.0"
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0"
   }
 }

test/test.tsx

@@ -2,16 +2,21 @@
 
 import * as React from 'react';
 import { assert, expect } from 'chai';
-import * as enzyme from 'enzyme';
+// for some reason the latest version of enzyme can't do es6 imports properly and since we don't need fancy
+//   es6 module imports/tree shaking for test files we're just going to use es5 syntax which actually works.
+const enzyme = require('enzyme');
+const adapter = require('enzyme-adapter-react-16');
 
 import {
 	ConsolePrompt,
 	ConsoleMessage,
 	default as Console
 } from 'exports?ConsolePrompt&ConsoleMessage!../src/react-console.tsx';
 
+// configure the react 16 adapter for the latest version of enzyme
+enzyme.configure({ adapter: new adapter() });
 
-describe('<ConsolePrompt />', function() {
+ describe('<ConsolePrompt />', function() {
 	describe('[Property] point: ', function () {
 		it('Has no cursor when point is not passed', function() {
 			var wrapper = enzyme.shallow(<ConsolePrompt />);