From 72ddeaa90ae3a8f871dfc136fa73045cb7709538 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 25 Sep 2024 10:53:38 +0200
Subject: [PATCH] test: refs #8031 e2e

---
 src/components/UserPanel.vue                  | 20 ++++---
 src/i18n/locale/en.yml                        |  1 +
 src/i18n/locale/es.yml                        |  1 +
 .../integration/vnComponent/UserPanel.spec.js | 58 +++++++++++++++++++
 test/cypress/support/commands.js              |  6 ++
 5 files changed, 78 insertions(+), 8 deletions(-)
 create mode 100644 test/cypress/integration/vnComponent/UserPanel.spec.js

diff --git a/src/components/UserPanel.vue b/src/components/UserPanel.vue
index 5276f9e20..810f63044 100644
--- a/src/components/UserPanel.vue
+++ b/src/components/UserPanel.vue
@@ -78,9 +78,9 @@ async function saveDarkMode(value) {
             darkMode: value,
         });
         user.value.darkMode = value;
-        notify('globals.dataSaved', 'positive');
+        onDataSaved();
     } catch (error) {
-        console.error(error);
+        onDataError();
     }
 }
 
@@ -91,9 +91,9 @@ async function saveLanguage(value) {
             lang: value,
         });
         user.value.lang = value;
-        notify('globals.dataSaved', 'positive');
+        onDataSaved();
     } catch (error) {
-        console.error(error);
+        onDataError();
     }
 }
 
@@ -110,19 +110,23 @@ function localUserData() {
     state.setUser(user.value);
 }
 
-function saveUserData(param, value) {
+async function saveUserData(param, value) {
     try {
-        axios.post('UserConfigs/setUserConfig', { [param]: value });
+        await axios.post('UserConfigs/setUserConfig', { [param]: value });
         localUserData();
-        notify('globals.dataSaved', 'positive');
+        onDataSaved();
     } catch (error) {
-        console.error(error);
+        onDataError();
     }
 }
 
 const onDataSaved = () => {
     notify('globals.dataSaved', 'positive');
 };
+
+const onDataError = () => {
+    notify('errors.updateUserConfig', 'negative');
+};
 </script>
 
 <template>
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 9e1038b96..8d17b7e5f 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -302,6 +302,7 @@ errors:
     statusBadGateway: It seems that the server has fall down
     statusGatewayTimeout: Could not contact the server
     userConfig: Error fetching user config
+    updateUserConfig: Error updating user config
     tokenConfig: Error fetching token config
     writeRequest: The requested operation could not be completed
 login:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index c07e1f631..7a7a16dbc 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -306,6 +306,7 @@ errors:
     statusBadGateway: Parece ser que el servidor ha caído
     statusGatewayTimeout: No se ha podido contactar con el servidor
     userConfig: Error al obtener configuración de usuario
+    updateUserConfig: Error al actualizar la configuración de usuario
     tokenConfig: Error al obtener configuración de token
     writeRequest: No se pudo completar la operación solicitada
 login:
diff --git a/test/cypress/integration/vnComponent/UserPanel.spec.js b/test/cypress/integration/vnComponent/UserPanel.spec.js
new file mode 100644
index 000000000..e83d07954
--- /dev/null
+++ b/test/cypress/integration/vnComponent/UserPanel.spec.js
@@ -0,0 +1,58 @@
+/// <reference types="cypress" />
+describe('UserPanel', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit(`/#dashboard`);
+        cy.waitForElement('.q-page', 6000);
+    });
+
+    it('should notify when update user warehouse', () => {
+        const userWarehouse =
+            '.q-menu .q-gutter-xs > :nth-child(3) > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native> .q-field__input';
+
+        // Abro el panel
+        cy.openUserPanel();
+
+        // Compruebo la opcion inicial
+        cy.get(userWarehouse).should('have.value', 'VNL').click();
+
+        // Actualizo la opción
+        getOption(3);
+
+        //Compruebo la notificación
+        cy.get('.q-notification').should('be.visible');
+        cy.get(userWarehouse).should('have.value', 'VNH');
+
+        //Restauro el valor
+        cy.get(userWarehouse).click();
+        getOption(2);
+    });
+    it('should notify when update user company', () => {
+        const userCompany =
+            '.q-menu .q-gutter-xs > :nth-child(2)  >  .q-field--float > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native> .q-field__input';
+
+        // Abro el panel
+        cy.openUserPanel();
+
+        // Compruebo la opcion inicial
+        cy.get(userCompany).should('have.value', 'Warehouse One').click();
+
+        //Actualizo la opción
+        getOption(2);
+
+        //Compruebo la notificación
+        cy.get('.q-notification').should('be.visible');
+        cy.get(userCompany).should('have.value', 'Warehouse Two');
+
+        //Restauro el valor
+        cy.get(userCompany).click();
+        getOption(1);
+    });
+});
+
+function getOption(index) {
+    cy.waitForElement('[role="listbox"]');
+    const option = `[role="listbox"] .q-item:nth-child(${index})`;
+    cy.get(option).click();
+}
diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index 43788f59f..83f45b721 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -248,3 +248,9 @@ Cypress.Commands.add('validateContent', (selector, expectedValue) => {
 Cypress.Commands.add('openActionsDescriptor', () => {
     cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
 });
+
+Cypress.Commands.add('openUserPanel', () => {
+    cy.get(
+        '.column > .q-avatar > .q-avatar__content > .q-img > .q-img__container > .q-img__image'
+    ).click();
+});