test: add unit tests for CSV export

Author: jamaljsr

app/src/__mocks__/file-saver.ts

@@ -0,0 +1,3 @@
+export const saveAs = jest.fn();
+
+export default { saveAs };

app/src/__tests__/components/history/HistoryPage.spec.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { fireEvent } from '@testing-library/react';
+import { saveAs } from 'file-saver';
 import { renderWithProviders } from 'util/tests';
 import { createStore, Store } from 'store';
 import HistoryPage from 'components/history/HistoryPage';
@@ -50,4 +51,10 @@ describe('HistoryPage', () => {
     fireEvent.click(getByText('arrow-left.svg'));
     expect(store.uiStore.page).toEqual('loop');
   });
+
+  it('should export channels', () => {
+    const { getByText } = render();
+    fireEvent.click(getByText('download.svg'));
+    expect(saveAs).toBeCalledWith(expect.any(Blob), 'swaps.csv');
+  });
 });

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { SwapStatus } from 'types/generated/loop_pb';
 import { grpc } from '@improbable-eng/grpc-web';
 import { fireEvent, waitFor } from '@testing-library/react';
+import { saveAs } from 'file-saver';
 import { formatSats } from 'util/formatters';
 import { renderWithProviders } from 'util/tests';
 import { loopListSwaps } from 'util/tests/sampleData';
@@ -57,6 +58,17 @@ describe('LoopPage component', () => {
     expect(await findByText('525,000 sats')).toBeInTheDocument();
   });
 
+  it('should display the export icon', () => {
+    const { getByText } = render();
+    expect(getByText('download.svg')).toBeInTheDocument();
+  });
+
+  it('should export channels', () => {
+    const { getByText } = render();
+    fireEvent.click(getByText('download.svg'));
+    expect(saveAs).toBeCalledWith(expect.any(Blob), 'channels.csv');
+  });
+
   describe('Swap Process', () => {
     it('should display actions bar when Loop button is clicked', () => {
       const { getByText } = render();

app/src/__tests__/util/csv.spec.ts

@@ -0,0 +1,23 @@
+import { saveAs } from 'file-saver';
+import CsvExporter from 'util/csv';
+import { loopListSwaps } from 'util/tests/sampleData';
+import { Swap } from 'store/models';
+
+describe('csv Util', () => {
+  const csv = new CsvExporter();
+  const swaps = [new Swap(loopListSwaps.swapsList[0])];
+
+  it('should export using the .csv extension', () => {
+    csv.export('swaps', Swap.csvColumns, swaps);
+    expect(saveAs).toBeCalledWith(expect.any(Blob), 'swaps.csv');
+  });
+
+  it('should convert swap data to the correct string', () => {
+    const actual = csv.convert(Swap.csvColumns, swaps);
+    const expected = [
+      '"Swap ID","Type","Amount","Status","Created On","Updated On"',
+      '"f4eb118383c2b09d8c7289ce21c25900cfb4545d46c47ed23a31ad2aa57ce830","Loop Out","500000","Failed","4/8/2020 7:59:13 PM","4/8/2020 10:12:49 PM"',
+    ].join('\n');
+    expect(actual).toEqual(expected);
+  });
+});