From 2af9b853a14f2f168b164a89a44aa18cad6b89af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Sat, 4 May 2019 10:13:40 +0200
Subject: [PATCH] Add first try of Webapp Component Test
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add `ìd` to the SocialMedia data
---
 webapp/pages/settings/my-social-media.spec.js | 6 ++++++
 webapp/pages/settings/my-social-media.vue     | 5 +++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/webapp/pages/settings/my-social-media.spec.js b/webapp/pages/settings/my-social-media.spec.js
index 4f48a2835..b8c2f8182 100644
--- a/webapp/pages/settings/my-social-media.spec.js
+++ b/webapp/pages/settings/my-social-media.spec.js
@@ -71,6 +71,12 @@ describe('my-social-media.vue', () => {
         const socialMediaLink = wrapper.find('a').attributes().href
         expect(socialMediaLink).toBe(socialMediaUrl)
       })
+
+      it('displays a trash sympol after a social media', () => {
+        wrapper = Wrapper()
+        iconName = wrapper.find('.ds-icon').attributes().name
+        expect(iconName).toBe('trash')
+      })
     })
 
     describe('currentUser does not have a social media account linked', () => {
diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index 0eba9c3f0..5b3914ff0 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -28,6 +28,7 @@
             class="layout-leave-active"
           />
           <a
+            name="delete"
             @click="handleDeleteSocialMedia(link)"
           >
             <ds-icon name="trash"/>
@@ -74,13 +75,13 @@ export default {
     socialMediaLinks() {
       const { socialMedia = [] } = this.currentUser
       return socialMedia.map(socialMedia => {
-        const { url } = socialMedia
+        const { id, url } = socialMedia
         const matches = url.match(
           /^(?:https?:\/\/)?(?:[^@\n])?(?:www\.)?([^:\/\n?]+)/g
         )
         const [domain] = matches || []
         const favicon = domain ? `${domain}/favicon.ico` : null
-        return { url, favicon }
+        return { id, url, favicon }
       })
     }
   },