DEV remove enzme, support react 17 testing

RedHatInsights · Jun 29, 2023 · 6008fe7 · 6008fe7
1 parent dc9bcc3
commit 6008fe7
Show file tree

Hide file tree

Showing 13 changed files with 685 additions and 539 deletions.
diff --git a/config/jest.setupTests.js b/config/jest.setupTests.js
@@ -265,7 +265,7 @@ global.renderHook = async (useHook = Function.prototype, { state } = {}) => {
  * @returns {*}
  */
 global.shallowComponent = async testComponent => {
-  const renderHook = async (component, updatedProps) => {
+  const localRenderHook = async (component, updatedProps) => {
     if (typeof component?.type === 'function') {
       try {
         const { result } = await global.renderHook(() =>
@@ -286,7 +286,7 @@ global.shallowComponent = async testComponent => {
           return container.querySelectorAll(sel);
         };
 
-        const setProps = async p => renderHook(component, p);
+        const setProps = async p => localRenderHook(component, p);
 
         const renderResult = () => global.renderComponent(result);
 
@@ -316,7 +316,7 @@ global.shallowComponent = async testComponent => {
     return component;
   };
 
-  return renderHook(testComponent);
+  return localRenderHook(testComponent);
 };
 
 // FixMe: revisit squashing log and group messaging, redux leaks log messaging

diff --git a/jest.config.js b/jest.config.js
@@ -35,7 +35,6 @@ module.exports = {
   resetMocks: true,
   roots: ['<rootDir>/src', '<rootDir>/tests'],
   setupFilesAfterEnv: ['<rootDir>/config/jest.setupTests.js'],
-  snapshotSerializers: ['enzyme-to-json/serializer'],
   testMatch: ['<rootDir>/**/__tests__/**/*.{js,jsx,ts,tsx}', '<rootDir>/**/*.{spec,test}.{js,jsx,ts,tsx}'],
   testEnvironment: 'jsdom',
   transform: {

diff --git a/package.json b/package.json
@@ -119,7 +119,7 @@
     "@babel/preset-react": "^7.22.5",
     "@redhat-cloud-services/frontend-components-config": "5.0.1",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/react": "^12.1.5",
     "apidoc-mock": "^4.3.0",
     "babel-jest": "^29.5.0",
     "changelog-light": "^0.4.1",
@@ -128,8 +128,6 @@
     "dotenv": "^16.1.3",
     "dotenv-expand": "^10.0.0",
     "dotenv-webpack": "^8.0.1",
-    "enzyme": "^3.11.0",
-    "enzyme-to-json": "^3.6.2",
     "eslint": "8.43.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.8.0",

diff --git a/src/components/authentication/__tests__/__snapshots__/authenticationContext.test.js.snap b/src/components/authentication/__tests__/__snapshots__/authenticationContext.test.js.snap
@@ -104,12 +104,14 @@ exports[`AuthenticationContext should return specific properties: specific prope
     "$$typeof": Symbol(react.context),
     "Consumer": {
       "$$typeof": Symbol(react.context),
+      "_calculateChangedBits": null,
       "_context": [Circular],
     },
     "Provider": {
       "$$typeof": Symbol(react.provider),
       "_context": [Circular],
     },
+    "_calculateChangedBits": null,
     "_currentRenderer": null,
     "_currentRenderer2": null,
     "_currentValue": [
@@ -120,8 +122,6 @@ exports[`AuthenticationContext should return specific properties: specific prope
       {},
       [Function],
     ],
-    "_defaultValue": null,
-    "_globalName": null,
     "_threadCount": 0,
   },
   "DEFAULT_CONTEXT": [

diff --git a/src/components/chart/__tests__/__snapshots__/chartContext.test.js.snap b/src/components/chart/__tests__/__snapshots__/chartContext.test.js.snap
@@ -13,12 +13,14 @@ exports[`ChartContext should return specific properties: specific properties 1`]
     "$$typeof": Symbol(react.context),
     "Consumer": {
       "$$typeof": Symbol(react.context),
+      "_calculateChangedBits": null,
       "_context": [Circular],
     },
     "Provider": {
       "$$typeof": Symbol(react.provider),
       "_context": [Circular],
     },
+    "_calculateChangedBits": null,
     "_currentRenderer": null,
     "_currentRenderer2": null,
     "_currentValue": [
@@ -39,8 +41,6 @@ exports[`ChartContext should return specific properties: specific properties 1`]
       },
       [Function],
     ],
-    "_defaultValue": null,
-    "_globalName": null,
     "_threadCount": 0,
   },
   "DEFAULT_CONTEXT": [

diff --git a/src/components/form/__tests__/__snapshots__/checkbox.test.js.snap b/src/components/form/__tests__/__snapshots__/checkbox.test.js.snap
@@ -131,6 +131,7 @@ exports[`Checkbox Component should render a basic component: basic component 1`]
       type="checkbox"
       value=""
     />
+    
   </div>
 </checkbox>
 `;

diff --git a/src/components/graphCard/__tests__/__snapshots__/graphCardChart.test.js.snap b/src/components/graphCard/__tests__/__snapshots__/graphCardChart.test.js.snap
@@ -21,7 +21,6 @@ exports[`GraphCardChart Component should handle API response states: error 1`] =
   </CardHeader>
   <MinHeight
     isOnLoad={false}
-    key="bodyMinHeight"
     minHeight={0}
     useResizeObserver={[Function]}
   >
@@ -78,7 +77,6 @@ exports[`GraphCardChart Component should handle API response states: fulfilled 1
   </CardHeader>
   <MinHeight
     isOnLoad={false}
-    key="bodyMinHeight"
     minHeight={0}
     useResizeObserver={[Function]}
   >
@@ -135,7 +133,6 @@ exports[`GraphCardChart Component should handle API response states: pending 1`]
   </CardHeader>
   <MinHeight
     isOnLoad={false}
-    key="bodyMinHeight"
     minHeight={0}
     useResizeObserver={[Function]}
   >
@@ -158,7 +155,7 @@ exports[`GraphCardChart Component should handle API response states: pending 1`]
 </Card>
 `;
 
-exports[`GraphCardChart Component should render a default component: default 1`] = `
+exports[`GraphCardChart Component should render a basic component: basic 1`] = `
 <Card
   className="curiosity-usage-graph"
   isPlain={true}
@@ -179,7 +176,6 @@ exports[`GraphCardChart Component should render a default component: default 1`]
   </CardHeader>
   <MinHeight
     isOnLoad={false}
-    key="bodyMinHeight"
     minHeight={0}
     useResizeObserver={[Function]}
   >

diff --git a/src/components/graphCard/__tests__/__snapshots__/graphCardContext.test.js.snap b/src/components/graphCard/__tests__/__snapshots__/graphCardContext.test.js.snap
@@ -194,12 +194,14 @@ exports[`GraphCardContext should return specific properties: specific properties
     "$$typeof": Symbol(react.context),
     "Consumer": {
       "$$typeof": Symbol(react.context),
+      "_calculateChangedBits": null,
       "_context": [Circular],
     },
     "Provider": {
       "$$typeof": Symbol(react.provider),
       "_context": [Circular],
     },
+    "_calculateChangedBits": null,
     "_currentRenderer": null,
     "_currentRenderer2": null,
     "_currentValue": [
@@ -218,8 +220,6 @@ exports[`GraphCardContext should return specific properties: specific properties
       },
       [Function],
     ],
-    "_defaultValue": null,
-    "_globalName": null,
     "_threadCount": 0,
   },
   "useGetMetrics": [Function],