tests: update unit tests and stories

Author: jamaljsr

app/src/__stories__/SettingsPage.stories.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useStore } from 'store';
 import { Layout } from 'components/layout';
 import SettingsPage from 'components/settings/SettingsPage';
 
@@ -12,6 +13,18 @@ export const Default = () => {
   return <SettingsPage />;
 };
 
+export const BitcoinUnit = () => {
+  const { uiStore } = useStore();
+  uiStore.selectedSetting = 'unit';
+  return <SettingsPage />;
+};
+
+export const BalanceMode = () => {
+  const { uiStore } = useStore();
+  uiStore.selectedSetting = 'balance';
+  return <SettingsPage />;
+};
+
 export const InsideLayout = () => {
   return (
     <Layout>

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { fireEvent } from '@testing-library/react';
+import { renderWithProviders } from 'util/tests';
+import Checkbox from 'components/common/Checkbox';
+
+describe('Checkbox component', () => {
+  const handleChange = jest.fn();
+
+  const render = (checked?: boolean, disabled?: boolean) => {
+    const cmp = (
+      <Checkbox checked={checked} disabled={disabled} onChange={handleChange} />
+    );
+    return renderWithProviders(cmp);
+  };
+
+  it('should display checked', () => {
+    const { getByText } = render(true);
+    expect(getByText('check.svg')).toBeInTheDocument();
+  });
+
+  it('should display unchecked', () => {
+    const { queryByText } = render(false);
+    expect(queryByText('check.svg')).not.toBeInTheDocument();
+  });
+
+  it('should trigger onChange event', () => {
+    const { getByText } = render(true);
+    fireEvent.click(getByText('check.svg'));
+    expect(handleChange).toBeCalledWith(false);
+  });
+});

app/src/__tests__/store/buildSwapStore.spec.ts

@@ -3,16 +3,17 @@ import { grpc } from '@improbable-eng/grpc-web';
 import { waitFor } from '@testing-library/react';
 import * as config from 'config';
 import { injectIntoGrpcUnary } from 'util/tests';
-import { BuildSwapStore, createStore } from 'store';
+import { BuildSwapStore, createStore, Store } from 'store';
 import { SWAP_ABORT_DELAY } from 'store/stores/buildSwapStore';
 
 const grpcMock = grpc as jest.Mocked<typeof grpc>;
 
 describe('BuildSwapStore', () => {
+  let rootStore: Store;
   let store: BuildSwapStore;
 
   beforeEach(async () => {
-    const rootStore = createStore();
+    rootStore = createStore();
     await rootStore.init();
     store = rootStore.buildSwapStore;
   });
@@ -25,6 +26,14 @@ describe('BuildSwapStore', () => {
     expect(store.selectedChanIds).toHaveLength(0);
   });
 
+  it('should infer the swap direction based on the selected channels', () => {
+    const channels = rootStore.channelStore.sortedChannels;
+    store.toggleSelectedChannel(channels[0].chanId);
+    expect(store.inferredDirection).toEqual(SwapDirection.OUT);
+    store.toggleSelectedChannel(channels[channels.length - 1].chanId);
+    expect(store.inferredDirection).toEqual(SwapDirection.IN);
+  });
+
   it('should fetch loop terms', async () => {
     expect(store.terms.in).toEqual({ min: 0, max: 0 });
     expect(store.terms.out).toEqual({ min: 0, max: 0 });