From ab33753c8ed876c87677c0d64f28414fabeae466 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Mon, 22 Nov 2021 17:51:09 +0100
Subject: [PATCH] test admin link, correct pointer class

---
 .../components/SidebarPlugin/SideBar.spec.js  | 28 +++++++++++++++++++
 .../src/components/SidebarPlugin/SideBar.vue  |  6 ++--
 2 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/SidebarPlugin/SideBar.spec.js b/frontend/src/components/SidebarPlugin/SideBar.spec.js
index 8204eb604..0a3b0ec1a 100644
--- a/frontend/src/components/SidebarPlugin/SideBar.spec.js
+++ b/frontend/src/components/SidebarPlugin/SideBar.spec.js
@@ -24,6 +24,7 @@ describe('SideBar', () => {
         hasElopage: false,
       },
       commit: jest.fn(),
+      dispatch: jest.fn(),
     },
     $i18n: {
       locale: 'en',
@@ -154,6 +155,33 @@ describe('SideBar', () => {
           expect(wrapper.emitted('logout')).toEqual([[]])
         })
       })
+
+      describe('admin-area', () => {
+        it('is not visible when not an admin', () => {
+          expect(wrapper.findAll('li').at(1).text()).not.toBe('admin_area')
+        })
+        describe('logged in as admin', () => {
+          const assignLocationSpy = jest.fn()
+          beforeEach(() => {
+            mocks.$store.state.isAdmin = true
+            mocks.$store.state.token = 'valid token'
+            // const { location } = window;
+            delete window.location
+            window.location = {}
+            Object.defineProperty(window, 'location', assignLocationSpy)
+            wrapper = Wrapper()
+          })
+
+          it('is visible', () => {
+            expect(wrapper.findAll('li').at(1).text()).toBe('admin_area')
+          })
+          it.skip('opens a new window when clicked', async () => {
+            wrapper.findAll('li').at(1).find('a').trigger('click')
+            await wrapper.vm.$nextTick()
+            expect(assignLocationSpy).toHaveBeenCalledWith('peter')
+          })
+        })
+      })
     })
   })
 })
diff --git a/frontend/src/components/SidebarPlugin/SideBar.vue b/frontend/src/components/SidebarPlugin/SideBar.vue
index 8277b17eb..9cf6b6185 100755
--- a/frontend/src/components/SidebarPlugin/SideBar.vue
+++ b/frontend/src/components/SidebarPlugin/SideBar.vue
@@ -50,14 +50,14 @@
           <li class="nav-item">
             <a :href="getElopageLink()" class="nav-link" target="_blank">
               {{ $t('members_area') }}&nbsp;
-              <b-badge v-if="!this.$store.state.hasElopage" pill variant="danger">!</b-badge>
+              <b-badge v-if="!$store.state.hasElopage" pill variant="danger">!</b-badge>
             </a>
           </li>
         </ul>
 
-        <ul class="navbar-nav ml-3" v-if="this.$store.state.isAdmin">
+        <ul class="navbar-nav ml-3" v-if="$store.state.isAdmin">
           <li class="nav-item">
-            <a class="nav-link ponter" @click="admin">
+            <a class="nav-link pointer" @click="admin">
               {{ $t('admin_area') }}
             </a>
           </li>