From d5ba30df6fe5de0ee8bc395a1bc702e53df07c1a Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Fri, 30 Apr 2021 15:34:52 +0200
Subject: [PATCH 1/2] renamed KontoOverview to AccountOverview. Moved
 AccountOverview folder into Pages folder

---
 frontend/src/routes/routes.js                               | 2 +-
 .../{KontoOverview.spec.js => AccountOverview.spec.js}      | 6 +++---
 .../views/Pages/{KontoOverview.vue => AccountOverview.vue}  | 6 +++---
 .../AccountOverview}/GddAddWork2.vue                        | 0
 .../{KontoOverview => Pages/AccountOverview}/GddSend.vue    | 2 +-
 .../AccountOverview}/GddStatus.spec.js                      | 0
 .../{KontoOverview => Pages/AccountOverview}/GddStatus.vue  | 0
 .../{KontoOverview => Pages/AccountOverview}/GddTable.vue   | 2 +-
 .../AccountOverview}/GddWorkTable.vue                       | 0
 frontend/src/views/Pages/UserProfileActivity.vue            | 4 ++--
 frontend/src/views/Pages/UserProfileTransactionList.vue     | 2 +-
 11 files changed, 12 insertions(+), 12 deletions(-)
 rename frontend/src/views/Pages/{KontoOverview.spec.js => AccountOverview.spec.js} (92%)
 rename frontend/src/views/Pages/{KontoOverview.vue => AccountOverview.vue} (89%)
 rename frontend/src/views/{KontoOverview => Pages/AccountOverview}/GddAddWork2.vue (100%)
 rename frontend/src/views/{KontoOverview => Pages/AccountOverview}/GddSend.vue (99%)
 rename frontend/src/views/{KontoOverview => Pages/AccountOverview}/GddStatus.spec.js (100%)
 rename frontend/src/views/{KontoOverview => Pages/AccountOverview}/GddStatus.vue (100%)
 rename frontend/src/views/{KontoOverview => Pages/AccountOverview}/GddTable.vue (98%)
 rename frontend/src/views/{KontoOverview => Pages/AccountOverview}/GddWorkTable.vue (100%)

diff --git a/frontend/src/routes/routes.js b/frontend/src/routes/routes.js
index cb1e0eeba..236cc15af 100755
--- a/frontend/src/routes/routes.js
+++ b/frontend/src/routes/routes.js
@@ -9,7 +9,7 @@ const routes = [
   },
   {
     path: '/overview',
-    component: () => import('../views/Pages/KontoOverview.vue'),
+    component: () => import('../views/Pages/AccountOverview.vue'),
     meta: {
       requiresAuth: true,
     },
diff --git a/frontend/src/views/Pages/KontoOverview.spec.js b/frontend/src/views/Pages/AccountOverview.spec.js
similarity index 92%
rename from frontend/src/views/Pages/KontoOverview.spec.js
rename to frontend/src/views/Pages/AccountOverview.spec.js
index b0385cbc3..676ccc433 100644
--- a/frontend/src/views/Pages/KontoOverview.spec.js
+++ b/frontend/src/views/Pages/AccountOverview.spec.js
@@ -1,9 +1,9 @@
 import { shallowMount } from '@vue/test-utils'
-import KontoOverview from './KontoOverview'
+import AccountOverview from './AccountOverview'
 
 const localVue = global.localVue
 
-describe('KontoOverview', () => {
+describe('AccountOverview', () => {
   let wrapper
 
   let mocks = {
@@ -11,7 +11,7 @@ describe('KontoOverview', () => {
   }
 
   const Wrapper = () => {
-    return shallowMount(KontoOverview, { localVue, mocks })
+    return shallowMount(AccountOverview, { localVue, mocks })
   }
 
   describe('shallow Mount', () => {
diff --git a/frontend/src/views/Pages/KontoOverview.vue b/frontend/src/views/Pages/AccountOverview.vue
similarity index 89%
rename from frontend/src/views/Pages/KontoOverview.vue
rename to frontend/src/views/Pages/AccountOverview.vue
index e05a6236d..f756ba9bf 100644
--- a/frontend/src/views/Pages/KontoOverview.vue
+++ b/frontend/src/views/Pages/AccountOverview.vue
@@ -24,9 +24,9 @@
   </div>
 </template>
 <script>
-import GddStatus from '../KontoOverview/GddStatus.vue'
-import GddSend from '../KontoOverview/GddSend.vue'
-import GddTable from '../KontoOverview/GddTable.vue'
+import GddStatus from './AccountOverview/GddStatus.vue'
+import GddSend from './AccountOverview/GddSend.vue'
+import GddTable from './AccountOverview/GddTable.vue'
 
 export default {
   name: 'Overview',
diff --git a/frontend/src/views/KontoOverview/GddAddWork2.vue b/frontend/src/views/Pages/AccountOverview/GddAddWork2.vue
similarity index 100%
rename from frontend/src/views/KontoOverview/GddAddWork2.vue
rename to frontend/src/views/Pages/AccountOverview/GddAddWork2.vue
diff --git a/frontend/src/views/KontoOverview/GddSend.vue b/frontend/src/views/Pages/AccountOverview/GddSend.vue
similarity index 99%
rename from frontend/src/views/KontoOverview/GddSend.vue
rename to frontend/src/views/Pages/AccountOverview/GddSend.vue
index 64e71ab39..c212785da 100644
--- a/frontend/src/views/KontoOverview/GddSend.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddSend.vue
@@ -194,7 +194,7 @@
 <script>
 import { QrcodeStream, QrcodeDropZone } from 'vue-qrcode-reader'
 import { BIcon } from 'bootstrap-vue'
-import communityAPI from '../../apis/communityAPI.js'
+import communityAPI from '../../../apis/communityAPI.js'
 
 export default {
   name: 'GddSent',
diff --git a/frontend/src/views/KontoOverview/GddStatus.spec.js b/frontend/src/views/Pages/AccountOverview/GddStatus.spec.js
similarity index 100%
rename from frontend/src/views/KontoOverview/GddStatus.spec.js
rename to frontend/src/views/Pages/AccountOverview/GddStatus.spec.js
diff --git a/frontend/src/views/KontoOverview/GddStatus.vue b/frontend/src/views/Pages/AccountOverview/GddStatus.vue
similarity index 100%
rename from frontend/src/views/KontoOverview/GddStatus.vue
rename to frontend/src/views/Pages/AccountOverview/GddStatus.vue
diff --git a/frontend/src/views/KontoOverview/GddTable.vue b/frontend/src/views/Pages/AccountOverview/GddTable.vue
similarity index 98%
rename from frontend/src/views/KontoOverview/GddTable.vue
rename to frontend/src/views/Pages/AccountOverview/GddTable.vue
index e8e1f3cd3..e35b1ff13 100644
--- a/frontend/src/views/KontoOverview/GddTable.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddTable.vue
@@ -88,7 +88,7 @@
 
 <script>
 import axios from 'axios'
-import communityAPI from '../../apis/communityAPI'
+import communityAPI from '../../../apis/communityAPI'
 
 export default {
   name: 'GddTable',
diff --git a/frontend/src/views/KontoOverview/GddWorkTable.vue b/frontend/src/views/Pages/AccountOverview/GddWorkTable.vue
similarity index 100%
rename from frontend/src/views/KontoOverview/GddWorkTable.vue
rename to frontend/src/views/Pages/AccountOverview/GddWorkTable.vue
diff --git a/frontend/src/views/Pages/UserProfileActivity.vue b/frontend/src/views/Pages/UserProfileActivity.vue
index 637837f70..6d69bc162 100644
--- a/frontend/src/views/Pages/UserProfileActivity.vue
+++ b/frontend/src/views/Pages/UserProfileActivity.vue
@@ -31,8 +31,8 @@
   </div>
 </template>
 <script>
-import GddWorkTable from '../../views/KontoOverview/GddWorkTable.vue'
-import GddAddWork2 from '../../views/KontoOverview/GddAddWork2.vue'
+import GddWorkTable from '../../views/Pages/AccountOverview/GddWorkTable.vue'
+import GddAddWork2 from '../../views/Pages/AccountOverview/GddAddWork2.vue'
 
 import * as chartConfigs from '@/components/Charts/config'
 import LineChart from '@/components/Charts/LineChart'
diff --git a/frontend/src/views/Pages/UserProfileTransactionList.vue b/frontend/src/views/Pages/UserProfileTransactionList.vue
index 2033a189a..7535144ae 100644
--- a/frontend/src/views/Pages/UserProfileTransactionList.vue
+++ b/frontend/src/views/Pages/UserProfileTransactionList.vue
@@ -14,7 +14,7 @@
   </div>
 </template>
 <script>
-import GddTable from '../../views/KontoOverview/GddTable.vue'
+import GddTable from '../../views/Pages/AccountOverview/GddTable.vue'
 
 export default {
   components: {

From 1133e2c9b9d0ea856093f7288b5c5177c9ce9ef2 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Fri, 30 Apr 2021 17:10:21 +0200
Subject: [PATCH 2/2] removed UserProfile.vue, tests for GddSend.vue

---
 .../Pages/AccountOverview/GddSend.spec.js     | 135 ++++++++++++++++++
 .../views/Pages/AccountOverview/GddSend.vue   |   5 +-
 frontend/src/views/Pages/UserProfile.vue      |  51 -------
 3 files changed, 137 insertions(+), 54 deletions(-)
 create mode 100644 frontend/src/views/Pages/AccountOverview/GddSend.spec.js
 delete mode 100755 frontend/src/views/Pages/UserProfile.vue

diff --git a/frontend/src/views/Pages/AccountOverview/GddSend.spec.js b/frontend/src/views/Pages/AccountOverview/GddSend.spec.js
new file mode 100644
index 000000000..330ce7192
--- /dev/null
+++ b/frontend/src/views/Pages/AccountOverview/GddSend.spec.js
@@ -0,0 +1,135 @@
+import { mount } from '@vue/test-utils'
+import GddSend from './GddSend'
+import Vuex from 'vuex'
+
+const localVue = global.localVue
+
+describe('GddSend', () => {
+  let wrapper
+
+  let state = {
+    user: {
+      balance: 1234,
+      balance_gdt: 9876,
+    },
+  }
+
+  let store = new Vuex.Store({
+    state,
+  })
+
+  let mocks = {
+    //    $n: jest.fn((n) => n),
+    $t: jest.fn((t) => t),
+    $moment: jest.fn((m) => ({
+      format: () => m,
+    })),
+  }
+
+  const Wrapper = () => {
+    return mount(GddSend, { localVue, store, mocks })
+  }
+
+  describe('mount', () => {
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders the component', () => {
+      expect(wrapper.find('div.gdd-send').exists()).toBeTruthy()
+    })
+
+    describe('warning messages', () => {
+      it('has a warning message', () => {
+        expect(wrapper.find('div.alert-warning').find('span').text()).toBe('form.attention')
+      })
+
+      it('has a dismiss button', () => {
+        expect(wrapper.find('div.alert-warning').find('button').exists()).toBeTruthy()
+      })
+
+      it('dismisses the warning when button is clicked', async () => {
+        wrapper.find('div.alert-warning').find('button').trigger('click')
+        await wrapper.vm.$nextTick()
+        expect(wrapper.find('div.alert-warning').exists()).toBeFalsy()
+      })
+    })
+
+    describe('transaction form', () => {
+      describe('email field', () => {
+        it('has an input field of type email', () => {
+          expect(wrapper.find('#input-group-1').find('input').attributes('type')).toBe('email')
+        })
+
+        it('has an envelope icon', () => {
+          expect(wrapper.find('#input-group-1').find('svg').attributes('aria-label')).toBe(
+            'envelope',
+          )
+        })
+
+        it('has a label form.receiver', () => {
+          expect(wrapper.findAll('div.text-left').at(0).text()).toBe('form.receiver')
+        })
+
+        it('has a placeholder "E-Mail"', () => {
+          expect(wrapper.find('#input-group-1').find('input').attributes('placeholder')).toBe(
+            'E-Mail',
+          )
+        })
+      })
+
+      describe('ammount field', () => {
+        it('has an input field of type number', () => {
+          expect(wrapper.find('#input-group-2').find('input').attributes('type')).toBe('number')
+        })
+
+        it('has an GDD text icon', () => {
+          expect(wrapper.find('#input-group-2').find('div.h3').text()).toBe('GDD')
+        })
+
+        it('has a label form.amount', () => {
+          expect(wrapper.findAll('div.text-left').at(1).text()).toBe('form.amount')
+        })
+
+        it('has a placeholder "0.01"', () => {
+          expect(wrapper.find('#input-group-2').find('input').attributes('placeholder')).toBe(
+            '0.01',
+          )
+        })
+      })
+
+      describe('message text box', () => {
+        it('has an textarea field', () => {
+          expect(wrapper.find('#input-group-3').find('textarea').exists()).toBeTruthy()
+        })
+
+        it('has an chat-right-text icon', () => {
+          expect(wrapper.find('#input-group-3').find('svg').attributes('aria-label')).toBe(
+            'chat right text',
+          )
+        })
+
+        it('has a label form.memo', () => {
+          expect(wrapper.findAll('div.text-left').at(2).text()).toBe('form.memo')
+        })
+      })
+
+      describe('cancel button', () => {
+        it('has a cancel button', () => {
+          expect(wrapper.find('button[type="reset"]').exists()).toBeTruthy()
+        })
+
+        it('has the text "form.cancel"', () => {
+          expect(wrapper.find('button[type="reset"]').text()).toBe('form.cancel')
+        })
+
+        it.skip('clears the email field on click', async () => {
+          wrapper.find('#input-group-1').find('input').setValue('someone@watches.tv')
+          wrapper.find('button[type="reset"]').trigger('click')
+          await wrapper.vm.$nextTick()
+          expect(wrapper.vm.form.email).toBeNull()
+        })
+      })
+    })
+  })
+})
diff --git a/frontend/src/views/Pages/AccountOverview/GddSend.vue b/frontend/src/views/Pages/AccountOverview/GddSend.vue
index c212785da..5f2794922 100644
--- a/frontend/src/views/Pages/AccountOverview/GddSend.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddSend.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="gdd-send">
     <b-row v-show="showTransactionList">
       <b-col xl="12" md="12">
         <b-alert show dismissible variant="warning" class="text-center">
@@ -105,8 +105,7 @@
                   ></b-form-input>
                 </b-input-group>
                 <b-col class="text-left p-3 p-sm-1">{{ $t('form.memo') }}</b-col>
-
-                <b-input-group>
+                <b-input-group id="input-group-3">
                   <b-input-group-prepend class="p-3 d-none d-md-block">
                     <b-icon icon="chat-right-text" class="display-3"></b-icon>
                   </b-input-group-prepend>
diff --git a/frontend/src/views/Pages/UserProfile.vue b/frontend/src/views/Pages/UserProfile.vue
deleted file mode 100755
index 388568a5b..000000000
--- a/frontend/src/views/Pages/UserProfile.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <div>
-    <div
-      class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
-      style="
-        min-height: 600px;
-        background-image: url(img/theme/profile-cover.jpg);
-        background-size: cover;
-        background-position: center top;
-      "
-    >
-      <b-container fluid>
-        <b-container fluid class="d-flex align-items-center">
-          <b-row>
-            <b-col lg="7" md="10">
-              <h1 class="display-2 text-white">Hello {{ this.$store.state.email }}</h1>
-              <p class="text-white mt-0 mb-5">
-                This is your profile page. You can see the progress you've made with your work and
-                manage your projects or assigned tasks
-              </p>
-              <a href="#!" class="btn btn-info">Edit profile</a>
-            </b-col>
-          </b-row>
-        </b-container>
-      </b-container>
-    </div>
-
-    <b-container fluid class="mt--6">
-      <b-row>
-        <b-col xl="4" class="order-xl-2 mb-5">
-          <user-card></user-card>
-        </b-col>
-        <b-col xl="8" class="order-xl-1">
-          <edit-profile-form></edit-profile-form>
-        </b-col>
-      </b-row>
-    </b-container>
-  </div>
-</template>
-<script>
-import EditProfileForm from './UserProfile/EditProfileForm.vue'
-import UserCard from './UserProfile/UserCard.vue'
-
-export default {
-  components: {
-    EditProfileForm,
-    UserCard,
-  },
-}
-</script>
-<style></style>