define custom error toast, use this custom toast for all error toasts

frontend/src/main.js

@@ -16,6 +16,16 @@ import { apolloProvider } from './plugins/apolloProvider'
 Vue.use(DashboardPlugin)
 Vue.config.productionTip = false
 
+Vue.toasted.register(
+  'error',
+  (payload) => {
+    return payload.replace(/^GraphQL error: /, '')
+  },
+  {
+    type: 'error',
+  },
+)
+
 loadAllRules(i18n)
 
 addNavigationGuards(router, store, apolloProvider.defaultClient)

frontend/src/mixins/getCommunityInfo.js

@@ -13,7 +13,7 @@ export const getCommunityInfoMixin = {
             return result.data.getCommunityInfo
           })
           .catch((error) => {
-            this.$toasted.error(error.message)
+            this.$toasted.global.error(error.message)
           })
       }
     },

frontend/src/plugins/dashboard-plugin.test.js

@@ -4,8 +4,11 @@ import Vue from 'vue'
 import GlobalComponents from './globalComponents'
 import GlobalDirectives from './globalDirectives'
 
+import Toasted from 'vue-toasted'
+
 jest.mock('./globalComponents')
 jest.mock('./globalDirectives')
+jest.mock('vue-toasted')
 
 jest.mock('vue')
 
@@ -22,4 +25,21 @@ describe('dashboard plugin', () => {
   it('installs the global directives', () => {
     expect(vueUseMock).toBeCalledWith(GlobalDirectives)
   })
+
+  describe('vue toasted', () => {
+    const toastedAction = vueUseMock.mock.calls[11][1].action.onClick
+    const goAwayMock = jest.fn()
+    const toastObject = {
+      goAway: goAwayMock,
+    }
+
+    it('installs vue toasted', () => {
+      expect(vueUseMock).toBeCalledWith(Toasted, expect.anything())
+    })
+
+    it('onClick calls goAway(0)', () => {
+      toastedAction({}, toastObject)
+      expect(goAwayMock).toBeCalledWith(0)
+    })
+  })
 })

frontend/src/routes/router.test.js

@@ -143,6 +143,13 @@ describe('router', () => {
         })
       })
 
+      describe('password with param comingFrom', () => {
+        it('loads the "Password" component', async () => {
+          const component = await routes.find((r) => r.path === '/password/:comingFrom').component()
+          expect(component.default.name).toBe('password')
+        })
+      })
+
       describe('register-community', () => {
         it('loads the "registerCommunity" component', async () => {
           const component = await routes.find((r) => r.path === '/register-community').component()

frontend/src/views/Layout/DashboardLayout_gdd.spec.js

@@ -39,8 +39,10 @@ describe('DashboardLayoutGdd', () => {
       },
     },
     $toasted: {
+      global: {
         error: toasterMock,
       },
+    },
     $apollo: {
       query: apolloMock,
     },
@@ -266,7 +268,7 @@ describe('DashboardLayoutGdd', () => {
           expect(wrapper.vm.pending).toBeTruthy()
         })
 
-        it('calls $toasted.error method', () => {
+        it('calls $toasted.global.error method', () => {
           expect(toasterMock).toBeCalledWith('Ouch!')
         })
       })

frontend/src/views/Layout/DashboardLayout_gdd.vue

@@ -133,7 +133,7 @@ export default {
         })
         .catch((error) => {
           this.pending = true
-          this.$toasted.error(error.message)
+          this.$toasted.global.error(error.message)
           // what to do when loading balance fails?
         })
     },

frontend/src/views/Pages/AccountOverview/GdtTransactionList.spec.js

@@ -37,8 +37,10 @@ describe('GdtTransactionList ', () => {
     $n: jest.fn((n) => n),
     $d: jest.fn((d) => d),
     $toasted: {
+      global: {
         error: toastErrorMock,
       },
+    },
     $apollo: {
       query: apolloMock,
     },

frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue

@@ -71,7 +71,7 @@ export default {
           window.scrollTo(0, 0)
         })
         .catch((error) => {
-          this.$toasted.error(error.message)
+          this.$toasted.global.error(error.message)
         })
     },
   },

frontend/src/views/Pages/Login.spec.js

@@ -52,8 +52,10 @@ describe('Login', () => {
       push: mockRouterPush,
     },
     $toasted: {
+      global: {
         error: toastErrorMock,
       },
+    },
     $apollo: {
       query: apolloQueryMock,
     },

frontend/src/views/Pages/Login.vue

@@ -106,7 +106,7 @@ export default {
         })
         .catch((error) => {
           if (error.message.includes('No user with this credentials')) {
-            this.$toasted.error(this.$t('error.no-account'))
+            this.$toasted.global.error(this.$t('error.no-account'))
           } else {
             // : this.$t('error.no-email-verify')
             this.$router.push('/reset/login')

frontend/src/views/Pages/Register.spec.js

@@ -49,8 +49,10 @@ describe('Register', () => {
       },
     },
     $toasted: {
+      global: {
         error: toastErrorMock,
       },
+    },
   }
 
   const stubs = {

frontend/src/views/Pages/RegisterCommunity.spec.js

@@ -37,8 +37,10 @@ describe('RegisterCommunity', () => {
       },
     },
     $toasted: {
+      global: {
         error: toastErrorMock,
       },
+    },
   }
 
   const stubs = {

frontend/src/views/Pages/RegisterSelectCommunity.spec.js

@@ -79,8 +79,10 @@ describe('RegisterSelectCommunity', () => {
       show: spinnerMock,
     },
     $toasted: {
+      global: {
         error: toasterMock,
       },
+    },
   }
 
   const stubs = {

frontend/src/views/Pages/RegisterSelectCommunity.vue

@@ -76,7 +76,7 @@ export default {
           )
         })
         .catch((error) => {
-          this.$toasted.error(error.message)
+          this.$toasted.global.error(error.message)
         })
       loader.hide()
       this.pending = false

frontend/src/views/Pages/ResetPassword.spec.js

@@ -30,8 +30,10 @@ const createMockObject = (comingFrom) => {
         },
       },
       $toasted: {
+        global: {
           error: toasterMock,
         },
+      },
       $router: {
         push: routerPushMock,
       },

frontend/src/views/Pages/ResetPassword.vue

@@ -96,10 +96,10 @@ export default {
         })
         .catch((error) => {
           if (error.message.includes('Code is older than 10 minutes')) {
-            this.$toasted.error(error.message)
+            this.$toasted.global.error(error.message)
             this.$router.push('/password/reset')
           } else {
-            this.$toasted.error(error.message)
+            this.$toasted.global.error(error.message)
           }
         })
     },

frontend/src/views/Pages/UserProfile/UserCard_CoinAnimation.spec.js

@@ -24,8 +24,10 @@ describe('UserCard_CoinAnimation', () => {
     },
     $toasted: {
       success: toastSuccessMock,
+      global: {
         error: toastErrorMock,
       },
+    },
     $apollo: {
       mutate: mockAPIcall,
     },

frontend/src/views/Pages/UserProfile/UserCard_CoinAnimation.vue

@@ -58,7 +58,7 @@ export default {
         })
         .catch((error) => {
           this.CoinAnimationStatus = this.$store.state.coinanimation
-          this.$toasted.error(error.message)
+          this.$toasted.global.error(error.message)
         })
     },
   },

frontend/src/views/Pages/UserProfile/UserCard_FormUserData.spec.js

@@ -25,8 +25,10 @@ describe('UserCard_FormUserData', () => {
     },
     $toasted: {
       success: toastSuccessMock,
+      global: {
         error: toastErrorMock,
       },
+    },
     $apollo: {
       mutate: mockAPIcall,
     },

frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue

@@ -124,7 +124,7 @@ export default {
           this.$toasted.success(this.$t('settings.name.change-success'))
         })
         .catch((error) => {
-          this.$toasted.error(error.message)
+          this.$toasted.global.error(error.message)
         })
     },
   },

frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.spec.js

@@ -17,8 +17,10 @@ describe('UserCard_FormUserPasswort', () => {
     $t: jest.fn((t) => t),
     $toasted: {
       success: toastSuccessMock,
+      global: {
         error: toastErrorMock,
       },
+    },
     $apollo: {
       mutate: changePasswordProfileMock,
     },

frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue

@@ -85,7 +85,7 @@ export default {
           this.cancelEdit()
         })
         .catch((error) => {
-          this.$toasted.error(error.message)
+          this.$toasted.global.error(error.message)
         })
     },
   },

frontend/src/views/Pages/UserProfile/UserCard_FormUsername.spec.js

@@ -31,8 +31,10 @@ describe('UserCard_FormUsername', () => {
     },
     $toasted: {
       success: toastSuccessMock,
+      global: {
         error: toastErrorMock,
       },
+    },
     $apollo: {
       mutate: mockAPIcall,
     },

frontend/src/views/Pages/UserProfile/UserCard_FormUsername.vue

@@ -100,7 +100,7 @@ export default {
           this.$toasted.success(this.$t('settings.name.change-success'))
         })
         .catch((error) => {
-          this.$toasted.error(error.message)
+          this.$toasted.global.error(error.message)
           this.showUsername = true
           this.username = this.$store.state.username
           this.form.username = this.$store.state.username

frontend/src/views/Pages/UserProfile/UserCard_Language.spec.js

@@ -28,8 +28,10 @@ describe('UserCard_Language', () => {
     },
     $toasted: {
       success: toastSuccessMock,
+      global: {
         error: toastErrorMock,
       },
+    },
     $apollo: {
       mutate: mockAPIcall,
     },

frontend/src/views/Pages/UserProfile/UserCard_Language.vue

@@ -101,7 +101,7 @@ export default {
         })
         .catch((error) => {
           this.language = this.$store.state.language
-          this.$toasted.error(error.message)
+          this.$toasted.global.error(error.message)
         })
     },
     buildTagFromLanguageString() {

frontend/src/views/Pages/UserProfile/UserCard_Newsletter.spec.js

@@ -25,8 +25,10 @@ describe('UserCard_Newsletter', () => {
     },
     $toasted: {
       success: toastSuccessMock,
+      global: {
         error: toastErrorMock,
       },
+    },
     $apollo: {
       mutate: mockAPIcall,
     },

frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue

@@ -56,7 +56,7 @@ export default {
         })
         .catch((error) => {
           this.newsletterState = this.$store.state.newsletterState
-          this.$toasted.error(error.message)
+          this.$toasted.global.error(error.message)
         })
     },
   },