Add test for invisible pagination buttons

backend/src/seeds/creation/index.ts

@@ -127,7 +127,6 @@ bobsSendings.forEach((sending) => {
     confirmed: true,
   })
 })
-// Wolle: console.log('bobsSum: ', bobsSum)
 
 export const creations: CreationInterface[] = [
   {

frontend/src/components/GddTransactionList.spec.js

@@ -407,9 +407,7 @@ describe('GddTransactionList', () => {
     })
 
     describe('pagination buttons', () => {
-      beforeEach(async () => {
-        await wrapper.setProps({
-          transactions: Array.from({ length: 42 }, (_, idx) => {
+      const createTransaction = (idx) => {
         return {
           amount: '3.14',
           balanceDate: '2021-04-29T17:26:40+00:00',
@@ -428,8 +426,15 @@ describe('GddTransactionList', () => {
           typeId: 'RECEIVE',
           balance: '33.33',
         }
+      }
+
+      beforeEach(async () => {
+        const transactionCount = 42
+        await wrapper.setProps({
+          transactions: Array.from({ length: transactionCount }, (_, idx) => {
+            return createTransaction(idx)
           }),
-          transactionCount: 42,
+          transactionCount,
           decayStartBlock,
           pageSize: 25,
           showPagination: true,
@@ -449,23 +454,15 @@ describe('GddTransactionList', () => {
           )
         })
       })
-    })
-
-    describe.skip('show no pagination', () => {
-      // Wolle: beforeEach(async () => {
-      //   await wrapper.setProps({
-      //     transactions: [],
-      //     transactionCount: 2,
-      //     decayStartBlock,
-      //     pageSize: 25,
-      //     showPagination: false,
-      //   })
-      // })
 
+      describe('show no pagination', () => {
         it('shows no pagination buttons', async () => {
+          const transactionCount = 2
           await wrapper.setProps({
-          transactions: [],
-          transactionCount: 2,
+            transactions: Array.from({ length: transactionCount }, (_, idx) => {
+              return createTransaction(idx)
+            }),
+            transactionCount,
             decayStartBlock,
             pageSize: 25,
             showPagination: false,
@@ -475,3 +472,4 @@ describe('GddTransactionList', () => {
       })
     })
   })
+})

frontend/src/components/GddTransactionList.vue

@@ -125,10 +125,6 @@ export default {
   },
   computed: {
     isPaginationVisible() {
-      // Wolle: console.log('this.showPagination: ', this.showPagination)
-      // console.log('this.pageSize: ', this.pageSize)
-      // console.log('this.transactions.length: ', this.transactions.length)
-      // console.log('this.transactionCount: ', this.transactionCount)
       return this.showPagination && this.pageSize < this.transactionCount
     },
   },
@@ -143,6 +139,7 @@ export default {
   },
 }
 </script>
+
 <style>
 collaps-icon {
   width: 95%;