Merge pull request #7168 from microting/copilot/migrate-profile-settings-tests

Migrate Profile Settings Language Tests to Cypress

Author: renemadsen

WDIO_TO_CYPRESS_MIGRATION.md

@@ -7,8 +7,8 @@ This document tracks the migration of WebDriverIO (wdio) e2e tests to Cypress te
 ## Current Status
 
 - **Total wdio tests**: 38
-- **Cypress tests implemented**: 49
-- **Tests remaining to migrate**: 1
+- **Cypress tests implemented**: 50
+- **Tests remaining to migrate**: 0
 
 ## Tests Already Migrated to Cypress ✓
 
@@ -44,6 +44,9 @@ The following wdio tests have been successfully migrated to Cypress:
 ### Password Settings
 - ✓ password-settings.change-password.spec.ts (cypress/e2e/e/)
 
+### Profile Settings
+- ✓ profile-settings.language.spec.cy.ts (cypress/e2e/e/)
+
 ### User Administration
 - ✓ user-administration.name-change.spec.ts (cypress/e2e/e/)
 
@@ -230,14 +233,15 @@ Tests migrated:
 
 ---
 
-### 8. Profile Settings (1 test)
+### 8. Profile Settings (1 test) ✓
 
 **Category**: User Profile Settings  
 **Priority**: Medium  
-**Location**: e2e/Tests/profile-settings/
+**Location**: e2e/Tests/profile-settings/  
+**Migrated to**: cypress/e2e/e/
 
-Tests to migrate:
-- [ ] profile-settings.language.spec.ts
+Tests migrated:
+- ✓ profile-settings.language.spec.cy.ts
 
 **Description**: Tests for changing user interface language preferences.
 
@@ -415,13 +419,13 @@ Use this section to track overall migration progress:
 - [x] Folders - Folder Child (3 tests) ✓
 - [x] Navigation Menu (4 tests) ✓
 - [x] Password Settings (1 test) ✓
-- [ ] Profile Settings (1 test)
+- [x] Profile Settings (1 test) ✓
 - [x] Searchable Lists (3 tests) ✓
 - [x] Selectable Lists (4 tests) ✓
 - [x] User Administration (1 test) ✓
 - [x] Workers (2 tests) ✓
 
-**Total Progress**: 26/28 tests migrated (92.9%)
+**Total Progress**: 28/28 tests migrated (100.0%)
 
 ## Notes
 

eform-client/cypress/e2e/ProfileSettings.page.ts

@@ -0,0 +1,34 @@
+import { PageWithNavbarPage } from './PageWithNavbar.page';
+
+class ProfileSettingsPage extends PageWithNavbarPage {
+  languageSelector() {
+    return cy.get('#ProfileLanguageSelector');
+  }
+
+  saveBtn() {
+    return cy.get('#ProfileSettingsSaveBtn');
+  }
+
+  saveProfileSettings() {
+    cy.intercept('PUT', '**/api/user-settings').as('updateUserSettings');
+    this.saveBtn().should('be.visible').should('be.enabled').click();
+    cy.wait('@updateUserSettings', { timeout: 10000 });
+    cy.get('#spinner-animation').should('not.exist');
+    cy.wait(500);
+  }
+
+  chooseLanguage(language: string) {
+    // Click on the language selector
+    this.languageSelector().should('be.visible').click();
+    cy.wait(500);
+    // Type the language name into the input field
+    cy.get('#ProfileLanguageSelector input').type(language);
+    cy.wait(200);
+    // Press Enter to select the option
+    cy.get('body').type('{enter}');
+    cy.wait(500);
+  }
+}
+
+const profileSettingsPage = new ProfileSettingsPage();
+export default profileSettingsPage;

eform-client/cypress/e2e/e/profile-settings.language.spec.cy.ts

@@ -0,0 +1,78 @@
+import loginPage from '../Login.page';
+import profileSettingsPage from '../ProfileSettings.page';
+import { expect } from 'chai';
+
+const translationsEFormsPageEng: Array<{ selector: string; value: string }> = [
+  { selector: 'eform-new-subheader h2', value: 'My eForms' },
+];
+
+const translationsEFormsPageDan: Array<{ selector: string; value: string }> = [
+  { selector: 'eform-new-subheader h2', value: 'Mine eForms' },
+];
+
+describe('Profile Settings - Language', function () {
+  before(() => {
+    cy.visit('http://localhost:4200');
+    loginPage.login();
+  });
+
+  it('should set language to English', () => {
+    // Navigate to profile settings
+    profileSettingsPage.Navbar.goToProfileSettings();
+    cy.get('#ProfileLanguageSelector').should('be.visible');
+
+    // Choose English language
+    profileSettingsPage.chooseLanguage('English');
+    profileSettingsPage.saveProfileSettings();
+
+    // Navigate to My eForms to verify language change
+    profileSettingsPage.Navbar.goToMyEForms();
+    cy.get('#newEFormBtn').should('be.visible');
+
+    // Verify UI is in English
+    for (const translation of translationsEFormsPageEng) {
+      cy.get(translation.selector)
+        .invoke('text')
+        .then(text => {
+          expect(text.trim()).to.equal(
+            translation.value,
+            `element with selector ${translation.selector} must be = ${translation.value}, but element text = ${text.trim()}. Language = English`
+          );
+        });
+    }
+  });
+
+  it('should set language to Dansk', () => {
+    // Navigate to profile settings
+    profileSettingsPage.Navbar.goToProfileSettings();
+    cy.get('#ProfileLanguageSelector').should('be.visible');
+
+    // Choose Danish language
+    profileSettingsPage.chooseLanguage('Dansk');
+    profileSettingsPage.saveProfileSettings();
+
+    // Navigate to My eForms to verify language change
+    profileSettingsPage.Navbar.goToMyEForms();
+    cy.get('#newEFormBtn').should('be.visible');
+
+    // Verify UI is in Danish
+    for (const translation of translationsEFormsPageDan) {
+      cy.get(translation.selector)
+        .invoke('text')
+        .then(text => {
+          expect(text.trim()).to.equal(
+            translation.value,
+            `element with selector ${translation.selector} must be = ${translation.value}, but element text = ${text.trim()}. Language = Dansk`
+          );
+        });
+    }
+  });
+
+  after(() => {
+    // Reset to English after tests
+    profileSettingsPage.Navbar.goToProfileSettings();
+    cy.get('#ProfileLanguageSelector').should('be.visible');
+    profileSettingsPage.chooseLanguage('English');
+    profileSettingsPage.saveProfileSettings();
+  });
+});

migration-issues/README.md

@@ -15,7 +15,7 @@ This directory contains detailed specifications for each sub-issue in the wdio t
 | 07 | [Searchable Lists](07-searchable-lists.md) | 🟡 MEDIUM | 3 | ✅ Complete |
 | 08 | [Selectable Lists](08-selectable-lists.md) | 🟡 MEDIUM | 4 | ✅ Complete |
 | 09 | [Workers](09-workers.md) | 🟡 MEDIUM | 2 | ✅ Complete |
-| 10 | [Profile Settings](10-profile-settings.md) | 🟡 MEDIUM | 1 | ⏳ Pending |
+| 10 | [Profile Settings](10-profile-settings.md) | 🟡 MEDIUM | 1 | ✅ Complete |
 | 11 | [eForm Visual Editor - Create](11-eform-visual-editor-create.md) | 🔴 HIGH | 1 | ✅ Complete |
 | | **TOTAL** | | **28** | **89% Complete** |