test(RHINENG-3032): Migrate from Enzyme to RTL

.eslintrc.js

@@ -2,20 +2,10 @@ module.exports = {
   extends: [
     '@redhat-cloud-services/eslint-config-redhat-cloud-services',
     'plugin:cypress/recommended',
+    'plugin:testing-library/react',
+    'plugin:jest-dom/recommended',
   ],
   globals: {
-    insights: 'readonly',
-    shallow: 'readonly',
-    render: 'readonly',
-    mount: 'readonly',
     IS_DEV: 'readonly',
   },
-  rules: {
-    'sort-imports': [
-      'error',
-      {
-        ignoreDeclarationSort: true,
-      },
-    ],
-  },
 };

config/setupTests.js

@@ -1,20 +1,3 @@
-/* eslint-disable camelcase */
-import { configure, mount, render, shallow } from 'enzyme';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
-import React from 'react';
-import 'whatwg-fetch';
-jest.mock('react', () => ({
-  ...jest.requireActual('react'),
-  useLayoutEffect: jest.requireActual('react').useEffect,
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useParams: () => ({
-    inventoryId: '07c86de4-dadd-4681-8e6c-fe0baaaef479',
-  }),
-}));
-
 jest.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
   __esModule: true,
   default: () => ({
@@ -47,8 +30,6 @@ jest.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
   }),
 }));
 
-configure({ adapter: new Adapter() });
-
 global.insights = {
   chrome: {
     auth: {
@@ -77,8 +58,4 @@ global.insights = {
   },
 };
 
-global.shallow = shallow;
-global.render = render;
-global.mount = mount;
-global.React = React;
 global.IS_DEV = true;