From 53a6722f1da912e8aa84736e120cac5731f97705 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 8 Jul 2021 16:23:02 +0200
Subject: [PATCH] fix: Test for ScrollTo in Transaction List

---
 .../GddTransactionList.spec.js                | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js b/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
index 93dd748d6..19d9797aa 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
@@ -7,6 +7,10 @@ const errorHandler = jest.fn()
 
 localVue.config.errorHandler = errorHandler
 
+const scrollToMock = jest.fn()
+
+global.scrollTo = scrollToMock
+
 describe('GddTransactionList', () => {
   let wrapper
 
@@ -263,29 +267,30 @@ describe('GddTransactionList', () => {
       })
 
       it('emits update-transactions when next button is clicked', async () => {
-        paginationButtons.find('button.next-page').trigger('click')
-        await wrapper.vm.$nextTick()
+        await paginationButtons.find('button.next-page').trigger('click')
         expect(wrapper.emitted('update-transactions')[1]).toEqual([{ firstPage: 2, items: 25 }])
       })
 
       it('shows text "2 / 2" when next button is clicked', async () => {
-        paginationButtons.find('button.next-page').trigger('click')
-        await wrapper.vm.$nextTick()
+        await paginationButtons.find('button.next-page').trigger('click')
         expect(paginationButtons.find('p.text-center').text()).toBe('2 / 2')
       })
 
       it('has next-button disabled when next button is clicked', async () => {
-        paginationButtons.find('button.next-page').trigger('click')
-        await wrapper.vm.$nextTick()
+        await paginationButtons.find('button.next-page').trigger('click')
         expect(paginationButtons.find('button.next-page').attributes('disabled')).toBe('disabled')
       })
 
+      it('scrolls to top after loading next page', async () => {
+        await paginationButtons.find('button.next-page').trigger('click')
+        expect(scrollToMock).toBeCalled()
+      })
+
       it('emits update-transactions when preivous button is clicked after next buton', async () => {
-        paginationButtons.find('button.next-page').trigger('click')
-        await wrapper.vm.$nextTick()
-        paginationButtons.find('button.previous-page').trigger('click')
-        await wrapper.vm.$nextTick()
+        await paginationButtons.find('button.next-page').trigger('click')
+        await paginationButtons.find('button.previous-page').trigger('click')
         expect(wrapper.emitted('update-transactions')[2]).toEqual([{ firstPage: 1, items: 25 }])
+        expect(scrollToMock).toBeCalled()
       })
     })
   })