diff --git a/src/components/BaseComponents/CommunityHeader.vue b/src/components/BaseComponents/CommunityHeader.vue index 8706c6636a6e437df45d3d98b5bcbc7744c8a73b..fdf41c528aef195b55a03ac27352e10d4dc380c5 100644 --- a/src/components/BaseComponents/CommunityHeader.vue +++ b/src/components/BaseComponents/CommunityHeader.vue @@ -30,7 +30,7 @@ <div> <span class="hidden sm:block"> <!-- Legg dette til i button: v-if="adminStatus" --> - <svg @click="test" xmlns="http://www.w3.org/2000/svg" class="w-9 h-9 cursor-pointer" fill="none" viewBox="0 0 24 24" stroke="currentColor"> + <svg @click="toggle" xmlns="http://www.w3.org/2000/svg" class="w-9 h-9 cursor-pointer" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> @@ -68,16 +68,13 @@ export default { edit() { this.$emit("edit"); }, - test: function (){ - console.log("funker å trykke"); - console.log("ID: " + this.community.communityId); + toggle: function (){ if(this.hamburgerOpen){ this.hamburgerOpen = false; } else{ this.hamburgerOpen = true; } - console.log("Åpen: " + this.hamburgerOpen); } }, }; diff --git a/src/components/CommunityComponents/CommunityHamburger.vue b/src/components/CommunityComponents/CommunityHamburger.vue index 6c848f51bb9c07240e9660a4fb11ab7de04edf9d..73e9d646ef59b404c97a090e9934b4834ecc535e 100644 --- a/src/components/CommunityComponents/CommunityHamburger.vue +++ b/src/components/CommunityComponents/CommunityHamburger.vue @@ -4,28 +4,28 @@ class="z-10 w-44 text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700" > <ul class="py-1" > - <li> + <li id="newItem"> <router-link to="/addNewItem" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white" - >Opprett utleie</router-link + >Opprett Utleie</router-link > </li> - <li> + <li id="getMembers"> <router-link :to="'/group/' + communityID + '/memberlist'" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white" >Se Medlemmer </router-link> </li> - <li> + <li id="adminGroup"> <router-link :to="'/group/' + communityID + '/memberlist'" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white" >Administrer Gruppe</router-link > </li> - <li> + <li id="leaveGroup"> <div class="cursor-pointer block py-2 px-4 text-sm text-red-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white" > @@ -42,9 +42,6 @@ export default { props: { communityID: Number, }, - beforeMount() { - console.log("id: " + this.communityID); - } } </script> diff --git a/tests/unit/community-hamburger.spec.js b/tests/unit/community-hamburger.spec.js new file mode 100644 index 0000000000000000000000000000000000000000..658e30ee73eb2eb7ccee7b880151927f84c6e7b2 --- /dev/null +++ b/tests/unit/community-hamburger.spec.js @@ -0,0 +1,13 @@ +import { shallowMount } from "@vue/test-utils"; +import CommunityHamburger from "@/components/CommunityComponents/CommunityHamburger.vue"; + +describe("CommunityHamburger elements rendering", () => { + it("renders all li fields", () => { + const wrapper = shallowMount(CommunityHamburger); + + expect(wrapper.find("#newItem").text()).toMatch("Opprett Utleie"); + expect(wrapper.find("#getMembers").text()).toMatch("Se Medlemmer"); + expect(wrapper.find("#adminGroup").text()).toMatch("Administrer Gruppe"); + expect(wrapper.find("#leaveGroup").text()).toMatch("Forlat Gruppe"); + }); +});