From 35b01d90107aea8ba2bd5124c9e90804d4243a4f Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Mon, 25 Oct 2021 10:53:56 +0200
Subject: [PATCH 01/21] Change the register site so that it loads community
 information if their is none.

---
 frontend/src/views/Pages/Register.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/views/Pages/Register.vue b/frontend/src/views/Pages/Register.vue
index ff83f84fc..d7909c964 100755
--- a/frontend/src/views/Pages/Register.vue
+++ b/frontend/src/views/Pages/Register.vue
@@ -161,6 +161,7 @@ import InputEmail from '../../components/Inputs/InputEmail.vue'
 import InputPasswordConfirmation from '../../components/Inputs/InputPasswordConfirmation.vue'
 import LanguageSwitchSelect from '../../components/LanguageSwitchSelect.vue'
 import { registerUser } from '../../graphql/mutations'
+import { communityInfo } from '../../graphql/queries'
 
 export default {
   components: { InputPasswordConfirmation, InputEmail, LanguageSwitchSelect },
@@ -228,6 +229,20 @@ export default {
       this.form.password.passwordRepeat = ''
       this.language = ''
     },
+    async onCreated() {
+      if (!this.$state.store.community) {
+        this.$apollo
+          .query({
+            query: communityInfo,
+          })
+          .then((result) => {
+            this.$store.commit('community', result.data.getCommunityInfo)
+          })
+          .catch((error) => {
+            this.$toasted.error(error.message)
+          })
+      }
+    },
   },
   computed: {
     namesFilled() {
@@ -242,6 +257,9 @@ export default {
       return this.form.email !== ''
     },
   },
+  created() {
+    this.onCreated()
+  },
 }
 </script>
 <style></style>

From 5febfc337e09b57339aef4ff3ee6b65cd9c7ebb9 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Mon, 25 Oct 2021 10:54:21 +0200
Subject: [PATCH 02/21] Changed the register community page so that it loads
 community informations if not provided.

---
 .../src/views/Pages/RegisterCommunity.vue     | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/RegisterCommunity.vue b/frontend/src/views/Pages/RegisterCommunity.vue
index 9512edd1a..94137e09c 100644
--- a/frontend/src/views/Pages/RegisterCommunity.vue
+++ b/frontend/src/views/Pages/RegisterCommunity.vue
@@ -49,12 +49,32 @@
   </div>
 </template>
 <script>
+import { communityInfo } from '../../graphql/queries'
+
 export default {
   name: 'registerCommunity',
   data() {
     return {}
   },
-  methods: {},
+  methods: {
+    async onCreated() {
+      if (!this.$state.store.community) {
+        this.$apollo
+          .query({
+            query: communityInfo,
+          })
+          .then((result) => {
+            this.$store.commit('community', result.data.getCommunityInfo)
+          })
+          .catch((error) => {
+            this.$toasted.error(error.message)
+          })
+      }
+    },
+  },
+  created() {
+    this.onCreated()
+  },
 }
 </script>
 <style></style>

From c0fc927c23f8cbb014e3434db649c772d5328cce Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 27 Oct 2021 15:37:04 +0200
Subject: [PATCH 03/21] Withdrew duplicate code and wrote a mixin for it.

---
 frontend/src/mixin/getCommunityInfo.js | 18 ++++++++++++++++++
 frontend/src/views/Pages/Login.vue     | 19 +++----------------
 frontend/src/views/Pages/Register.vue  | 20 ++------------------
 3 files changed, 23 insertions(+), 34 deletions(-)
 create mode 100644 frontend/src/mixin/getCommunityInfo.js

diff --git a/frontend/src/mixin/getCommunityInfo.js b/frontend/src/mixin/getCommunityInfo.js
new file mode 100644
index 000000000..b3feb1267
--- /dev/null
+++ b/frontend/src/mixin/getCommunityInfo.js
@@ -0,0 +1,18 @@
+import { communityInfo } from '../graphql/queries'
+
+export const getCommunityInfo = {
+  created() {
+    if (!this.$store.state.community) {
+      this.$apollo
+        .query({
+          query: communityInfo,
+        })
+        .then((result) => {
+          this.$store.commit('community', result.data.getCommunityInfo)
+        })
+        .catch((error) => {
+          this.$toasted.error(error.message)
+        })
+    }
+  },
+}
diff --git a/frontend/src/views/Pages/Login.vue b/frontend/src/views/Pages/Login.vue
index 0cdbeb942..9b50c9d71 100755
--- a/frontend/src/views/Pages/Login.vue
+++ b/frontend/src/views/Pages/Login.vue
@@ -62,7 +62,8 @@
 <script>
 import InputPassword from '../../components/Inputs/InputPassword'
 import InputEmail from '../../components/Inputs/InputEmail'
-import { login, communityInfo } from '../../graphql/queries'
+import { login } from '../../graphql/queries'
+import { getCommunityInfo } from '../../mixin/getCommunityInfo'
 
 export default {
   name: 'login',
@@ -70,6 +71,7 @@ export default {
     InputPassword,
     InputEmail,
   },
+  mixins: [getCommunityInfo],
   data() {
     return {
       form: {
@@ -107,21 +109,6 @@ export default {
           this.$toasted.error(this.$t('error.no-account'))
         })
     },
-    async onCreated() {
-      this.$apollo
-        .query({
-          query: communityInfo,
-        })
-        .then((result) => {
-          this.$store.commit('community', result.data.getCommunityInfo)
-        })
-        .catch((error) => {
-          this.$toasted.error(error.message)
-        })
-    },
-  },
-  created() {
-    this.onCreated()
   },
 }
 </script>
diff --git a/frontend/src/views/Pages/Register.vue b/frontend/src/views/Pages/Register.vue
index d7909c964..29b1f7dfb 100755
--- a/frontend/src/views/Pages/Register.vue
+++ b/frontend/src/views/Pages/Register.vue
@@ -161,11 +161,12 @@ import InputEmail from '../../components/Inputs/InputEmail.vue'
 import InputPasswordConfirmation from '../../components/Inputs/InputPasswordConfirmation.vue'
 import LanguageSwitchSelect from '../../components/LanguageSwitchSelect.vue'
 import { registerUser } from '../../graphql/mutations'
-import { communityInfo } from '../../graphql/queries'
+import { getCommunityInfo } from '../../mixin/getCommunityInfo'
 
 export default {
   components: { InputPasswordConfirmation, InputEmail, LanguageSwitchSelect },
   name: 'register',
+  mixins: [getCommunityInfo],
   data() {
     return {
       form: {
@@ -229,20 +230,6 @@ export default {
       this.form.password.passwordRepeat = ''
       this.language = ''
     },
-    async onCreated() {
-      if (!this.$state.store.community) {
-        this.$apollo
-          .query({
-            query: communityInfo,
-          })
-          .then((result) => {
-            this.$store.commit('community', result.data.getCommunityInfo)
-          })
-          .catch((error) => {
-            this.$toasted.error(error.message)
-          })
-      }
-    },
   },
   computed: {
     namesFilled() {
@@ -257,9 +244,6 @@ export default {
       return this.form.email !== ''
     },
   },
-  created() {
-    this.onCreated()
-  },
 }
 </script>
 <style></style>

From cb799ea925864d1c852db6a685b007c1a618fd5f Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Thu, 28 Oct 2021 06:50:16 +0200
Subject: [PATCH 04/21] Added mixin to the register community page.

---
 .../src/views/Pages/RegisterCommunity.vue     | 23 +++----------------
 1 file changed, 3 insertions(+), 20 deletions(-)

diff --git a/frontend/src/views/Pages/RegisterCommunity.vue b/frontend/src/views/Pages/RegisterCommunity.vue
index 94137e09c..4b4dff84c 100644
--- a/frontend/src/views/Pages/RegisterCommunity.vue
+++ b/frontend/src/views/Pages/RegisterCommunity.vue
@@ -49,32 +49,15 @@
   </div>
 </template>
 <script>
-import { communityInfo } from '../../graphql/queries'
+import { getCommunityInfo } from '../../mixin/getCommunityInfo'
 
 export default {
   name: 'registerCommunity',
   data() {
     return {}
   },
-  methods: {
-    async onCreated() {
-      if (!this.$state.store.community) {
-        this.$apollo
-          .query({
-            query: communityInfo,
-          })
-          .then((result) => {
-            this.$store.commit('community', result.data.getCommunityInfo)
-          })
-          .catch((error) => {
-            this.$toasted.error(error.message)
-          })
-      }
-    },
-  },
-  created() {
-    this.onCreated()
-  },
+  mixins: [getCommunityInfo],
+  methods: {},
 }
 </script>
 <style></style>

From 8a8cccd540852247b4be08ecc81b83e67427ff26 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Thu, 28 Oct 2021 10:34:44 +0200
Subject: [PATCH 05/21] [WIP] Test that the mixin does the work.

---
 frontend/src/mixin/getCommunityInfo.js |  4 +-
 frontend/src/views/Pages/Login.spec.js | 61 ++++++++++++++------------
 2 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/frontend/src/mixin/getCommunityInfo.js b/frontend/src/mixin/getCommunityInfo.js
index b3feb1267..8c45513dc 100644
--- a/frontend/src/mixin/getCommunityInfo.js
+++ b/frontend/src/mixin/getCommunityInfo.js
@@ -1,16 +1,18 @@
 import { communityInfo } from '../graphql/queries'
 
 export const getCommunityInfo = {
-  created() {
+  beforeCreate() {
     if (!this.$store.state.community) {
       this.$apollo
         .query({
           query: communityInfo,
         })
         .then((result) => {
+          // console.log('Got a community info: ', result.data.getCommunityInfo)
           this.$store.commit('community', result.data.getCommunityInfo)
         })
         .catch((error) => {
+          // console.log('Got a error: ', error.message)
           this.$toasted.error(error.message)
         })
     }
diff --git a/frontend/src/views/Pages/Login.spec.js b/frontend/src/views/Pages/Login.spec.js
index 13d12df85..83558d076 100644
--- a/frontend/src/views/Pages/Login.spec.js
+++ b/frontend/src/views/Pages/Login.spec.js
@@ -1,8 +1,10 @@
-import { mount, RouterLinkStub } from '@vue/test-utils'
+import { RouterLinkStub, mount } from '@vue/test-utils'
 import flushPromises from 'flush-promises'
 import Login from './Login'
+import { getCommunityInfo } from '../../mixin/getCommunityInfo'
 
 const localVue = global.localVue
+localVue.mixin(getCommunityInfo)
 
 const apolloQueryMock = jest.fn().mockResolvedValue({
   data: {
@@ -17,7 +19,11 @@ const apolloQueryMock = jest.fn().mockResolvedValue({
 
 const toastErrorMock = jest.fn()
 const mockStoreDispach = jest.fn()
-const mockStoreCommit = jest.fn()
+const mockStoreCommit = jest.fn((target, community) => {
+  // console.log('mockStoreCommit', global.$store.state.community)
+  global.$store.state[target] = community
+  // console.log('mockStoreCommit', global.$store.state.community)
+})
 const mockRouterPush = jest.fn()
 const spinnerHideMock = jest.fn()
 const spinnerMock = jest.fn(() => {
@@ -26,6 +32,21 @@ const spinnerMock = jest.fn(() => {
   }
 })
 
+global.$store = {
+  dispatch: mockStoreDispach,
+  commit: mockStoreCommit,
+  state: {
+    community: null,
+    publisherId: 12345,
+  },
+}
+global.$toasted = {
+  error: toastErrorMock,
+}
+global.$apollo = {
+  query: apolloQueryMock,
+}
+
 describe('Login', () => {
   let wrapper
 
@@ -34,31 +55,15 @@ describe('Login', () => {
       locale: 'en',
     },
     $t: jest.fn((t) => t),
-    $store: {
-      dispatch: mockStoreDispach,
-      commit: mockStoreCommit,
-      state: {
-        community: {
-          name: 'Gradido Entwicklung',
-          url: 'http://localhost/vue/',
-          registerUrl: 'http://localhost/vue/register',
-          description: 'Die lokale Entwicklungsumgebung von Gradido.',
-        },
-        publisherId: 12345,
-      },
-    },
+    $store: global.$store,
     $loading: {
       show: spinnerMock,
     },
     $router: {
       push: mockRouterPush,
     },
-    $toasted: {
-      error: toastErrorMock,
-    },
-    $apollo: {
-      query: apolloQueryMock,
-    },
+    $toasted: global.$toasted,
+    $apollo: global.$apollo,
   }
 
   const stubs = {
@@ -74,10 +79,6 @@ describe('Login', () => {
       wrapper = Wrapper()
     })
 
-    it('renders the Login form', () => {
-      expect(wrapper.find('div.login-form').exists()).toBeTruthy()
-    })
-
     it('commits the community info to the store', () => {
       expect(mockStoreCommit).toBeCalledWith('community', {
         name: 'test12',
@@ -87,6 +88,10 @@ describe('Login', () => {
       })
     })
 
+    it('renders the Login form', () => {
+      expect(wrapper.find('div.login-form').exists()).toBeTruthy()
+    })
+
     describe('communities gives back error', () => {
       beforeEach(() => {
         apolloQueryMock.mockRejectedValue({
@@ -108,13 +113,11 @@ describe('Login', () => {
 
     describe('Community Data', () => {
       it('has a Community name', () => {
-        expect(wrapper.find('.test-communitydata b').text()).toBe('Gradido Entwicklung')
+        expect(wrapper.find('.test-communitydata b').text()).toBe('test12')
       })
 
       it('has a Community description', () => {
-        expect(wrapper.find('.test-communitydata p').text()).toBe(
-          'Die lokale Entwicklungsumgebung von Gradido.',
-        )
+        expect(wrapper.find('.test-communitydata p').text()).toBe('test community 12')
       })
     })
 

From 2ac675287c8cee8d99b2bbd96fea29bfba1a269b Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 28 Oct 2021 11:32:59 +0200
Subject: [PATCH 06/21] get tests working, define default community in store
 with empty name and description

---
 frontend/src/mixin/getCommunityInfo.js | 36 +++++++++-------
 frontend/src/store/store.js            |  5 ++-
 frontend/src/views/Pages/Login.spec.js | 60 ++++++++++++++------------
 frontend/src/views/Pages/Login.vue     |  4 +-
 4 files changed, 59 insertions(+), 46 deletions(-)

diff --git a/frontend/src/mixin/getCommunityInfo.js b/frontend/src/mixin/getCommunityInfo.js
index 8c45513dc..f8fda6e45 100644
--- a/frontend/src/mixin/getCommunityInfo.js
+++ b/frontend/src/mixin/getCommunityInfo.js
@@ -1,20 +1,24 @@
 import { communityInfo } from '../graphql/queries'
 
-export const getCommunityInfo = {
-  beforeCreate() {
-    if (!this.$store.state.community) {
-      this.$apollo
-        .query({
-          query: communityInfo,
-        })
-        .then((result) => {
-          // console.log('Got a community info: ', result.data.getCommunityInfo)
-          this.$store.commit('community', result.data.getCommunityInfo)
-        })
-        .catch((error) => {
-          // console.log('Got a error: ', error.message)
-          this.$toasted.error(error.message)
-        })
-    }
+export const getCommunityInfoMixin = {
+  methods: {
+    getCommunityInfo() {
+      if (this.$store.state.community.name === '') {
+        this.$apollo
+          .query({
+            query: communityInfo,
+          })
+          .then((result) => {
+            this.$store.commit('community', result.data.getCommunityInfo)
+            return result.data.getCommunityInfo
+          })
+          .catch((error) => {
+            this.$toasted.error(error.message)
+          })
+      }
+    },
+  },
+  created() {
+    this.getCommunityInfo()
   },
 }
diff --git a/frontend/src/store/store.js b/frontend/src/store/store.js
index 9f87f0398..6a229c161 100644
--- a/frontend/src/store/store.js
+++ b/frontend/src/store/store.js
@@ -89,7 +89,10 @@ export const store = new Vuex.Store({
     token: null,
     coinanimation: true,
     newsletterState: null,
-    community: null,
+    community: {
+      name: '',
+      description: '',
+    },
     hasElopage: false,
     publisherId: null,
   },
diff --git a/frontend/src/views/Pages/Login.spec.js b/frontend/src/views/Pages/Login.spec.js
index 83558d076..60abf8821 100644
--- a/frontend/src/views/Pages/Login.spec.js
+++ b/frontend/src/views/Pages/Login.spec.js
@@ -1,10 +1,10 @@
 import { RouterLinkStub, mount } from '@vue/test-utils'
 import flushPromises from 'flush-promises'
 import Login from './Login'
-import { getCommunityInfo } from '../../mixin/getCommunityInfo'
+import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
 
 const localVue = global.localVue
-localVue.mixin(getCommunityInfo)
+localVue.mixin(getCommunityInfoMixin)
 
 const apolloQueryMock = jest.fn().mockResolvedValue({
   data: {
@@ -19,11 +19,7 @@ const apolloQueryMock = jest.fn().mockResolvedValue({
 
 const toastErrorMock = jest.fn()
 const mockStoreDispach = jest.fn()
-const mockStoreCommit = jest.fn((target, community) => {
-  // console.log('mockStoreCommit', global.$store.state.community)
-  global.$store.state[target] = community
-  // console.log('mockStoreCommit', global.$store.state.community)
-})
+const mockStoreCommit = jest.fn()
 const mockRouterPush = jest.fn()
 const spinnerHideMock = jest.fn()
 const spinnerMock = jest.fn(() => {
@@ -32,21 +28,6 @@ const spinnerMock = jest.fn(() => {
   }
 })
 
-global.$store = {
-  dispatch: mockStoreDispach,
-  commit: mockStoreCommit,
-  state: {
-    community: null,
-    publisherId: 12345,
-  },
-}
-global.$toasted = {
-  error: toastErrorMock,
-}
-global.$apollo = {
-  query: apolloQueryMock,
-}
-
 describe('Login', () => {
   let wrapper
 
@@ -55,15 +36,29 @@ describe('Login', () => {
       locale: 'en',
     },
     $t: jest.fn((t) => t),
-    $store: global.$store,
+    $store: {
+      dispatch: mockStoreDispach,
+      commit: mockStoreCommit,
+      state: {
+        community: {
+          name: '',
+          description: '',
+        },
+        publisherId: 12345,
+      },
+    },
     $loading: {
       show: spinnerMock,
     },
     $router: {
       push: mockRouterPush,
     },
-    $toasted: global.$toasted,
-    $apollo: global.$apollo,
+    $toasted: {
+      error: toastErrorMock,
+    },
+    $apollo: {
+      query: apolloQueryMock,
+    },
   }
 
   const stubs = {
@@ -112,12 +107,23 @@ describe('Login', () => {
     })
 
     describe('Community Data', () => {
+      beforeEach(() => {
+        mocks.$store.state.community = {
+          name: 'Gradido Entwicklung',
+          url: 'http://localhost/vue/',
+          registerUrl: 'http://localhost/vue/register',
+          description: 'Die lokale Entwicklungsumgebung von Gradido.',
+        }
+      })
+
       it('has a Community name', () => {
-        expect(wrapper.find('.test-communitydata b').text()).toBe('test12')
+        expect(wrapper.find('.test-communitydata b').text()).toBe('Gradido Entwicklung')
       })
 
       it('has a Community description', () => {
-        expect(wrapper.find('.test-communitydata p').text()).toBe('test community 12')
+        expect(wrapper.find('.test-communitydata p').text()).toBe(
+          'Die lokale Entwicklungsumgebung von Gradido.',
+        )
       })
     })
 
diff --git a/frontend/src/views/Pages/Login.vue b/frontend/src/views/Pages/Login.vue
index 9b50c9d71..0bb904983 100755
--- a/frontend/src/views/Pages/Login.vue
+++ b/frontend/src/views/Pages/Login.vue
@@ -63,7 +63,7 @@
 import InputPassword from '../../components/Inputs/InputPassword'
 import InputEmail from '../../components/Inputs/InputEmail'
 import { login } from '../../graphql/queries'
-import { getCommunityInfo } from '../../mixin/getCommunityInfo'
+import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
 
 export default {
   name: 'login',
@@ -71,7 +71,7 @@ export default {
     InputPassword,
     InputEmail,
   },
-  mixins: [getCommunityInfo],
+  mixins: [getCommunityInfoMixin],
   data() {
     return {
       form: {

From 36374b968f71c073979e0dfc41202afa2a460e72 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 28 Oct 2021 11:39:07 +0200
Subject: [PATCH 07/21] apply get community info mixin in all Register
 Components

---
 frontend/src/views/Pages/Register.vue                | 4 ++--
 frontend/src/views/Pages/RegisterCommunity.vue       | 8 ++------
 frontend/src/views/Pages/RegisterSelectCommunity.vue | 2 ++
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/Pages/Register.vue b/frontend/src/views/Pages/Register.vue
index 29b1f7dfb..6655cfa7d 100755
--- a/frontend/src/views/Pages/Register.vue
+++ b/frontend/src/views/Pages/Register.vue
@@ -161,12 +161,12 @@ import InputEmail from '../../components/Inputs/InputEmail.vue'
 import InputPasswordConfirmation from '../../components/Inputs/InputPasswordConfirmation.vue'
 import LanguageSwitchSelect from '../../components/LanguageSwitchSelect.vue'
 import { registerUser } from '../../graphql/mutations'
-import { getCommunityInfo } from '../../mixin/getCommunityInfo'
+import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
 
 export default {
   components: { InputPasswordConfirmation, InputEmail, LanguageSwitchSelect },
   name: 'register',
-  mixins: [getCommunityInfo],
+  mixins: [getCommunityInfoMixin],
   data() {
     return {
       form: {
diff --git a/frontend/src/views/Pages/RegisterCommunity.vue b/frontend/src/views/Pages/RegisterCommunity.vue
index 4b4dff84c..19a90ca5f 100644
--- a/frontend/src/views/Pages/RegisterCommunity.vue
+++ b/frontend/src/views/Pages/RegisterCommunity.vue
@@ -49,15 +49,11 @@
   </div>
 </template>
 <script>
-import { getCommunityInfo } from '../../mixin/getCommunityInfo'
+import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
 
 export default {
   name: 'registerCommunity',
-  data() {
-    return {}
-  },
-  mixins: [getCommunityInfo],
-  methods: {},
+  mixins: [getCommunityInfoMixin],
 }
 </script>
 <style></style>
diff --git a/frontend/src/views/Pages/RegisterSelectCommunity.vue b/frontend/src/views/Pages/RegisterSelectCommunity.vue
index 0d3c25220..0a4b72462 100644
--- a/frontend/src/views/Pages/RegisterSelectCommunity.vue
+++ b/frontend/src/views/Pages/RegisterSelectCommunity.vue
@@ -49,6 +49,7 @@
 </template>
 <script>
 import { communities } from '../../graphql/queries'
+import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
 
 export default {
   name: 'registerSelectCommunity',
@@ -58,6 +59,7 @@ export default {
       pending: true,
     }
   },
+  mixins: [getCommunityInfoMixin],
   methods: {
     async getCommunities() {
       const loader = this.$loading.show({

From b26120a4072b29357380f124848ca38999cbb298 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 28 Oct 2021 11:42:59 +0200
Subject: [PATCH 08/21] rename mixin folder to mixins

---
 frontend/src/{mixin => mixins}/getCommunityInfo.js   | 0
 frontend/src/views/Pages/Login.spec.js               | 2 --
 frontend/src/views/Pages/Login.vue                   | 2 +-
 frontend/src/views/Pages/Register.vue                | 2 +-
 frontend/src/views/Pages/RegisterCommunity.vue       | 2 +-
 frontend/src/views/Pages/RegisterSelectCommunity.vue | 2 +-
 6 files changed, 4 insertions(+), 6 deletions(-)
 rename frontend/src/{mixin => mixins}/getCommunityInfo.js (100%)

diff --git a/frontend/src/mixin/getCommunityInfo.js b/frontend/src/mixins/getCommunityInfo.js
similarity index 100%
rename from frontend/src/mixin/getCommunityInfo.js
rename to frontend/src/mixins/getCommunityInfo.js
diff --git a/frontend/src/views/Pages/Login.spec.js b/frontend/src/views/Pages/Login.spec.js
index 60abf8821..2ffe408ad 100644
--- a/frontend/src/views/Pages/Login.spec.js
+++ b/frontend/src/views/Pages/Login.spec.js
@@ -1,10 +1,8 @@
 import { RouterLinkStub, mount } from '@vue/test-utils'
 import flushPromises from 'flush-promises'
 import Login from './Login'
-import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
 
 const localVue = global.localVue
-localVue.mixin(getCommunityInfoMixin)
 
 const apolloQueryMock = jest.fn().mockResolvedValue({
   data: {
diff --git a/frontend/src/views/Pages/Login.vue b/frontend/src/views/Pages/Login.vue
index 0bb904983..de1ae993a 100755
--- a/frontend/src/views/Pages/Login.vue
+++ b/frontend/src/views/Pages/Login.vue
@@ -63,7 +63,7 @@
 import InputPassword from '../../components/Inputs/InputPassword'
 import InputEmail from '../../components/Inputs/InputEmail'
 import { login } from '../../graphql/queries'
-import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
+import { getCommunityInfoMixin } from '../../mixins/getCommunityInfo'
 
 export default {
   name: 'login',
diff --git a/frontend/src/views/Pages/Register.vue b/frontend/src/views/Pages/Register.vue
index 6655cfa7d..0c2b2dea8 100755
--- a/frontend/src/views/Pages/Register.vue
+++ b/frontend/src/views/Pages/Register.vue
@@ -161,7 +161,7 @@ import InputEmail from '../../components/Inputs/InputEmail.vue'
 import InputPasswordConfirmation from '../../components/Inputs/InputPasswordConfirmation.vue'
 import LanguageSwitchSelect from '../../components/LanguageSwitchSelect.vue'
 import { registerUser } from '../../graphql/mutations'
-import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
+import { getCommunityInfoMixin } from '../../mixins/getCommunityInfo'
 
 export default {
   components: { InputPasswordConfirmation, InputEmail, LanguageSwitchSelect },
diff --git a/frontend/src/views/Pages/RegisterCommunity.vue b/frontend/src/views/Pages/RegisterCommunity.vue
index 19a90ca5f..594c69571 100644
--- a/frontend/src/views/Pages/RegisterCommunity.vue
+++ b/frontend/src/views/Pages/RegisterCommunity.vue
@@ -49,7 +49,7 @@
   </div>
 </template>
 <script>
-import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
+import { getCommunityInfoMixin } from '../../mixins/getCommunityInfo'
 
 export default {
   name: 'registerCommunity',
diff --git a/frontend/src/views/Pages/RegisterSelectCommunity.vue b/frontend/src/views/Pages/RegisterSelectCommunity.vue
index 0a4b72462..10998d404 100644
--- a/frontend/src/views/Pages/RegisterSelectCommunity.vue
+++ b/frontend/src/views/Pages/RegisterSelectCommunity.vue
@@ -49,7 +49,7 @@
 </template>
 <script>
 import { communities } from '../../graphql/queries'
-import { getCommunityInfoMixin } from '../../mixin/getCommunityInfo'
+import { getCommunityInfoMixin } from '../../mixins/getCommunityInfo'
 
 export default {
   name: 'registerSelectCommunity',

From 37c90ae6a59be767aaea4f4d65465c5c588cd424 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 29 Oct 2021 12:54:11 +0200
Subject: [PATCH 09/21] Test that the community store commit is not send if
 community.name is not ''

---
 frontend/src/views/Pages/Login.spec.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/views/Pages/Login.spec.js b/frontend/src/views/Pages/Login.spec.js
index 2ffe408ad..daf32d978 100644
--- a/frontend/src/views/Pages/Login.spec.js
+++ b/frontend/src/views/Pages/Login.spec.js
@@ -106,12 +106,14 @@ describe('Login', () => {
 
     describe('Community Data', () => {
       beforeEach(() => {
+        jest.clearAllMocks()
         mocks.$store.state.community = {
           name: 'Gradido Entwicklung',
           url: 'http://localhost/vue/',
           registerUrl: 'http://localhost/vue/register',
           description: 'Die lokale Entwicklungsumgebung von Gradido.',
         }
+        wrapper = Wrapper()
       })
 
       it('has a Community name', () => {
@@ -123,6 +125,10 @@ describe('Login', () => {
           'Die lokale Entwicklungsumgebung von Gradido.',
         )
       })
+
+      it('does not update community', () => {
+        expect(mockStoreCommit).not.toBeCalled()
+      })
     })
 
     describe('links', () => {

From b293abcb56259c9159d692c54b6a362c30200578 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 29 Oct 2021 12:59:23 +0200
Subject: [PATCH 10/21] Change the description of the test.

---
 frontend/src/views/Pages/Login.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/Login.spec.js b/frontend/src/views/Pages/Login.spec.js
index daf32d978..c70403353 100644
--- a/frontend/src/views/Pages/Login.spec.js
+++ b/frontend/src/views/Pages/Login.spec.js
@@ -126,7 +126,7 @@ describe('Login', () => {
         )
       })
 
-      it('does not update community', () => {
+      it('does not update community data', () => {
         expect(mockStoreCommit).not.toBeCalled()
       })
     })

From f53ec663604338ae95f5dcfbd742c26eef18e1db Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 29 Oct 2021 13:00:18 +0200
Subject: [PATCH 11/21] Test that the community is working properly in
 register.

---
 frontend/src/views/Pages/Register.spec.js | 69 +++++++++++++++++++++--
 1 file changed, 63 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/Pages/Register.spec.js b/frontend/src/views/Pages/Register.spec.js
index 903c5f42d..40cb9097d 100644
--- a/frontend/src/views/Pages/Register.spec.js
+++ b/frontend/src/views/Pages/Register.spec.js
@@ -5,6 +5,19 @@ import Register from './Register'
 
 const localVue = global.localVue
 
+const apolloQueryMock = jest.fn().mockResolvedValue({
+  data: {
+    getCommunityInfo: {
+      name: 'test12',
+      description: 'test community 12',
+      url: 'http://test12.test12/',
+      registerUrl: 'http://test12.test12/vue/register',
+    },
+  },
+})
+
+const toastErrorMock = jest.fn()
+const mockStoreCommit = jest.fn()
 const registerUserMutationMock = jest.fn()
 const routerPushMock = jest.fn()
 
@@ -21,20 +34,23 @@ describe('Register', () => {
     },
     $apollo: {
       mutate: registerUserMutationMock,
+      query: apolloQueryMock,
     },
     $store: {
+      commit: mockStoreCommit,
       state: {
         email: 'peter@lustig.de',
         language: 'en',
         community: {
-          name: 'Gradido Entwicklung',
-          url: 'http://localhost/vue/',
-          registerUrl: 'http://localhost/vue/register',
-          description: 'Die lokale Entwicklungsumgebung von Gradido.',
+          name: '',
+          description: '',
         },
         publisherId: 12345,
       },
     },
+    $toasted: {
+      error: toastErrorMock,
+    },
   }
 
   const stubs = {
@@ -50,6 +66,15 @@ describe('Register', () => {
       wrapper = Wrapper()
     })
 
+    it('commits the community info to the store', () => {
+      expect(mockStoreCommit).toBeCalledWith('community', {
+        name: 'test12',
+        description: 'test community 12',
+        url: 'http://test12.test12/',
+        registerUrl: 'http://test12.test12/vue/register',
+      })
+    })
+
     it('renders the Register form', () => {
       expect(wrapper.find('div#registerform').exists()).toBeTruthy()
     })
@@ -60,16 +85,48 @@ describe('Register', () => {
       })
     })
 
+    describe('communities gives back error', () => {
+      beforeEach(() => {
+        apolloQueryMock.mockRejectedValue({
+          message: 'Failed to get communities',
+        })
+        wrapper = Wrapper()
+      })
+
+      it('toasts an error message', () => {
+        expect(toastErrorMock).toBeCalledWith('Failed to get communities')
+      })
+    })
+
     describe('Community Data', () => {
-      it('has a Community name?', () => {
+      beforeEach(() => {
+        jest.clearAllMocks()
+        mocks.$store.state.community = {
+          name: 'Gradido Entwicklung',
+          url: 'http://localhost/vue/',
+          registerUrl: 'http://localhost/vue/register',
+          description: 'Die lokale Entwicklungsumgebung von Gradido.',
+        }
+        wrapper = Wrapper()
+      })
+
+      it('has a Community name', () => {
         expect(wrapper.find('.test-communitydata b').text()).toBe('Gradido Entwicklung')
       })
 
-      it('has a Community description?', () => {
+      it('has a Community description', () => {
         expect(wrapper.find('.test-communitydata p').text()).toBe(
           'Die lokale Entwicklungsumgebung von Gradido.',
         )
       })
+
+      it('does not update community data', () => {
+        expect(mockStoreCommit).not.toBeCalled()
+      })
+
+      it('does not update community data', () => {
+        expect(mockStoreCommit).not.toBeCalled()
+      })
     })
 
     describe('links', () => {

From fb3daf6e4c60a4e328323d1c8cfb6e75c1e98689 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 29 Oct 2021 14:04:45 +0200
Subject: [PATCH 12/21] Change test not called commit and error toast to not
 call apollo query.

---
 frontend/src/views/Pages/Login.spec.js    | 4 ++--
 frontend/src/views/Pages/Register.spec.js | 8 ++------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/Pages/Login.spec.js b/frontend/src/views/Pages/Login.spec.js
index c70403353..11a4199f7 100644
--- a/frontend/src/views/Pages/Login.spec.js
+++ b/frontend/src/views/Pages/Login.spec.js
@@ -126,8 +126,8 @@ describe('Login', () => {
         )
       })
 
-      it('does not update community data', () => {
-        expect(mockStoreCommit).not.toBeCalled()
+      it('does not call community data update', () => {
+        expect(apolloQueryMock).not.toBeCalled()
       })
     })
 
diff --git a/frontend/src/views/Pages/Register.spec.js b/frontend/src/views/Pages/Register.spec.js
index 40cb9097d..67ebd131e 100644
--- a/frontend/src/views/Pages/Register.spec.js
+++ b/frontend/src/views/Pages/Register.spec.js
@@ -120,12 +120,8 @@ describe('Register', () => {
         )
       })
 
-      it('does not update community data', () => {
-        expect(mockStoreCommit).not.toBeCalled()
-      })
-
-      it('does not update community data', () => {
-        expect(mockStoreCommit).not.toBeCalled()
+      it('does not call community data update', () => {
+        expect(apolloQueryMock).not.toBeCalled()
       })
     })
 

From c70038ec8f6f1951edd26929307db9e6e4718ac1 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 29 Oct 2021 14:05:19 +0200
Subject: [PATCH 13/21] Test that the community calls are working properly.

---
 .../src/views/Pages/RegisterCommunity.spec.js | 73 ++++++++++++++++---
 1 file changed, 62 insertions(+), 11 deletions(-)

diff --git a/frontend/src/views/Pages/RegisterCommunity.spec.js b/frontend/src/views/Pages/RegisterCommunity.spec.js
index 102db5891..09f1fd4e9 100644
--- a/frontend/src/views/Pages/RegisterCommunity.spec.js
+++ b/frontend/src/views/Pages/RegisterCommunity.spec.js
@@ -3,6 +3,19 @@ import RegisterCommunity from './RegisterCommunity'
 
 const localVue = global.localVue
 
+const apolloQueryMock = jest.fn().mockResolvedValue({
+  data: {
+    getCommunityInfo: {
+      name: 'test12',
+      description: 'test community 12',
+      url: 'http://test12.test12/',
+      registerUrl: 'http://test12.test12/vue/register',
+    },
+  },
+})
+const toastErrorMock = jest.fn()
+const mockStoreCommit = jest.fn()
+
 describe('RegisterCommunity', () => {
   let wrapper
 
@@ -11,16 +24,21 @@ describe('RegisterCommunity', () => {
       locale: 'en',
     },
     $t: jest.fn((t) => t),
+    $apollo: {
+      query: apolloQueryMock,
+    },
     $store: {
+      commit: mockStoreCommit,
       state: {
         community: {
-          name: 'Gradido Entwicklung',
-          url: 'http://localhost/vue/',
-          registerUrl: 'http://localhost/vue/register',
-          description: 'Die lokale Entwicklungsumgebung von Gradido.',
+          name: '',
+          description: '',
         },
       },
     },
+    $toasted: {
+      error: toastErrorMock,
+    },
   }
 
   const stubs = {
@@ -36,23 +54,56 @@ describe('RegisterCommunity', () => {
       wrapper = Wrapper()
     })
 
+    it('commits the community info to the store', () => {
+      expect(mockStoreCommit).toBeCalledWith('community', {
+        name: 'test12',
+        description: 'test community 12',
+        url: 'http://test12.test12/',
+        registerUrl: 'http://test12.test12/vue/register',
+      })
+    })
+
     it('renders the Div Element "#register-community"', () => {
       expect(wrapper.find('div#register-community').exists()).toBeTruthy()
     })
 
-    describe('Displaying the current community info', () => {
-      it('has a current community name', () => {
-        expect(wrapper.find('.header h1').text()).toBe('Gradido Entwicklung')
+    describe('communities gives back error', () => {
+      beforeEach(() => {
+        apolloQueryMock.mockRejectedValue({
+          message: 'Failed to get communities',
+        })
+        wrapper = Wrapper()
       })
 
-      it('has a current community description', () => {
-        expect(wrapper.find('.header p').text()).toBe(
+      it('toasts an error message', () => {
+        expect(toastErrorMock).toBeCalledWith('Failed to get communities')
+      })
+    })
+
+    describe('Community Data', () => {
+      beforeEach(() => {
+        jest.clearAllMocks()
+        mocks.$store.state.community = {
+          name: 'Gradido Entwicklung',
+          url: 'http://localhost/vue/',
+          registerUrl: 'http://localhost/vue/register',
+          description: 'Die lokale Entwicklungsumgebung von Gradido.',
+        }
+        wrapper = Wrapper()
+      })
+
+      it('has a Community name', () => {
+        expect(wrapper.find('.test-communitydata b').text()).toBe('Gradido Entwicklung')
+      })
+
+      it('has a Community description', () => {
+        expect(wrapper.find('.test-communitydata p').text()).toBe(
           'Die lokale Entwicklungsumgebung von Gradido.',
         )
       })
 
-      it('has a current community location', () => {
-        expect(wrapper.find('.header p.community-location').text()).toBe('http://localhost/vue/')
+      it('does not call community data update', () => {
+        expect(apolloQueryMock).not.toBeCalled()
       })
     })
 

From bb122f25b953b57b26f3ec672154c9b812d854fb Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 29 Oct 2021 14:09:32 +0200
Subject: [PATCH 14/21] Test that the community calls work properly.

---
 frontend/src/views/Pages/RegisterCommunity.spec.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Pages/RegisterCommunity.spec.js b/frontend/src/views/Pages/RegisterCommunity.spec.js
index 09f1fd4e9..18627821b 100644
--- a/frontend/src/views/Pages/RegisterCommunity.spec.js
+++ b/frontend/src/views/Pages/RegisterCommunity.spec.js
@@ -93,11 +93,11 @@ describe('RegisterCommunity', () => {
       })
 
       it('has a Community name', () => {
-        expect(wrapper.find('.test-communitydata b').text()).toBe('Gradido Entwicklung')
+        expect(wrapper.find('.justify-content-center h1').text()).toBe('Gradido Entwicklung')
       })
 
       it('has a Community description', () => {
-        expect(wrapper.find('.test-communitydata p').text()).toBe(
+        expect(wrapper.find('.justify-content-center p').text()).toBe(
           'Die lokale Entwicklungsumgebung von Gradido.',
         )
       })

From 3e1acb0d158f444f3fb99bfb63d8621aa2d5cd48 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 29 Oct 2021 14:47:24 +0200
Subject: [PATCH 15/21] Change the register select community to test the
 community mixin.

---
 .../Pages/RegisterSelectCommunity.spec.js     | 118 +++++++++++++-----
 .../views/Pages/RegisterSelectCommunity.vue   |   4 +-
 2 files changed, 90 insertions(+), 32 deletions(-)

diff --git a/frontend/src/views/Pages/RegisterSelectCommunity.spec.js b/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
index dbcd950b8..008f690a6 100644
--- a/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
+++ b/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
@@ -1,4 +1,5 @@
 import { mount, RouterLinkStub } from '@vue/test-utils'
+import flushPromises from 'flush-promises'
 import RegisterSelectCommunity from './RegisterSelectCommunity'
 
 const localVue = global.localVue
@@ -11,35 +12,48 @@ const spinnerMock = jest.fn(() => {
   }
 })
 
-const apolloQueryMock = jest.fn().mockResolvedValue({
-  data: {
-    communities: [
-      {
-        id: 1,
-        name: 'Gradido Entwicklung',
-        description: 'Die lokale Entwicklungsumgebung von Gradido.',
-        url: 'http://localhost/vue/',
-        registerUrl: 'http://localhost/vue/register-community',
+const apolloQueryMock = jest
+  .fn()
+  .mockResolvedValueOnce({
+    data: {
+      getCommunityInfo: {
+        name: 'test12',
+        description: 'test community 12',
+        url: 'http://test12.test12/',
+        registerUrl: 'http://test12.test12/vue/register',
       },
-      {
-        id: 2,
-        name: 'Gradido Staging',
-        description: 'Der Testserver der Gradido-Akademie.',
-        url: 'https://stage1.gradido.net/vue/',
-        registerUrl: 'https://stage1.gradido.net/vue/register-community',
-      },
-      {
-        id: 3,
-        name: 'Gradido-Akademie',
-        description: 'Freies Institut für Wirtschaftsbionik.',
-        url: 'https://gradido.net',
-        registerUrl: 'https://gdd1.gradido.com/vue/register-community',
-      },
-    ],
-  },
-})
+    },
+  })
+  .mockResolvedValue({
+    data: {
+      communities: [
+        {
+          id: 1,
+          name: 'Gradido Entwicklung',
+          description: 'Die lokale Entwicklungsumgebung von Gradido.',
+          url: 'http://localhost/vue/',
+          registerUrl: 'http://localhost/vue/register-community',
+        },
+        {
+          id: 2,
+          name: 'Gradido Staging',
+          description: 'Der Testserver der Gradido-Akademie.',
+          url: 'https://stage1.gradido.net/vue/',
+          registerUrl: 'https://stage1.gradido.net/vue/register-community',
+        },
+        {
+          id: 3,
+          name: 'Gradido-Akademie',
+          description: 'Freies Institut für Wirtschaftsbionik.',
+          url: 'https://gradido.net',
+          registerUrl: 'https://gdd1.gradido.com/vue/register-community',
+        },
+      ],
+    },
+  })
 
 const toasterMock = jest.fn()
+const mockStoreCommit = jest.fn()
 
 describe('RegisterSelectCommunity', () => {
   let wrapper
@@ -50,12 +64,11 @@ describe('RegisterSelectCommunity', () => {
     },
     $t: jest.fn((t) => t),
     $store: {
+      commit: mockStoreCommit,
       state: {
         community: {
-          name: 'Gradido Entwicklung',
-          url: 'http://localhost/vue/',
-          registerUrl: 'http://localhost/vue/register',
-          description: 'Die lokale Entwicklungsumgebung von Gradido.',
+          name: '',
+          description: '',
         },
       },
     },
@@ -83,6 +96,15 @@ describe('RegisterSelectCommunity', () => {
       wrapper = Wrapper()
     })
 
+    it('commits the community info to the store', () => {
+      expect(mockStoreCommit).toBeCalledWith('community', {
+        name: 'test12',
+        description: 'test community 12',
+        url: 'http://test12.test12/',
+        registerUrl: 'http://test12.test12/vue/register',
+      })
+    })
+
     it('renders the Div Element "#register-select-community"', () => {
       expect(wrapper.find('div#register-select-community').exists()).toBeTruthy()
     })
@@ -91,6 +113,42 @@ describe('RegisterSelectCommunity', () => {
       expect(spinnerMock).toBeCalled()
     })
 
+    describe('communities gives back error', () => {
+      beforeEach(() => {
+        apolloQueryMock.mockRejectedValue({
+          message: 'Failed to get communities',
+        })
+        wrapper = Wrapper()
+      })
+
+      it('toasts an error message', () => {
+        expect(toasterMock).toBeCalledWith('Failed to get communities')
+      })
+    })
+
+    describe('Community Data', () => {
+      beforeEach(() => {
+        jest.clearAllMocks()
+        mocks.$store.state.community = {
+          name: 'Gradido Entwicklung',
+          url: 'http://localhost/vue/',
+          registerUrl: 'http://localhost/vue/register',
+          description: 'Die lokale Entwicklungsumgebung von Gradido.',
+        }
+        wrapper = Wrapper()
+      })
+
+      it('has a Community name', () => {
+        expect(wrapper.find('.card-body b').text()).toBe('Gradido Entwicklung')
+      })
+
+      it('has a Community description', () => {
+        expect(wrapper.find('.card-body p').text()).toBe(
+          'Die lokale Entwicklungsumgebung von Gradido.',
+        )
+      })
+    })
+
     describe('calls the apollo query', () => {
       describe('server returns data', () => {
         it('calls the API to get the data', () => {
diff --git a/frontend/src/views/Pages/RegisterSelectCommunity.vue b/frontend/src/views/Pages/RegisterSelectCommunity.vue
index 10998d404..f6914f1f2 100644
--- a/frontend/src/views/Pages/RegisterSelectCommunity.vue
+++ b/frontend/src/views/Pages/RegisterSelectCommunity.vue
@@ -7,7 +7,7 @@
         <b-card class="border-0 mb-0" bg-variant="primary">
           <b>{{ $store.state.community.name }}</b>
           <br />
-          {{ $store.state.community.description }}
+          <p>{{ $store.state.community.description }}</p>
           <br />
           <router-link to="/register">
             <b-button variant="outline-secondary">
@@ -24,7 +24,7 @@
           <b-card bg-variant="secondary">
             <b>{{ community.name }}</b>
             <br />
-            {{ community.description }}
+            <p>{{ community.description }}</p>
             <br />
             <b>
               <small>

From 1f978ce4e89dd3e2cbec86033375db6f3c3acb5d Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 5 Nov 2021 11:33:50 +0100
Subject: [PATCH 16/21] Since the mixin gets communityInfo needed to change the
 tests so that they check it out.

---
 .../Pages/RegisterSelectCommunity.spec.js     | 67 ++++++++++++++++++-
 1 file changed, 64 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Pages/RegisterSelectCommunity.spec.js b/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
index 008f690a6..8f334364a 100644
--- a/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
+++ b/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
@@ -1,5 +1,4 @@
 import { mount, RouterLinkStub } from '@vue/test-utils'
-import flushPromises from 'flush-promises'
 import RegisterSelectCommunity from './RegisterSelectCommunity'
 
 const localVue = global.localVue
@@ -96,6 +95,7 @@ describe('RegisterSelectCommunity', () => {
       wrapper = Wrapper()
     })
 
+    // TODO: Tests so that resolved value order is followed
     it('commits the community info to the store', () => {
       expect(mockStoreCommit).toBeCalledWith('community', {
         name: 'test12',
@@ -131,10 +131,48 @@ describe('RegisterSelectCommunity', () => {
         jest.clearAllMocks()
         mocks.$store.state.community = {
           name: 'Gradido Entwicklung',
-          url: 'http://localhost/vue/',
-          registerUrl: 'http://localhost/vue/register',
           description: 'Die lokale Entwicklungsumgebung von Gradido.',
+          url: 'http://localhost/vue/',
+          registerUrl: 'http://localhost/vue/register-community',
         }
+        apolloQueryMock
+          .mockResolvedValueOnce({
+            data: {
+              getCommunityInfo: {
+                name: 'Gradido Entwicklung',
+                url: 'http://localhost/vue/',
+                registerUrl: 'http://localhost/vue/register',
+                description: 'Die lokale Entwicklungsumgebung von Gradido.',
+              },
+            },
+          })
+          .mockResolvedValue({
+            data: {
+              communities: [
+                {
+                  id: 1,
+                  name: 'Gradido Entwicklung',
+                  description: 'Die lokale Entwicklungsumgebung von Gradido.',
+                  url: 'http://localhost/vue/',
+                  registerUrl: 'http://localhost/vue/register-community',
+                },
+                {
+                  id: 2,
+                  name: 'Gradido Staging',
+                  description: 'Der Testserver der Gradido-Akademie.',
+                  url: 'https://stage1.gradido.net/vue/',
+                  registerUrl: 'https://stage1.gradido.net/vue/register-community',
+                },
+                {
+                  id: 3,
+                  name: 'Gradido-Akademie',
+                  description: 'Freies Institut für Wirtschaftsbionik.',
+                  url: 'https://gradido.net',
+                  registerUrl: 'https://gdd1.gradido.com/vue/register-community',
+                },
+              ],
+            },
+          })
         wrapper = Wrapper()
       })
 
@@ -151,6 +189,28 @@ describe('RegisterSelectCommunity', () => {
 
     describe('calls the apollo query', () => {
       describe('server returns data', () => {
+        beforeEach(async () => {
+          wrapper = Wrapper()
+          await wrapper.setProps({
+            communities: [
+              {
+                id: 2,
+                name: 'Gradido Staging',
+                description: 'Der Testserver der Gradido-Akademie.',
+                url: 'https://stage1.gradido.net/vue/',
+                registerUrl: 'https://stage1.gradido.net/vue/register-community',
+              },
+              {
+                id: 3,
+                name: 'Gradido-Akademie',
+                description: 'Freies Institut für Wirtschaftsbionik.',
+                url: 'https://gradido.net',
+                registerUrl: 'https://gdd1.gradido.com/vue/register-community',
+              },
+            ],
+          })
+        })
+
         it('calls the API to get the data', () => {
           expect(apolloQueryMock).toBeCalled()
         })
@@ -166,6 +226,7 @@ describe('RegisterSelectCommunity', () => {
 
       describe('server response is error', () => {
         beforeEach(() => {
+          jest.clearAllMocks()
           apolloQueryMock.mockRejectedValue({
             message: 'Wrong thing',
           })

From 3d3a77a0eaedeb3fc25033f4ea5546269da69b5b Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 5 Nov 2021 12:32:45 +0100
Subject: [PATCH 17/21] Changed the logic so that we check if the queries have
 been send but does not check the result.

---
 .../Pages/RegisterSelectCommunity.spec.js     | 66 ++++++-------------
 1 file changed, 19 insertions(+), 47 deletions(-)

diff --git a/frontend/src/views/Pages/RegisterSelectCommunity.spec.js b/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
index 8f334364a..0dc6be55a 100644
--- a/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
+++ b/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
@@ -1,4 +1,5 @@
 import { mount, RouterLinkStub } from '@vue/test-utils'
+import { communities, communityInfo } from '../../graphql/queries'
 import RegisterSelectCommunity from './RegisterSelectCommunity'
 
 const localVue = global.localVue
@@ -92,16 +93,20 @@ describe('RegisterSelectCommunity', () => {
 
   describe('mount', () => {
     beforeEach(() => {
+      jest.clearAllMocks()
       wrapper = Wrapper()
     })
 
-    // TODO: Tests so that resolved value order is followed
-    it('commits the community info to the store', () => {
-      expect(mockStoreCommit).toBeCalledWith('community', {
-        name: 'test12',
-        description: 'test community 12',
-        url: 'http://test12.test12/',
-        registerUrl: 'http://test12.test12/vue/register',
+    it('calls the API to get the community info data', () => {
+      expect(apolloQueryMock).toBeCalledWith({
+        query: communityInfo,
+      })
+    })
+
+    it('calls the API to get the communities data', () => {
+      expect(apolloQueryMock).toBeCalledWith({
+        query: communities,
+        fetchPolicy: 'network-only',
       })
     })
 
@@ -135,47 +140,15 @@ describe('RegisterSelectCommunity', () => {
           url: 'http://localhost/vue/',
           registerUrl: 'http://localhost/vue/register-community',
         }
-        apolloQueryMock
-          .mockResolvedValueOnce({
-            data: {
-              getCommunityInfo: {
-                name: 'Gradido Entwicklung',
-                url: 'http://localhost/vue/',
-                registerUrl: 'http://localhost/vue/register',
-                description: 'Die lokale Entwicklungsumgebung von Gradido.',
-              },
-            },
-          })
-          .mockResolvedValue({
-            data: {
-              communities: [
-                {
-                  id: 1,
-                  name: 'Gradido Entwicklung',
-                  description: 'Die lokale Entwicklungsumgebung von Gradido.',
-                  url: 'http://localhost/vue/',
-                  registerUrl: 'http://localhost/vue/register-community',
-                },
-                {
-                  id: 2,
-                  name: 'Gradido Staging',
-                  description: 'Der Testserver der Gradido-Akademie.',
-                  url: 'https://stage1.gradido.net/vue/',
-                  registerUrl: 'https://stage1.gradido.net/vue/register-community',
-                },
-                {
-                  id: 3,
-                  name: 'Gradido-Akademie',
-                  description: 'Freies Institut für Wirtschaftsbionik.',
-                  url: 'https://gradido.net',
-                  registerUrl: 'https://gdd1.gradido.com/vue/register-community',
-                },
-              ],
-            },
-          })
         wrapper = Wrapper()
       })
 
+      it('does not call community info data when already filled', () => {
+        expect(apolloQueryMock).not.toBeCalledWith({
+          query: communityInfo,
+        })
+      })
+
       it('has a Community name', () => {
         expect(wrapper.find('.card-body b').text()).toBe('Gradido Entwicklung')
       })
@@ -191,7 +164,7 @@ describe('RegisterSelectCommunity', () => {
       describe('server returns data', () => {
         beforeEach(async () => {
           wrapper = Wrapper()
-          await wrapper.setProps({
+          await wrapper.setData({
             communities: [
               {
                 id: 2,
@@ -226,7 +199,6 @@ describe('RegisterSelectCommunity', () => {
 
       describe('server response is error', () => {
         beforeEach(() => {
-          jest.clearAllMocks()
           apolloQueryMock.mockRejectedValue({
             message: 'Wrong thing',
           })

From 4483e69d0d0bcb6eda63d82858475dfead894201 Mon Sep 17 00:00:00 2001
From: Hannes Heine <heine.hannes@gmail.com>
Date: Fri, 5 Nov 2021 12:33:29 +0100
Subject: [PATCH 18/21] Update frontend/src/views/Pages/Login.spec.js

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 frontend/src/views/Pages/Login.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/Login.spec.js b/frontend/src/views/Pages/Login.spec.js
index 11a4199f7..53bb9446f 100644
--- a/frontend/src/views/Pages/Login.spec.js
+++ b/frontend/src/views/Pages/Login.spec.js
@@ -104,7 +104,7 @@ describe('Login', () => {
       })
     })
 
-    describe('Community Data', () => {
+    describe('Community data already loaded', () => {
       beforeEach(() => {
         jest.clearAllMocks()
         mocks.$store.state.community = {

From 2b64cb939760b324881d7e311c658b1cd4bf8dd3 Mon Sep 17 00:00:00 2001
From: Hannes Heine <heine.hannes@gmail.com>
Date: Fri, 5 Nov 2021 12:33:39 +0100
Subject: [PATCH 19/21] Update frontend/src/views/Pages/Register.spec.js

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 frontend/src/views/Pages/Register.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/Register.spec.js b/frontend/src/views/Pages/Register.spec.js
index 67ebd131e..c63de66cf 100644
--- a/frontend/src/views/Pages/Register.spec.js
+++ b/frontend/src/views/Pages/Register.spec.js
@@ -98,7 +98,7 @@ describe('Register', () => {
       })
     })
 
-    describe('Community Data', () => {
+    describe('Community data already loaded', () => {
       beforeEach(() => {
         jest.clearAllMocks()
         mocks.$store.state.community = {

From c8570218c1eb1a52abdec1c8e2d8d65f936fb07c Mon Sep 17 00:00:00 2001
From: Hannes Heine <heine.hannes@gmail.com>
Date: Fri, 5 Nov 2021 12:33:50 +0100
Subject: [PATCH 20/21] Update
 frontend/src/views/Pages/RegisterCommunity.spec.js

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 frontend/src/views/Pages/RegisterCommunity.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/RegisterCommunity.spec.js b/frontend/src/views/Pages/RegisterCommunity.spec.js
index 18627821b..63fd63276 100644
--- a/frontend/src/views/Pages/RegisterCommunity.spec.js
+++ b/frontend/src/views/Pages/RegisterCommunity.spec.js
@@ -80,7 +80,7 @@ describe('RegisterCommunity', () => {
       })
     })
 
-    describe('Community Data', () => {
+    describe('Community data already loaded', () => {
       beforeEach(() => {
         jest.clearAllMocks()
         mocks.$store.state.community = {

From 8d2274406a08b664ce6b64fcb874979b181eb5e1 Mon Sep 17 00:00:00 2001
From: Hannes Heine <heine.hannes@gmail.com>
Date: Fri, 5 Nov 2021 12:34:01 +0100
Subject: [PATCH 21/21] Update
 frontend/src/views/Pages/RegisterSelectCommunity.spec.js

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
---
 frontend/src/views/Pages/RegisterSelectCommunity.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/RegisterSelectCommunity.spec.js b/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
index 0dc6be55a..eba23cea4 100644
--- a/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
+++ b/frontend/src/views/Pages/RegisterSelectCommunity.spec.js
@@ -131,7 +131,7 @@ describe('RegisterSelectCommunity', () => {
       })
     })
 
-    describe('Community Data', () => {
+    describe('Community data already loaded', () => {
       beforeEach(() => {
         jest.clearAllMocks()
         mocks.$store.state.community = {