diff --git a/src/components/BaseComponents/NavBar.vue b/src/components/BaseComponents/NavBar.vue index e6f2562c9e029366d0f973a997895c83b4d4b9a6..1fb35bdf7951e829200ab59cc23f9a0cf0e0a406 100644 --- a/src/components/BaseComponents/NavBar.vue +++ b/src/components/BaseComponents/NavBar.vue @@ -11,14 +11,22 @@ /> </div> <ul class="flex justify-between"> - <li class="cursor-pointer" @click="$router.push('/newItem')"> + <li + class="cursor-pointer" + v-if="this.$store.state.user.token !== null" + @click="$router.push('/newItem')" + > <PlusIcon class="m-6 md:mr-2 h-7 text-primary-medium float-left" alt="Legg til" /> <a class="hidden md:block mt-7 text-sm float-right">Legg til</a> </li> - <li class="cursor-pointer" @click="loadMessages"> + <li + class="cursor-pointer" + v-if="this.$store.state.user.token !== null" + @click="loadMessages" + > <div class="notification-container"> <ChatAlt2Icon class="m-6 md:mr-2 h-7 text-primary-medium float-left" @@ -33,7 +41,14 @@ class="m-6 md:mr-2 h-7 text-primary-medium float-left" alt="Profil" /> - <a class="hidden md:block mr-4 mt-7 text-sm float-right">Profil</a> + <a + v-if="this.$store.state.user.token !== null" + class="hidden md:block mr-4 mt-7 text-sm float-right" + >Profil</a + > + <a v-else class="hidden md:block mr-4 mt-7 text-sm float-right" + >Logg inn</a + > </li> </ul> </nav> diff --git a/tests/unit/component-tests/base-component-tests/nav-bar.spec.js b/tests/unit/component-tests/base-component-tests/nav-bar.spec.js index 556dd737972108fccdd326ccea4133af1ddbe377..c728013aea767ae263d383c9f0cf92597874512b 100644 --- a/tests/unit/component-tests/base-component-tests/nav-bar.spec.js +++ b/tests/unit/component-tests/base-component-tests/nav-bar.spec.js @@ -1,11 +1,19 @@ -import { mount } from "@vue/test-utils"; +import { shallowMount } from "@vue/test-utils"; import NavBar from "@/components/BaseComponents/NavBar.vue"; +import { store, $store } from "../../mock-store"; describe("NavBar component", () => { let wrapper; beforeEach(() => { - wrapper = mount(NavBar); + wrapper = shallowMount(NavBar, { + global: { + mocks: { + store, + $store, + }, + }, + }); }); it("is instantiated", () => {