From 4621ee35d11dc2902c2bee00545e2d2b4f5d39ae Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Mon, 21 Mar 2022 21:43:23 +0100
Subject: [PATCH] use router push to navigate to send

---
 .../TransactionRows/AmountAndNameRow.spec.js  | 21 ++++++++++++++-----
 .../TransactionRows/AmountAndNameRow.vue      |  3 +--
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/TransactionRows/AmountAndNameRow.spec.js b/frontend/src/components/TransactionRows/AmountAndNameRow.spec.js
index d221d46f0..157aa93af 100644
--- a/frontend/src/components/TransactionRows/AmountAndNameRow.spec.js
+++ b/frontend/src/components/TransactionRows/AmountAndNameRow.spec.js
@@ -3,7 +3,11 @@ import AmountAndNameRow from './AmountAndNameRow'
 
 const localVue = global.localVue
 
-const mocks = {}
+const mocks = {
+  $router: {
+    push: jest.fn(),
+  },
+}
 
 const propsData = {
   amount: '19.99',
@@ -51,10 +55,17 @@ describe('AmountAndNameRow', () => {
         expect(wrapper.find('div.gdd-transaction-list-item-name').find('a').exists()).toBe(true)
       })
 
-      it('links with param email', () => {
-        expect(
-          wrapper.find('div.gdd-transaction-list-item-name').find('a').attributes('href'),
-        ).toBe('/send?email=bibi@bloxberg.de')
+      describe('click link', () => {
+        beforeEach(async () => {
+          await wrapper.find('div.gdd-transaction-list-item-name').find('a').trigger('click')
+        })
+
+        it('pushes the rpute with query for email', () => {
+          expect(mocks.$router.push).toBeCalledWith({
+            path: '/send',
+            query: { email: 'bibi@bloxberg.de' },
+          })
+        })
       })
     })
   })
diff --git a/frontend/src/components/TransactionRows/AmountAndNameRow.vue b/frontend/src/components/TransactionRows/AmountAndNameRow.vue
index 0fa82efe9..f295af26d 100644
--- a/frontend/src/components/TransactionRows/AmountAndNameRow.vue
+++ b/frontend/src/components/TransactionRows/AmountAndNameRow.vue
@@ -12,8 +12,7 @@
         <div class="gdd-transaction-list-item-name">
           <b-link
             v-if="linkedUser && linkedUser.email"
-            :href="`/send?email=${linkedUser.email}`"
-            @click.stop
+            @click.stop="$router.push({ path: '/send', query: { email: `${linkedUser.email}` } })"
           >
             {{ itemText }}
           </b-link>