Wrote an additional frontend unit test

Skipped writing of a modal dialog before deletion, because many code parts are on the way in the delete post PR.
So makes no sense to write them twice.
I make a new issue …

cypress/integration/common/settings.js

@@ -116,11 +116,6 @@ When('I delete a social media link', () => {
     .click()
 })
 
-// Then('Shows delete modal', () => {
-//   cy.get("a[name='delete']")
-//     .click()
-// })
-
 Then('it gets deleted successfully', () => {
   cy.get('.iziToast-message')
     .should('contain', 'Deleted social media')

cypress/integration/user_profile/SocialMedia.feature

@@ -27,4 +27,3 @@ Feature: List Social Media Accounts
     Given I have added a social media link
     When I delete a social media link
     Then it gets deleted successfully
-    # And the new social media link shows up on the page

webapp/pages/settings/my-social-media.spec.js

@@ -72,10 +72,38 @@ describe('my-social-media.vue', () => {
         expect(socialMediaLink).toBe(socialMediaUrl)
       })
 
-      it('displays a trash sympol after a social media', () => {
+      beforeEach(() => {
+        mocks = {
+          $t: jest.fn(),
+          $apollo: {
+            mutate: jest
+              .fn()
+              .mockRejectedValue({ message: 'Ouch!' })
+              .mockResolvedValueOnce({
+                data: { DeleteSocialMeda: { id: 's1', url: socialMediaUrl } }
+              })
+          },
+          $toast: {
+            error: jest.fn(),
+            success: jest.fn()
+          }
+        }
+        getters = {
+          'auth/user': () => {
+            return {
+              socialMedia: [{ id: 's1', url: socialMediaUrl }]
+            }
+          }
+        }
+      })
+
+      it('displays a trash sympol after a social media and allows the user to delete it', () => {
         wrapper = Wrapper()
         const deleteSelector = wrapper.find({ name: 'delete' })
         expect(deleteSelector).toEqual({ selector: 'Component' })
+        const icon = wrapper.find({ name: 'trash' })
+        icon.trigger('click')
+        expect(mocks.$apollo.mutate).toHaveBeenCalledTimes(1)
       })
     })