Upgrade react and enzyme (#13224)

* upgrade to latest react and fixed failing test

* upgrading libs

* grunt exec update due to change filename

* new yarn lock

* updated snaps

package.json

@@ -11,12 +11,12 @@
   },
   "devDependencies": {
     "@types/d3": "^4.10.1",
-    "@types/enzyme": "^2.8.9",
+    "@types/enzyme": "^3.1.13",
     "@types/jest": "^21.1.4",
     "@types/node": "^8.0.31",
-    "@types/react": "^16.0.25",
+    "@types/react": "^16.4.14",
     "@types/react-custom-scrollbars": "^4.0.5",
-    "@types/react-dom": "^16.0.3",
+    "@types/react-dom": "^16.0.7",
     "angular-mocks": "1.6.6",
     "autoprefixer": "^6.4.0",
     "axios": "^0.17.1",
@@ -26,9 +26,9 @@
     "babel-preset-es2015": "^6.24.1",
     "clean-webpack-plugin": "^0.1.19",
     "css-loader": "^0.28.7",
-    "enzyme": "^3.1.0",
-    "enzyme-adapter-react-16": "^1.0.1",
-    "enzyme-to-json": "^3.3.0",
+    "enzyme": "^3.6.0",
+    "enzyme-adapter-react-16": "^1.5.0",
+    "enzyme-to-json": "^3.3.4",
     "es6-promise": "^3.0.2",
     "es6-shim": "^0.35.3",
     "expect.js": "~0.2.0",
@@ -72,8 +72,8 @@
     "postcss-loader": "^2.0.6",
     "postcss-reporter": "^5.0.0",
     "prettier": "1.9.2",
-    "react-hot-loader": "^4.2.0",
-    "react-test-renderer": "^16.0.0",
+    "react-hot-loader": "^4.3.6",
+    "react-test-renderer": "^16.5.0",
     "sass-lint": "^1.10.2",
     "sass-loader": "^7.0.1",
     "sinon": "1.17.6",
@@ -153,11 +153,11 @@
     "mousetrap": "^1.6.0",
     "mousetrap-global-bind": "^1.1.0",
     "prismjs": "^1.6.0",
-    "prop-types": "^15.6.0",
+    "prop-types": "^15.6.2",
     "rc-cascader": "^0.14.0",
-    "react": "^16.2.0",
+    "react": "^16.5.0",
     "react-custom-scrollbars": "^4.2.1",
-    "react-dom": "^16.2.0",
+    "react-dom": "^16.5.0",
     "react-grid-layout": "0.16.6",
     "react-highlight-words": "^0.10.0",
     "react-popper": "^0.7.5",

public/app/core/components/Picker/__snapshots__/TeamPicker.test.tsx.snap

@@ -15,7 +15,7 @@ exports[`TeamPicker renders correctly 1`] = `
       onTouchMove={[Function]}
       onTouchStart={[Function]}
     >
-      <span
+      <div
         className="Select-multi-value-wrapper"
         id="react-select-2--value"
       >
@@ -66,7 +66,7 @@ exports[`TeamPicker renders correctly 1`] = `
             
           </div>
         </div>
-      </span>
+      </div>
       <span
         aria-hidden="true"
         className="Select-loading-zone"

public/app/core/components/Picker/__snapshots__/UserPicker.test.tsx.snap

@@ -15,7 +15,7 @@ exports[`UserPicker renders correctly 1`] = `
       onTouchMove={[Function]}
       onTouchStart={[Function]}
     >
-      <span
+      <div
         className="Select-multi-value-wrapper"
         id="react-select-2--value"
       >
@@ -66,7 +66,7 @@ exports[`UserPicker renders correctly 1`] = `
             
           </div>
         </div>
-      </span>
+      </div>
       <span
         aria-hidden="true"
         className="Select-loading-zone"

public/app/core/components/sidemenu/__snapshots__/SideMenu.test.tsx.snap

@@ -6,12 +6,29 @@ Array [
     className="sidemenu__logo"
     key="logo"
     onClick={[Function]}
-  />,
+  >
+    <img
+      alt="graphana_logo"
+      src="public/img/grafana_icon.svg"
+    />
+  </div>,
   <div
     className="sidemenu__logo_small_breakpoint"
     key="hamburger"
     onClick={[Function]}
-  />,
+  >
+    <i
+      className="fa fa-bars"
+    />
+    <span
+      className="sidemenu__close"
+    >
+      <i
+        className="fa fa-times"
+      />
+       Close
+    </span>
+  </div>,
   <TopSection
     key="topsection"
   />,

scripts/grunt/options/exec.js

@@ -7,7 +7,7 @@ module.exports = function(config, grunt) {
   }
 
   return {
-    tslint: 'node ./node_modules/tslint/lib/tslint-cli.js -c tslint.json --project ./tsconfig.json',
+    tslint: 'node ./node_modules/tslint/lib/tslintCli.js -c tslint.json --project ./tsconfig.json',
     jest: 'node ./node_modules/jest-cli/bin/jest.js ' + coverage,
     webpack: 'node ./node_modules/webpack/bin/webpack.js --config scripts/webpack/webpack.prod.js',
   };