fix(build): react npm updates (#648)

RedHatInsights · May 18, 2021 · f3087a2 · f3087a2
1 parent 01cc3c1
commit f3087a2
Show file tree

Hide file tree

Showing 7 changed files with 219 additions and 175 deletions.
diff --git a/config/cspell.config.json b/config/cspell.config.json
@@ -48,6 +48,7 @@
     "timeseries",
     "uxui",
     "voronoi",
+    "wojtekmaj",
     "woot",
     "wrappable",
     "YYYYMMDD"

diff --git a/package.json b/package.json
@@ -135,8 +135,8 @@
     "node-sass": "^4.14.1",
     "numbro": "^2.3.2",
     "prop-types": "^15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-i18next": "^11.8.9",
     "react-redux": "^7.2.4",
     "react-router": "^5.2.0",
@@ -150,10 +150,10 @@
     "victory-create-container": "^35.4.11"
   },
   "devDependencies": {
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.1",
     "apidoc-mock": "^3.0.4",
     "cspell": "^5.3.12",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
     "enzyme-to-json": "^3.6.2",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^8.3.0",

diff --git a/src/components/router/__tests__/__snapshots__/router.test.js.snap b/src/components/router/__tests__/__snapshots__/router.test.js.snap
@@ -1,7 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Router Component should handle unique route settings: settings 1`] = `
-<Router
+<Suspense
+  fallback={
+    <Loader
+      skeletonProps={
+        Object {
+          "size": "sm",
+        }
+      }
+      tableProps={Object {}}
+      variant="title"
+    />
+  }
   routes={
     Array [
       Object {
@@ -42,7 +53,7 @@ exports[`Router Component should handle unique route settings: settings 1`] = `
       to="/loremIpsum"
     />
   </Switch>
-</Router>
+</Suspense>
 `;
 
 exports[`Router Component should pass customized props to routed components: routeDetail and location parsedSearch props 1`] = `
@@ -79,15 +90,28 @@ Object {
 `;
 
 exports[`Router Component should render a basic component: basic 1`] = `
-<Router
+<Suspense
+  fallback={
+    <Loader
+      skeletonProps={
+        Object {
+          "size": "sm",
+        }
+      }
+      tableProps={Object {}}
+      variant="title"
+    />
+  }
   routes={
     Array [
       Object {
         "component": Object {
           "$$typeof": Symbol(react.lazy),
-          "_ctor": [Function],
-          "_result": null,
-          "_status": -1,
+          "_init": [Function],
+          "_payload": Object {
+            "_result": [Function],
+            "_status": -1,
+          },
         },
         "disabled": false,
         "exact": true,
@@ -97,9 +121,11 @@ exports[`Router Component should render a basic component: basic 1`] = `
       Object {
         "component": Object {
           "$$typeof": Symbol(react.lazy),
-          "_ctor": [Function],
-          "_result": null,
-          "_status": -1,
+          "_init": [Function],
+          "_payload": Object {
+            "_result": [Function],
+            "_status": -1,
+          },
         },
         "disabled": false,
         "exact": true,
@@ -109,9 +135,11 @@ exports[`Router Component should render a basic component: basic 1`] = `
       Object {
         "component": Object {
           "$$typeof": Symbol(react.lazy),
-          "_ctor": [Function],
-          "_result": null,
-          "_status": -1,
+          "_init": [Function],
+          "_payload": Object {
+            "_result": [Function],
+            "_status": -1,
+          },
         },
         "disabled": false,
         "exact": true,
@@ -121,9 +149,11 @@ exports[`Router Component should render a basic component: basic 1`] = `
       Object {
         "component": Object {
           "$$typeof": Symbol(react.lazy),
-          "_ctor": [Function],
-          "_result": null,
-          "_status": -1,
+          "_init": [Function],
+          "_payload": Object {
+            "_result": [Function],
+            "_status": -1,
+          },
         },
         "disabled": false,
         "exact": true,
@@ -134,9 +164,11 @@ exports[`Router Component should render a basic component: basic 1`] = `
         "activateOnError": true,
         "component": Object {
           "$$typeof": Symbol(react.lazy),
-          "_ctor": [Function],
-          "_result": null,
-          "_status": -1,
+          "_init": [Function],
+          "_payload": Object {
+            "_result": [Function],
+            "_status": -1,
+          },
         },
         "disabled": false,
         "exact": true,
@@ -146,9 +178,11 @@ exports[`Router Component should render a basic component: basic 1`] = `
       Object {
         "component": Object {
           "$$typeof": Symbol(react.lazy),
-          "_ctor": [Function],
-          "_result": null,
-          "_status": -1,
+          "_init": [Function],
+          "_payload": Object {
+            "_result": [Function],
+            "_status": -1,
+          },
         },
         "disabled": false,
         "exact": true,
@@ -200,5 +234,5 @@ exports[`Router Component should render a basic component: basic 1`] = `
       to="/"
     />
   </Switch>
-</Router>
+</Suspense>
 `;
diff --git a/src/components/router/__tests__/__snapshots__/routerConfig.test.js.snap b/src/components/router/__tests__/__snapshots__/routerConfig.test.js.snap
@@ -139,9 +139,11 @@ Array [
   Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -151,9 +153,11 @@ Array [
   Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -163,9 +167,11 @@ Array [
   Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -175,9 +181,11 @@ Array [
   Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -188,9 +196,11 @@ Array [
     "activateOnError": true,
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -200,9 +210,11 @@ Array [
   Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,

diff --git a/src/components/router/__tests__/__snapshots__/routerHelpers.test.js.snap b/src/components/router/__tests__/__snapshots__/routerHelpers.test.js.snap
@@ -45,9 +45,11 @@ Object {
   "activateOnError": true,
   "component": Object {
     "$$typeof": Symbol(react.lazy),
-    "_ctor": [Function],
-    "_result": null,
-    "_status": -1,
+    "_init": [Function],
+    "_payload": Object {
+      "_result": [Function],
+      "_status": -1,
+    },
   },
   "disabled": false,
   "exact": true,
@@ -70,9 +72,11 @@ Object {
   "navRoute": Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -89,9 +93,11 @@ Object {
   "route": Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -115,9 +121,11 @@ Object {
   "navRoute": Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -134,9 +142,11 @@ Object {
   "route": Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -169,9 +179,11 @@ Object {
   "navRoute": Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "default": true,
     "disabled": false,
@@ -213,9 +225,11 @@ Object {
   "navRoute": Object {
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,
@@ -248,9 +262,11 @@ Object {
     "activateOnError": true,
     "component": Object {
       "$$typeof": Symbol(react.lazy),
-      "_ctor": [Function],
-      "_result": null,
-      "_status": -1,
+      "_init": [Function],
+      "_payload": Object {
+        "_result": [Function],
+        "_status": -1,
+      },
     },
     "disabled": false,
     "exact": true,

diff --git a/src/setupTests.js b/src/setupTests.js
@@ -1,5 +1,5 @@
 import { configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import * as pfReactCoreComponents from '@patternfly/react-core';
 import * as pfReactChartComponents from '@patternfly/react-charts';