tests: Add tests for SubServerStatus component

Author: itsrachelfish

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { renderWithProviders } from 'util/tests';
+import { prefixTranslation } from 'util/translate';
+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);
+    const { l } = prefixTranslation('cmps.common.SubServerStatus');
+    expect(getByText(l('isDisabled'))).toBeInTheDocument();
+  });
+
+  it('should display error', () => {
+    const { getByText } = render(false);
+    const { l } = prefixTranslation('cmps.common.SubServerStatus');
+    expect(getByText(l('isError'))).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

@@ -9,6 +9,7 @@ import { formatSats } from 'util/formatters';
 import { renderWithProviders } from 'util/tests';
 import { loopListSwaps } from 'util/tests/sampleData';
 import { createStore, Store } from 'store';
+import { prefixTranslation } from 'util/translate';
 import LoopPage from 'components/loop/LoopPage';
 
 const grpcMock = grpc as jest.Mocked<typeof grpc>;
@@ -216,5 +217,27 @@ 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 { l } = prefixTranslation('cmps.common.SubServerStatus');
+
+      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(l('isDisabled'))).toBeInTheDocument();
+    });
   });
 });

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

@@ -3,13 +3,15 @@ import { fireEvent } from '@testing-library/react';
 import { saveAs } from 'file-saver';
 import { renderWithProviders } from 'util/tests';
 import { createStore, Store } from 'store';
+import { prefixTranslation } from 'util/translate';
 import PoolPage from 'components/pool/PoolPage';
 
 describe('PoolPage', () => {
   let store: Store;
 
   beforeEach(async () => {
     store = createStore();
+    await store.fetchAllData();
   });
 
   const render = () => {
@@ -27,4 +29,24 @@ 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 { l } = prefixTranslation('cmps.common.SubServerStatus');
+
+    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(l('isDisabled'))).toBeInTheDocument();
+  });
 });