Upgrade react, react-dom, react-rest-renderer @16.0.0, enzyme @3.0.0

Author: jthetzel

package.json

@@ -58,10 +58,10 @@
     "supercluster": "3.0.0"
   },
   "peerDependencies": {
+    "mapbox-gl": "^0.40.1",
     "prop-types": "^15.5.10",
     "react": "^15.6.1",
-    "react-dom": "^15.6.1",
-    "mapbox-gl": "^0.40.1"
+    "react-dom": "^15.6.1"
   },
   "devDependencies": {
     "@types/core-js": "0.9.43",
@@ -78,14 +78,15 @@
     "@types/react-test-renderer": "^15.5.4",
     "@types/recompose": "0.24.1",
     "@types/supercluster": "^2.3.0",
-    "enzyme": "2.9.1",
-    "jest": "21.1.0",
+    "enzyme": "^3.0.0",
+    "enzyme-adapter-react-16": "^1.0.0",
+    "jest": "^21.2.0",
     "mapbox-gl": "0.39.1",
     "prettier": "1.7.0",
     "prop-types": "15.5.10",
-    "react": "15.6.1",
-    "react-dom": "15.6.1",
-    "react-test-renderer": "15.6.1",
+    "react": "^16.0.0",
+    "react-dom": "16.0.0",
+    "react-test-renderer": "^16.0.0",
     "recompose": "0.25.0",
     "ts-jest": "21.0.1",
     "tslint": "5.7.0",

src/__tests__/cluster.test.tsx

@@ -15,6 +15,10 @@ import { withContext } from 'recompose';
 import { mount } from 'enzyme';
 const PropTypes = require('prop-types'); // tslint:disable-line
 
+const Enzyme = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+Enzyme.configure({ adapter: new Adapter() });
+
 const coordinates = [
   [-12.408741828510017, 58.16339752811908],
   [-5.668629523822517, 50.06970856327533],

src/__tests__/geojson-layer.test.tsx

@@ -4,6 +4,10 @@ import { withContext } from 'recompose';
 import { mount } from 'enzyme';
 const PropTypes = require('prop-types'); // tslint:disable-line
 
+const Enzyme = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('GeoJSONLayer', () => {
   let GeoJSONLayerWithContext: any;
   let addLayerMock = jest.fn();

src/__tests__/layer.test.tsx

@@ -4,6 +4,10 @@ import { withContext } from 'recompose';
 import { mount } from 'enzyme';
 const PropTypes = require('prop-types'); // tslint:disable-line
 
+const Enzyme = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('Layer', () => {
   let LayerWithContext: any;
   let addLayerMock = jest.fn();

src/__tests__/map.test.tsx

@@ -15,9 +15,14 @@ import * as React from 'react';
 import ReactMapboxGl, { FitBounds } from '../map';
 import { mount } from 'enzyme';
 
+const Enzyme = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('Map', () => {
   let mapState;
-
+  console.log('Enzyme');
+  console.log(Enzyme);
   beforeEach(() => {
     mockfitBounds = jest.fn();
     mockon = jest.fn();

src/__tests__/popup.test.tsx

@@ -12,6 +12,10 @@ import { withContext } from 'recompose';
 import { mount } from 'enzyme';
 const PropTypes = require('prop-types'); // tslint:disable-line
 
+const Enzyme = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('Popup', () => {
   let PopupWithContext: any;
 

src/__tests__/rotation-control.test.tsx

@@ -2,6 +2,10 @@ import * as React from 'react';
 import RotationControl from '../rotation-control';
 import { shallow } from 'enzyme';
 
+const Enzyme = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('RotationControl', () => {
   it('should render the component', () => {
     const wrapper = shallow(<RotationControl />);

src/__tests__/scale-control.test.tsx

@@ -4,6 +4,10 @@ import { shallow } from 'enzyme';
 import { withContext } from 'recompose';
 const PropTypes = require('prop-types'); // tslint:disable-line
 
+const Enzyme = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('ScaleControl', () => {
   let ScaleControlWithContext: any;
 

src/__tests__/source.test.tsx

@@ -4,6 +4,10 @@ import { withContext } from 'recompose';
 import { mount } from 'enzyme';
 const PropTypes = require('prop-types'); // tslint:disable-line
 
+const Enzyme = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('Source', () => {
   let SourceWithContext: any;
   let addSourceMock: any;

src/__tests__/zoom-control.test.tsx

@@ -2,6 +2,10 @@ import * as React from 'react';
 import ZoomControl from '../zoom-control';
 import { shallow } from 'enzyme';
 
+const Enzyme = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('ZoomControl', () => {
   it('should render the component', () => {
     const wrapper = shallow(<ZoomControl />);