Wrote e2e test for login view

cypress/e2e/LogIn.cy.ts

+describe('Login spec', () => {
+  it('Can log in', () => {
+    cy.visit('/login')
+
+    cy.get('[data-testid="LogInButton"]').should('be.disabled')
+
+    cy.get('[data-testid="NameInput"]').type("JohnSmith12")
+    cy.get('[data-testid="NameInput"]').should('have.value', "JohnSmith12")
+
+    cy.get('[data-testid="LogInButton"]').should('be.disabled')
+
+    cy.get('[data-testid="PasswordInput"]').type("password")
+    cy.get('[data-testid="PasswordInput"]').should('have.value', "password")
+
+    cy.get('[data-testid="LogInButton"]').should('be.enabled')
+    cy.get('[data-testid="LogInButton"]').click()
+    cy.url().should('include', '/homepage')
+  })
+
+  it('Can navigate to new user', () => {
+    cy.visit('/login')
+    cy.get('[data-testid="NewUserLink"]').click()
+    cy.url().should('include', '/signup')
+
+  })
+})
\ No newline at end of file

src/views/FrontPage/LoginView.vue

@@ -36,15 +36,21 @@ async function login() {
     <div id="LoginFields">
       <div id="UserDiv">
         <h2 id="Username">Brukernavn</h2>
-        <input id="NameField" placeholder="Skriv inn dit brukernavn" v-model="username">
+        <input id="NameField" placeholder="Skriv inn dit brukernavn" v-model="username" data-testid="NameInput">
       </div>
       <div id="PasswordDiv">
         <h2 id="Password">Passord</h2>
-        <input id="PasswordField" type="password" placeholder="Skriv inn dit passord" v-model="password">
+        <input id="PasswordField" type="password" placeholder="Skriv inn dit passord" v-model="password" data-testid="PasswordInput">
       </div>
     </div>
-    <button id="LogInButton" @click="login" :disabled="!username || password.length < 8" :class="{ 'disabled-button': !username || password.length < 8 }">LogIn</button>
-    <h2 @click="navigateToNewUser()" id="NewUser">Ny til Sparesti? Trykk her for å lage en profil!</h2>
+    <button id="LogInButton"
+            @click="login"
+            :disabled="!username || password.length < 8"
+            :class="{ 'disabled-button': !username || password.length < 8 }"
+            data-testid="LogInButton">
+      LogIn
+    </button>
+    <h2 @click="navigateToNewUser()" id="NewUser" data-testid="NewUserLink">Ny til Sparesti? Trykk her for å lage en profil!</h2>
   </div>
 </template>