test for TransactionLinksSummary.vue

frontend/src/components/Transactions/TransactionLinksSummary.spec.js

@@ -0,0 +1,171 @@
+import { mount } from '@vue/test-utils'
+import TransactionLinksSummary from './TransactionLinksSummary'
+import { listTransactionLinks } from '@/graphql/queries'
+import { toastErrorSpy } from '@test/testSetup'
+
+const localVue = global.localVue
+
+const apolloQueryMock = jest.fn().mockResolvedValue({
+  data: {
+    listTransactionLinks: [
+      {
+        amount: '75',
+        code: 'ce28664b5308c17f931c0367',
+        createdAt: '2022-03-16T14:22:40.000Z',
+        holdAvailableAmount: '5.13109484759482747111',
+        id: 12,
+        memo: 'asdasdaadsdd asd asdadss',
+        redeemedAt: null,
+        validUntil: '2022-03-30T14:22:40.000Z',
+      },
+      {
+        amount: '85',
+        code: 'ce28664b5308c17f931c0367',
+        createdAt: '2022-03-16T14:22:40.000Z',
+        holdAvailableAmount: '5.13109484759482747111',
+        id: 34,
+        memo: 'asdasdaadsdd asd asdadss',
+        redeemedAt: null,
+        validUntil: '2022-03-30T14:22:40.000Z',
+      },
+      {
+        amount: '95',
+        code: 'ce28664b5308c17f931c0367',
+        createdAt: '2022-03-16T14:22:40.000Z',
+        holdAvailableAmount: '5.13109484759482747111',
+        id: 56,
+        memo: 'asdasdaadsdd asd asdadss',
+        redeemedAt: null,
+        validUntil: '2022-03-30T14:22:40.000Z',
+      },
+      {
+        amount: '150',
+        code: 'ce28664b5308c17f931c0367',
+        createdAt: '2022-03-16T14:22:40.000Z',
+        holdAvailableAmount: '5.13109484759482747111',
+        id: 78,
+        memo: 'asdasdaadsdd asd asdadss',
+        redeemedAt: null,
+        validUntil: '2022-03-30T14:22:40.000Z',
+      },
+    ],
+  },
+})
+
+const mocks = {
+  $i18n: {
+    locale: 'en',
+  },
+  $t: jest.fn((t) => t),
+  $tc: jest.fn((tc) => tc),
+  $apollo: {
+    query: apolloQueryMock,
+  },
+}
+
+const propsData = {
+  amount: '123',
+  decay: {
+    decay: '-0.2038314055482643084',
+    start: '2022-02-25T07:29:26.000Z',
+    end: '2022-02-28T13:55:47.000Z',
+    duration: 282381,
+  },
+  transactionLinkCount: 4,
+}
+
+describe('TransactionLinksSummary', () => {
+  let wrapper
+
+  const Wrapper = () => {
+    return mount(TransactionLinksSummary, { localVue, mocks, propsData })
+  }
+  describe('mount', () => {
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders the component transaction-slot-link', () => {
+      expect(wrapper.find('div.transaction-slot-link').exists()).toBe(true)
+    })
+
+    it('has a component CollapseLinksList', () => {
+      expect(wrapper.findComponent({ name: 'CollapseLinksList' }).exists()).toBe(true)
+    })
+
+    it('calls the API to get the list transaction links', () => {
+      expect(apolloQueryMock).toBeCalledWith({
+        query: listTransactionLinks,
+        variables: {
+          currentPage: 1,
+        },
+        fetchPolicy: 'network-only',
+      })
+    })
+
+    it('has four transactionLinks', () => {
+      expect(wrapper.vm.transactionLinks).toHaveLength(4)
+    })
+
+    describe('reset transaction links', () => {
+      beforeEach(async () => {
+        jest.clearAllMocks()
+        await wrapper.setData({
+          variables: {
+            currentPage: 0,
+            pending: false,
+            pageSize: 5,
+          },
+        })
+      })
+
+      it('reloads transaction links', () => {
+        expect(apolloQueryMock).toBeCalledWith({
+          query: listTransactionLinks,
+          variables: {
+            currentPage: 1,
+          },
+          fetchPolicy: 'network-only',
+        })
+      })
+
+      it('emits update transactions', () => {
+        expect(wrapper.emitted('update-transactions')).toBeTruthy()
+      })
+    })
+
+    describe('load more transaction links', () => {
+      beforeEach(async () => {
+        jest.clearAllMocks()
+        await wrapper.setData({
+          variables: {
+            currentPage: 2,
+            pending: false,
+            pageSize: 5,
+          },
+        })
+      })
+
+      it('loads more transaction links', () => {
+        expect(apolloQueryMock).toBeCalledWith({
+          query: listTransactionLinks,
+          variables: {
+            currentPage: 2,
+          },
+          fetchPolicy: 'network-only',
+        })
+      })
+    })
+
+    describe('loads transaction links with error', () => {
+      beforeEach(() => {
+        apolloQueryMock.mockRejectedValue({ message: 'OUCH!' })
+        wrapper = Wrapper()
+      })
+
+      it('toasts an error message', () => {
+        expect(toastErrorSpy).toBeCalledWith('OUCH!')
+      })
+    })
+  })
+})