From 46b828bd0c4ff3f5886bc35dff12a68d8d4c726e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 13 Nov 2024 18:50:18 -0300
Subject: [PATCH] Add tests to account config lang change

---
 src/layouts/MainLayout.vue                             |  2 +-
 src/pages/Account/AccountConfig.vue                    |  1 +
 .../cypress/integration/config/AccountConfig.spec.js   | 10 +++++++++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 8551ffab..3e9b3430 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -60,7 +60,7 @@ const logoutSupplantedUser = async () => {
                     class="q-mr-md"
                 />
                 <img class="logo q-mr-lg" src="statics/logo-dark.svg" />
-                <QToolbarTitle>
+                <QToolbarTitle data-testid="headerTitle">
                     {{ customTitle || menuTitle }}
                     <div v-if="subtitle" class="subtitle text-caption">
                         {{ subtitle }}
diff --git a/src/pages/Account/AccountConfig.vue b/src/pages/Account/AccountConfig.vue
index 158b58ff..e96def72 100644
--- a/src/pages/Account/AccountConfig.vue
+++ b/src/pages/Account/AccountConfig.vue
@@ -128,6 +128,7 @@ onMounted(() => fetchLanguagesSql());
                         option-value="code"
                         :options="langOptions"
                         @update:model-value="updateConfigLang(data.lang)"
+                        data-testid="configViewLang"
                     />
                 </template>
                 <template #extraForm>
diff --git a/src/test/cypress/integration/config/AccountConfig.spec.js b/src/test/cypress/integration/config/AccountConfig.spec.js
index 35b3431d..97cd10dc 100644
--- a/src/test/cypress/integration/config/AccountConfig.spec.js
+++ b/src/test/cypress/integration/config/AccountConfig.spec.js
@@ -4,8 +4,16 @@ describe('Changes user nickname', () => {
         cy.visit('/#/account/conf');
     });
 
-    it('success', () => {
+    it('changes username', () => {
         cy.changeUserNickname('Bruce Wayne', 'New test nickname');
         cy.resetDB();
     });
+
+    it('changes site lang when changing user lang', () => {
+        cy.dataCy('configViewLang').should('exist');
+        cy.selectOption('[data-testid="configViewLang"]', 'Español');
+        cy.dataCy('headerTitle').should('contain', 'Configuración');
+        cy.selectOption('[data-testid="configViewLang"]', 'English');
+        cy.dataCy('headerTitle').should('contain', 'Configuration');
+    });
 });