tests: Add tests for SubServerStatus component

Author: itsrachelfish

app/src/__tests__/components/common/SubServerStatus.spec.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { renderWithProviders } from 'util/tests';
+import SubServerStatus from 'components/common/SubServerStatus';
+
+describe('SubServer Status Component', () => {
+  const render = (isDisabled: boolean, errorMessage?: string) => {
+    const cmp = (
+      <SubServerStatus isDisabled={isDisabled} errorMessage={errorMessage} />
+    );
+    return renderWithProviders(cmp);
+  };
+
+  it('should display disabled', () => {
+    const { getByText } = render(true);
+    expect(getByText('This subserver is turned off so this interface is not accessible.')).toBeInTheDocument();
+  });
+
+  it('should display error', () => {
+    const { getByText } = render(false);
+    expect(getByText('This subserver encountered an error and failed to start up.')).toBeInTheDocument();
+  });
+
+  it('should match error message', () => {
+    const { getByText } = render(false, 'Test error message');
+    expect(getByText('Test error message')).toBeInTheDocument();
+  });
+});

app/src/__tests__/components/loop/LoopPage.spec.tsx

@@ -216,5 +216,24 @@ describe('LoopPage component', () => {
       expect(store.settingsStore.channelSort.field).toBeUndefined();
       expect(store.settingsStore.channelSort.descending).toBe(true);
     });
+
+    it('should display subserver disabled message', () => {
+      const { getByText, store } = render();
+
+      const disableLoop = store.subServerStore.serverStatus.subServersMap.map((subServer) => {
+        const [service, status] = subServer;
+
+        if(service === 'loop') {
+          status.disabled = true;
+        }
+
+        return [service, status];
+      });
+
+      store.subServerStore.serverStatus.subServersMap = disableLoop;
+      render();
+
+      expect(getByText('This subserver is turned off so this interface is not accessible.')).toBeInTheDocument();
+    });
   });
 });

app/src/__tests__/components/pool/PoolPage.spec.tsx

@@ -10,6 +10,7 @@ describe('PoolPage', () => {
 
   beforeEach(async () => {
     store = createStore();
+    await store.fetchAllData();
   });
 
   const render = () => {
@@ -27,4 +28,23 @@ describe('PoolPage', () => {
     fireEvent.click(getByText('download.svg'));
     expect(saveAs).toBeCalledWith(expect.any(Blob), 'leases.csv');
   });
+
+  it('should display subserver disabled message', () => {
+    const { getByText, store } = render();
+
+    const disablePool = store.subServerStore.serverStatus.subServersMap.map((subServer) => {
+      const [service, status] = subServer;
+
+      if(service === 'pool') {
+        status.disabled = true;
+      }
+
+      return [service, status];
+    });
+
+    store.subServerStore.serverStatus.subServersMap = disablePool;
+    render();
+
+    expect(getByText('This subserver is turned off so this interface is not accessible.')).toBeInTheDocument();
+  });
 });