diff --git a/src/components/LoginForm.vue b/src/components/LoginForm.vue index fc033fcdca490f672ea7a8031d4f9472d7089dc0..81dc56efeafd0698560b5644aa32a7e240855af2 100644 --- a/src/components/LoginForm.vue +++ b/src/components/LoginForm.vue @@ -69,6 +69,9 @@ >Ny bruker</a> </div> </v-col> + + + </v-form> </div> diff --git a/src/router/index.js b/src/router/index.js index 7f1bb992d6cf24691d12c6352568c75ea1215536..60092e1c5e803da4eabd0b318bfc3eb2460e25c9 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,5 +1,7 @@ import { createRouter, createWebHistory } from "vue-router"; import HomeView from "../views/HomeView.vue"; +import LoginView from "../views/LoginView.vue"; + const routes = [ { @@ -17,10 +19,10 @@ const routes = [ import(/* webpackChunkName: "about" */ "../views/AboutView.vue"), }, { - path: "/", - name: "loginView", - component: () => import("../views/LoginView.vue"), - }, + path: "/login", + name: "login", + component: LoginView, + } ]; const router = createRouter({ diff --git a/tests/unit/LoginFormComponentTest.spec.js b/tests/unit/LoginFormComponentTest.spec.js new file mode 100644 index 0000000000000000000000000000000000000000..1f892f5e720420f3aae91f6f3716955cd3b7daf2 --- /dev/null +++ b/tests/unit/LoginFormComponentTest.spec.js @@ -0,0 +1,16 @@ +import { shallowMount } from "@vue/test-utils"; +import LoginForm from "@/components/LoginForm"; + +describe("Tests labels in LoginForm component", () => { + it("checks the E-post label", () => { + const wrapper = shallowMount(LoginForm); + + expect(wrapper.find('#emailLabelId').text()).toMatch("E-post"); + }); + + it("checks the password label", () => { + const wrapper = shallowMount(LoginForm); + + expect(wrapper.find('#passwordLabelId').text()).toMatch("Passord"); + }); +});