fix(RHINENG-5953): Fix zero state not loading on no systems

Fixes https://issues.redhat.com/browse/RHINENG-5953.

The zero state component is now correctly rendered if there are no conventional nor immutable systems available for account.

src/Routes.js

@@ -54,17 +54,19 @@ export const Routes = () => {
   const stalenessAndDeletionEnabled = useFeatureFlag('hbi.custom-staleness');
 
   useEffect(() => {
+    // zero state check
     try {
       (async () => {
         const hasConventionalSystems = await inventoryHasConventionalSystems();
+        setHasConventionalSystems(hasConventionalSystems);
+
         if (edgeParityInventoryListEnabled) {
           const hasEdgeSystems = await inventoryHasEdgeSystems();
-          setHasConventionalSystems(hasConventionalSystems);
           setHasEdgeDevices(hasEdgeSystems);
         }
       })();
     } catch (e) {
-      console.log(e);
+      console.error(e);
     }
   }, []);
 

src/Routes.test.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/display-name */
 /* eslint-disable react/prop-types */
 import '@testing-library/jest-dom';
 import { render, screen, waitFor } from '@testing-library/react';
@@ -6,10 +7,18 @@ import { MemoryRouter } from 'react-router-dom';
 import { Routes } from './Routes';
 import useFeatureFlag from './Utilities/useFeatureFlag';
 import InventoryGroups from './components/InventoryGroups';
+import { inventoryHasConventionalSystems } from './Utilities/conventional';
+import { inventoryHasEdgeSystems } from './Utilities/edge';
 
 jest.mock('./Utilities/useFeatureFlag');
 jest.mock('./components/InventoryGroups');
 jest.mock('./Utilities/conventional');
+jest.mock('./Utilities/edge');
+jest.mock(
+  '@redhat-cloud-services/frontend-components/AsyncComponent',
+  () => () => <span>Zero state</span>
+);
+jest.mock('./Utilities/Wrapper', () => () => <span>Route component</span>);
 
 const TestWrapper = ({ route }) => (
   <MemoryRouter initialEntries={[route]}>
@@ -49,3 +58,39 @@ describe('/groups', () => {
     });
   });
 });
+
+describe('zero state', () => {
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renderes zero state when there are no systems', async () => {
+    inventoryHasConventionalSystems.mockReturnValue(false);
+    inventoryHasEdgeSystems.mockReturnValue(false);
+    render(<TestWrapper route={'/'} />);
+
+    await waitFor(() => {
+      expect(screen.getByText('Zero state')).toBeVisible();
+    });
+  });
+
+  it('renders a route when there are some conventional systems', async () => {
+    inventoryHasConventionalSystems.mockReturnValue(true);
+    inventoryHasEdgeSystems.mockReturnValue(false);
+    render(<TestWrapper route={'/'} />);
+
+    await waitFor(() => {
+      expect(screen.getByText('Route component')).toBeVisible();
+    });
+  });
+
+  it('renders a route when there are some edge systems', async () => {
+    inventoryHasConventionalSystems.mockReturnValue(false);
+    inventoryHasEdgeSystems.mockReturnValue(true);
+    render(<TestWrapper route={'/'} />);
+
+    await waitFor(() => {
+      expect(screen.getByText('Route component')).toBeVisible();
+    });
+  });
+});