test+sidecar: add unit tests for sidecar wizard

Author: jamaljsr

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import { fireEvent, waitFor } from '@testing-library/react';
+import { renderWithProviders, throwGrpcError } from 'util/tests';
+import { createStore, Store } from 'store';
+import SidecarWizard from 'components/loop/sidecar/SidecarWizard';
+
+describe('SidecarWizard', () => {
+  let store: Store;
+
+  beforeEach(async () => {
+    store = createStore();
+    await store.fetchAllData();
+
+    store.registerSidecarView.startRegister();
+  });
+
+  const render = () => {
+    return renderWithProviders(<SidecarWizard />, store);
+  };
+
+  describe('General behavior', () => {
+    it('should display the description labels', () => {
+      const { getByText } = render();
+      expect(getByText('Step 1 of 2')).toBeInTheDocument();
+      expect(getByText('Sidecar Registration')).toBeInTheDocument();
+    });
+
+    it('should navigate forward and back through each step', () => {
+      const { getByText } = render();
+      expect(getByText('Step 1 of 2')).toBeInTheDocument();
+      fireEvent.click(getByText('Next'));
+      expect(getByText('Step 2 of 2')).toBeInTheDocument();
+      fireEvent.click(getByText('Confirm'));
+      expect(getByText('Registering Sidecar Ticket')).toBeInTheDocument();
+      fireEvent.click(getByText('arrow-left.svg'));
+      expect(getByText('Step 2 of 2')).toBeInTheDocument();
+      fireEvent.click(getByText('arrow-left.svg'));
+      expect(getByText('Step 1 of 2')).toBeInTheDocument();
+    });
+  });
+
+  it('should register a ticket successfully', async () => {
+    const { getByText, findByText, getByLabelText, changeInput } = render();
+    expect(getByText('Sidecar Registration')).toBeInTheDocument();
+    expect(getByLabelText('ticket-input')).toBeInTheDocument();
+    changeInput('ticket-input', 'sidecar1e84d7ba');
+    fireEvent.click(getByText('Next'));
+    expect(getByText('sidecar1e84d7ba')).toBeInTheDocument();
+    fireEvent.click(getByText('Confirm'));
+    expect(getByText('Registering Sidecar Ticket')).toBeInTheDocument();
+    expect(
+      await findByText('Ticket Registered Successfully', {}, { timeout: 2000 }),
+    ).toBeInTheDocument();
+    fireEvent.click(getByText('arrow-left.svg'));
+    expect(store.registerSidecarView.showWizard).toBeFalsy();
+  });
+
+  it('should handle errors when registering a ticket', async () => {
+    const { getByText, changeInput } = render();
+
+    changeInput('ticket-input', 'sidecar1e84d7ba');
+    fireEvent.click(getByText('Next'));
+
+    // throw a GRPC error when getting the account quote
+    throwGrpcError('reg-err', 'RegisterSidecar');
+    fireEvent.click(getByText('Confirm'));
+
+    // should show error toast
+    await waitFor(() => {
+      expect(getByText('Unable to register ticket')).toBeInTheDocument();
+      expect(getByText('reg-err')).toBeInTheDocument();
+    });
+  });
+});

app/src/util/tests/sampleData.ts

@@ -782,6 +782,11 @@ export const poolLeases: POOL.LeasesResponse.AsObject = {
   totalAmtPaidSat: 57588,
 };
 
+export const poolRegisterSidecar: POOL.SidecarTicket.AsObject = {
+  ticket:
+    'sidecar15o9CCm2VAFa14vyskEhpqxmDjiknDgJaKHL6nZdMHv5f9jSpnTM9jSZecJjDzvqgqbeBRLBupcvtL9cPefg3q2iUfcFYMgFCgfxuicf4ZSpZ9ndwYXJ8F7yrw55TSuxMyZMEFyoMh4rWJX95m5iBWeezDXHSXqFzSVmuFCTtp5KXombXZr64waygqNweCUBnvjTDqsz12EnxE1tsmSoHiFYc1t15J8rHNYAucb9yQWRQTRu146QuBbbLtMEPL62Y',
+};
+
 // collection of sample API responses
 export const sampleApiResponses: Record<string, any> = {
   'lnrpc.Lightning.GetInfo': lndGetInfo,
@@ -814,4 +819,5 @@ export const sampleApiResponses: Record<string, any> = {
   'poolrpc.Trader.NextBatchInfo': poolNextBatchInfo,
   'poolrpc.Trader.NodeRatings': poolNodeRatings,
   'poolrpc.Trader.Leases': poolLeases,
+  'poolrpc.Trader.RegisterSidecar': poolRegisterSidecar,
 };