From 84d2b9459dd1b1cb6a9bde55addf56a75f96e94e Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 16 Feb 2022 08:18:29 +0100
Subject: [PATCH] use bv toast

---
 .../UserProfile/UserCard_Newsletter.spec.js   | 19 ++++++++-----------
 .../Pages/UserProfile/UserCard_Newsletter.vue |  4 ++--
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.spec.js b/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.spec.js
index 766e13ce5..b5a014b51 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.spec.js
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.spec.js
@@ -2,14 +2,17 @@ import { mount } from '@vue/test-utils'
 import UserCardNewsletter from './UserCard_Newsletter'
 import { unsubscribeNewsletter, subscribeNewsletter } from '../../../graphql/mutations'
 
+import { toasters } from '../../../mixins/toaster'
+
 const localVue = global.localVue
 
 const mockAPIcall = jest.fn()
 
-const toastErrorMock = jest.fn()
-const toastSuccessMock = jest.fn()
 const storeCommitMock = jest.fn()
 
+const toastErrorSpy = jest.spyOn(toasters.methods, 'toastError')
+const toastSuccessSpy = jest.spyOn(toasters.methods, 'toastSuccess')
+
 describe('UserCard_Newsletter', () => {
   let wrapper
 
@@ -23,12 +26,6 @@ describe('UserCard_Newsletter', () => {
       },
       commit: storeCommitMock,
     },
-    $toasted: {
-      success: toastSuccessMock,
-      global: {
-        error: toastErrorMock,
-      },
-    },
     $apollo: {
       mutate: mockAPIcall,
     },
@@ -77,7 +74,7 @@ describe('UserCard_Newsletter', () => {
       })
 
       it('toasts a success message', () => {
-        expect(toastSuccessMock).toBeCalledWith('settings.newsletter.newsletterFalse')
+        expect(toastSuccessSpy).toBeCalledWith('settings.newsletter.newsletterFalse')
       })
     })
 
@@ -107,7 +104,7 @@ describe('UserCard_Newsletter', () => {
       })
 
       it('toasts a success message', () => {
-        expect(toastSuccessMock).toBeCalledWith('settings.newsletter.newsletterTrue')
+        expect(toastSuccessSpy).toBeCalledWith('settings.newsletter.newsletterTrue')
       })
     })
 
@@ -124,7 +121,7 @@ describe('UserCard_Newsletter', () => {
       })
 
       it('toasts an error message', () => {
-        expect(toastErrorMock).toBeCalledWith('Ouch')
+        expect(toastErrorSpy).toBeCalledWith('Ouch')
       })
     })
   })
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue b/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue
index 2499671cf..23834523e 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue
@@ -48,7 +48,7 @@ export default {
         })
         .then(() => {
           this.$store.commit('newsletterState', this.newsletterState)
-          this.$toasted.success(
+          this.toastSuccess(
             this.newsletterState
               ? this.$t('settings.newsletter.newsletterTrue')
               : this.$t('settings.newsletter.newsletterFalse'),
@@ -56,7 +56,7 @@ export default {
         })
         .catch((error) => {
           this.newsletterState = this.$store.state.newsletterState
-          this.$toasted.global.error(error.message)
+          this.toastError(error.message)
         })
     },
   },