chore(deps): Update @redhat-cloud-services packages (#2344)

babel.config.js

@@ -13,8 +13,5 @@ module.exports = {
     ],
     '@babel/react',
   ],
-  plugins: [
-    '@babel/plugin-transform-runtime',
-    '@babel/plugin-syntax-dynamic-import',
-  ],
+  plugins: ['@babel/plugin-transform-runtime'],
 };

config/mockChrome.js

@@ -0,0 +1,30 @@
+const mockChrome = {
+  updateDocumentTitle: () => ({}),
+  auth: {
+    getUser: () =>
+      Promise.resolve({
+        identity: {
+          account_number: '0',
+          type: 'User',
+          user: {
+            is_org_admin: true,
+          },
+        },
+        entitlements: {
+          hybrid_cloud: { is_entitled: true },
+          insights: { is_entitled: true },
+          openshift: { is_entitled: true },
+          smart_management: { is_entitled: false },
+        },
+      }),
+  },
+  appAction: () => ({}),
+  appObjectId: () => ({}),
+  on: () => ({}),
+  getUserPermissions: () => Promise.resolve(['inventory:*:*']),
+  isBeta: () => false,
+  getApp: () => 'compliance',
+  getBundle: () => 'insights',
+};
+
+export default mockChrome;

config/setupTests.js

@@ -1,41 +1,17 @@
 import React from 'react';
+import mockChrome from './mockChrome';
 
 global.React = React;
 global.fetch = jest.fn();
 
+global.insights = {
+  chrome: mockChrome,
+};
+
 jest.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
   __esModule: true,
-  default: () => ({
-    updateDocumentTitle: jest.fn(),
-    auth: {
-      getUser: () =>
-        Promise.resolve({
-          identity: {
-            account_number: '0',
-            type: 'User',
-            user: {
-              is_org_admin: true,
-            },
-          },
-          entitlements: {
-            hybrid_cloud: { is_entitled: true },
-            insights: { is_entitled: true },
-            openshift: { is_entitled: true },
-            smart_management: { is_entitled: false },
-          },
-        }),
-    },
-    appAction: jest.fn(),
-    appObjectId: jest.fn(),
-    on: jest.fn(),
-    getUserPermissions: () => Promise.resolve(['inventory:*:*']),
-    isBeta: jest.fn(),
-    getApp: () => 'compliance',
-    getBundle: () => 'insights',
-  }),
-  useChrome: () => ({
-    isBeta: jest.fn(),
-  }),
+  default: () => mockChrome,
+  useChrome: () => mockChrome,
 }));
 
 jest.mock(

cypress.config.js

@@ -1,5 +1,4 @@
 const { defineConfig } = require('cypress');
-const { devServer } = require('@cypress/webpack-dev-server');
 const webpackConfig = require('./config/cypress.webpack.config.js');
 const codeCoverageTask = require('@cypress/code-coverage/task');
 
@@ -8,12 +7,10 @@ module.exports = defineConfig({
   viewportHeight: 660,
   video: false,
   component: {
-    devServer(devServerConfig) {
-      return devServer({
-        ...devServerConfig,
-        framework: 'react',
-        webpackConfig,
-      });
+    devServer: {
+      framework: 'react',
+      bundler: 'webpack',
+      webpackConfig,
     },
     specPattern: 'src/**/*.cy.{js,ts,jsx,tsx}',
     setupNodeEvents(on, config) {

cypress/support/component.js

@@ -21,10 +21,15 @@ import './commands';
 import '@cypress/code-coverage/support';
 import '@patternfly/patternfly/patternfly.scss';
 import { mount } from 'cypress/react18';
+import mockChrome from '../../config/mockChrome';
+
 Cypress.Commands.add('mount', mount);
 Cypress.on(
   'uncaught:exception',
   (err) => !err.message.includes('ResizeObserver loop limit exceeded')
 );
 // Example use:
 // cy.mount(<MyComponent />)
+global.window.insights = {
+  chrome: mockChrome,
+};