test: add e2e tests for profile settings

cypress/e2e/Settings/SettingsProfileView.cy.ts

@@ -6,9 +6,19 @@ describe('SettingsProfile Test', () => {
     cy.get('form').submit();
     cy.wait(1000);
     cy.visit('/settings/profile')
+    cy.wait(1000)
   });
 
-  it('Does the before', () => {
-
+  it('updates first and last name', () => {
+    cy.get('[data-cy="first-name"]').find('[data-cy="bi-input"]').should('have.value','User')
+    cy.get('[data-cy="last-name"]').find('[data-cy="bi-input"]').should( 'have.value','User')
+    cy.get('[data-cy="first-name"]').find('[data-cy="bi-input"]').clear().type('NewFirstName')
+    cy.get('[data-cy="last-name"]').find('[data-cy="bi-input"]').clear().type('NewLastName')
+    cy.get('[data-cy="profile-submit-btn"]').click()
+    cy.get('[data-cy="menu"]').get('[data-cy="user"]').should('include.text', 'NewFirstName')
+    //update the user back to its original state
+    cy.get('[data-cy="first-name"]').find('[data-cy="bi-input"]').clear().type('User')
+    cy.get('[data-cy="last-name"]').find('[data-cy="bi-input"]').clear().type('User')
+    cy.get('[data-cy="profile-submit-btn"]').click()
   })
 })
\ No newline at end of file

src/components/InputFields/BaseInput.vue

@@ -51,7 +51,7 @@ const onInputEvent = (event: any) => {
 
 <template>
   <div>
-    <label :for="inputId">{{ label }}</label>
+    <label :for="inputId" data-cy="bi-label">{{ label }}</label>
     <input :value="modelValue"
            @input="onInputEvent"
            :type="type"
@@ -61,9 +61,10 @@ const onInputEvent = (event: any) => {
            :min="min"
            :pattern="pattern"
            :required="required"
+           data-cy="bi-input"
     />
-    <div class="valid-feedback">{{ validMessage }}</div>
-    <div class="invalid-feedback" id="invalid">{{ invalidMessage }}</div>
+    <div data-cy="bi-valid-msg" class="valid-feedback">{{ validMessage }}</div>
+    <div data-cy="bi-invalid-msg" class="invalid-feedback" id="invalid">{{ invalidMessage }}</div>
   </div>
 </template>
 

src/views/Settings/SettingsProfileView.vue

@@ -129,7 +129,8 @@ onMounted(() => {
                    invalid-message="Vennligst skriv inn ditt etternavn" />
       </div>
       <br>
-      <button type="submit" class="btn btn-primary">Oppdater profil</button>
+      <button data-cy="profile-submit-btn" type="submit" class="btn btn-primary">Oppdater
+        profil</button>
     </form>
   </div>
 </template>