From 057debeee86ad520b09e49b3091df07493da6cdd Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 10 Dec 2021 09:33:44 +0100
Subject: [PATCH] navbar test all navbar-items

---
 frontend/src/components/Menu/Navbar.spec.js | 54 ++++++++++++++-------
 frontend/src/components/Menu/Navbar.vue     |  4 +-
 2 files changed, 39 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/Menu/Navbar.spec.js b/frontend/src/components/Menu/Navbar.spec.js
index 497f78001..d53367a66 100644
--- a/frontend/src/components/Menu/Navbar.spec.js
+++ b/frontend/src/components/Menu/Navbar.spec.js
@@ -37,22 +37,42 @@ describe('Navbar', () => {
       expect(wrapper.find('div.component-navbar').exists()).toBeTruthy()
     })
   })
-  // describe('find link admin and evented click', () => {
-  //   beforeEach(async () => {
-  //     await wrapper.find('.test-admin').trigger('click')
-  //   })
 
-  //   it('find link admin and click', () => {
-  //     expect(wrapper.emitted('admin')).toBeTruthy()
-  //     expect(wrapper.emitted('admin')).toEqual([
-  //       [
-  //         {
-  //           email: 'someone@watches.tv',
-  //           amount: 87.23,
-  //           memo: 'Long enough',
-  //         },
-  //       ],
-  //     ])
-  //   })
-  // })
+  describe('navigation Navbar', () => {
+    it('has .navbar-brand in the navbar', () => {
+      expect(wrapper.find('.navbar-brand').exists()).toBeTruthy()
+    })
+    it('has b-navbar-toggle in the navbar', () => {
+      expect(wrapper.find('.navbar-toggler').exists()).toBeTruthy()
+    })
+    it('has ten b-nav-item in the navbar', () => {
+      expect(wrapper.findAll('.nav-item')).toHaveLength(10)
+    })
+
+    it('has first nav-item "amount GDD" in navbar', () => {
+      expect(wrapper.findAll('.nav-item').at(1).text()).toEqual('1234 GDD')
+    })
+
+    it('has first nav-item "overview" in navbar', () => {
+      expect(wrapper.findAll('.nav-item').at(3).text()).toEqual('overview')
+    })
+    it('has first nav-item "send" in navbar', () => {
+      expect(wrapper.findAll('.nav-item').at(4).text()).toEqual('send')
+    })
+    it('has first nav-item "transactions" in navbar', () => {
+      expect(wrapper.findAll('.nav-item').at(5).text()).toEqual('transactions')
+    })
+    it('has first nav-item "my-profil" in navbar', () => {
+      expect(wrapper.findAll('.nav-item').at(6).text()).toEqual('site.navbar.my-profil')
+    })
+    it('has first nav-item "members_area" in navbar', () => {
+      expect(wrapper.findAll('.nav-item').at(7).text()).toEqual('members_area')
+    })
+    it('has first nav-item "admin_area" in navbar', () => {
+      expect(wrapper.findAll('.nav-item').at(8).text()).toEqual('admin_area')
+    })
+    it('has first nav-item "logout" in navbar', () => {
+      expect(wrapper.findAll('.nav-item').at(9).text()).toEqual('logout')
+    })
+  })
 })
diff --git a/frontend/src/components/Menu/Navbar.vue b/frontend/src/components/Menu/Navbar.vue
index c7a21af8a..55380d316 100644
--- a/frontend/src/components/Menu/Navbar.vue
+++ b/frontend/src/components/Menu/Navbar.vue
@@ -21,12 +21,12 @@
       </b-navbar-nav>
 
       <b-navbar-toggle
-        target="nav-collapse"
+        target="collapse-nav"
         @click="$emit('set-visible', (visibleCollapse = !visible))"
       ></b-navbar-toggle>
     </b-navbar>
 
-    <b-collapse id="collapse-4" v-model="visibleCollapse" class="p-3 b-collaps-gradido">
+    <b-collapse id="collapse-nav" v-model="visibleCollapse" class="p-3 b-collaps-gradido">
       <b-nav vertical @click="$emit('set-visible', false)">
         <div class="text-right">
           <b-link to="/profile">