From 97c673b5f397cdbd2256f03973d828fea4aa9672 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Sat, 1 Mar 2025 03:13:11 +0100
Subject: [PATCH] test: check fields

---
 src/components/VnTable/VnTable.vue            |   1 -
 .../Customer/Card/CustomerDescriptorProxy.vue |   2 +-
 .../Ticket/Card/TicketDescriptorProxy.vue     |   2 +-
 .../Worker/Card/WorkerDescriptorProxy.vue     |   2 +-
 src/pages/Zone/Card/ZoneDescriptorProxy.vue   |   2 +-
 .../integration/monitor/monitorTicket.spec.js | 125 +++++-------------
 6 files changed, 40 insertions(+), 94 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 721923a24..ad3a0adca 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -704,7 +704,6 @@ const rowCtrlClickFunction = computed(() => {
 
                     <QBtn
                         data-cy="vnTable_filter_btn"
-                        v-if="showRightIcon"
                         icon="filter_alt"
                         class="bg-vn-section-color q-ml-sm"
                         dense
diff --git a/src/pages/Customer/Card/CustomerDescriptorProxy.vue b/src/pages/Customer/Card/CustomerDescriptorProxy.vue
index 9f67d02ec..f1e4b42b8 100644
--- a/src/pages/Customer/Card/CustomerDescriptorProxy.vue
+++ b/src/pages/Customer/Card/CustomerDescriptorProxy.vue
@@ -11,7 +11,7 @@ const $props = defineProps({
 </script>
 
 <template>
-    <QPopupProxy>
+    <QPopupProxy data-cy="CustomerDescriptor">
         <CustomerDescriptor v-if="$props.id" :id="$props.id" :summary="CustomerSummary" />
     </QPopupProxy>
 </template>
diff --git a/src/pages/Ticket/Card/TicketDescriptorProxy.vue b/src/pages/Ticket/Card/TicketDescriptorProxy.vue
index 583ba35e7..ba8367e81 100644
--- a/src/pages/Ticket/Card/TicketDescriptorProxy.vue
+++ b/src/pages/Ticket/Card/TicketDescriptorProxy.vue
@@ -10,7 +10,7 @@ const $props = defineProps({
 });
 </script>
 <template>
-    <QPopupProxy>
+    <QPopupProxy data-cy="TicketDescriptor">
         <TicketDescriptor v-if="$props.id" :id="$props.id" :summary="TicketSummary" />
     </QPopupProxy>
 </template>
diff --git a/src/pages/Worker/Card/WorkerDescriptorProxy.vue b/src/pages/Worker/Card/WorkerDescriptorProxy.vue
index 5f71abbea..baa9aa571 100644
--- a/src/pages/Worker/Card/WorkerDescriptorProxy.vue
+++ b/src/pages/Worker/Card/WorkerDescriptorProxy.vue
@@ -11,7 +11,7 @@ const $props = defineProps({
 </script>
 
 <template>
-    <QPopupProxy>
+    <QPopupProxy data-cy="WorkerDescriptor">
         <WorkerDescriptor
             v-if="$props.id"
             :id="$props.id"
diff --git a/src/pages/Zone/Card/ZoneDescriptorProxy.vue b/src/pages/Zone/Card/ZoneDescriptorProxy.vue
index 27102ac07..a16d231e6 100644
--- a/src/pages/Zone/Card/ZoneDescriptorProxy.vue
+++ b/src/pages/Zone/Card/ZoneDescriptorProxy.vue
@@ -11,7 +11,7 @@ const $props = defineProps({
 </script>
 
 <template>
-    <QPopupProxy>
+    <QPopupProxy data-cy="ZoneDescriptor">
         <ZoneDescriptor v-if="$props.id" :id="$props.id" :summary="ZoneSummary" />
     </QPopupProxy>
 </template>
diff --git a/test/cypress/integration/monitor/monitorTicket.spec.js b/test/cypress/integration/monitor/monitorTicket.spec.js
index b42ec21a0..f887293a5 100644
--- a/test/cypress/integration/monitor/monitorTicket.spec.js
+++ b/test/cypress/integration/monitor/monitorTicket.spec.js
@@ -1,83 +1,25 @@
+const firstRow = (field, index = 1) =>
+    `:nth-child(${index}) > [data-col-field="${field}"]`;
+
 describe('Monitor Tickets Table', () => {
     beforeEach(() => {
         cy.login('developer');
         cy.viewport(1920, 720);
         cy.visit('/#/monitor/tickets');
-        cy.domContentLoad();
         cy.waitForElement('.q-page');
         cy.intercept('GET', '**/SalesMonitors/salesFilter*').as('filterRequest');
         cy.openFilterPanel();
     });
 
-    it('should filter by column headers and update URL params', () => {
-        // Interceptar las llamadas de filtrado
+    it.only('should filter by column headers and update URL params', () => {
         cy.intercept('GET', '**/SalesMonitors/salesFilter*').as('filterRequest');
 
-        // Array de pruebas para diferentes columnas
-        const testCases = [
-            // {
-            //     columnName: 'id',
-            //     value: '123',
-            //     expectedParam: { id: '123' },
-            // },
-            {
-                columnName: 'clientFk',
-                value: 'cave',
-                expectedParam: { clientFk: { like: '%cave%' } },
-            },
-            // {
-            //     columnName: 'packing',
-            //     value: 'H',
-            //     expectedParam: { packing: 'H' },
-            // },
-        ];
-
-        // Probar cada columna
-        // testCases.forEach(({ columnName, value, expectedParam }) => {
-        //     // Encontrar el input del filtro y escribir el valor
-        //     cy.get(`[data-cy="column-filter-${columnName}"]`)
-        //         .click()
-        //         .type(`${value}{enter}`);
-
-        // Verificar que la URL se actualizó con el parámetro
-        // cy.url().should('include', encodeURIComponent(JSON.stringify(expectedParam)));
-
-        // Verificar que la petición HTTP incluye el parámetro correcto
-        // cy.wait('@filterRequest').then((interception) => {
-        //     expect(interception.request.url).to.include(
-        //         encodeURIComponent(JSON.stringify(expectedParam)),
-        //     );
-        // });
-
-        // Limpiar el filtro para la siguiente prueba
-        // cy.get(`[data-cy="column-filter-${columnName}"]`).clear();
-        // });
-        /* ==== Generated with Cypress Studio ==== */ cy.get(
-            '[data-cy="column-filter-id"] > [data-v-532139db=""] > .column > [dense="true"] > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > [data-cy="_input"]',
-        ).type('13');
-        cy.get(
-            '[data-cy="column-filter-id"] > [data-v-532139db=""] > .column > [dense="true"] > .q-field > .q-field__inner > .q-field__control > .q-field__append > .q-icon',
-        ).click();
-        // cy.get(
-        //     '[data-cy="column-filter-clientFk"] > [data-v-532139db=""] > .column > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > [data-cy="_select"]',
-        // ).clear('cave{enter}');
-        // cy.get(
-        //     '[data-cy="column-filter-clientFk"] > [data-v-532139db=""] > .column > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > [data-cy="_select"]',
-        // ).type('cave{enter}');
-        // cy.get(
-        //     '[data-cy="column-filter-clientFk"] > [data-v-532139db=""] > .column > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > [data-cy="_select"]',
-        // ).clear('c');
-        // cy.get(
-        //     '[data-cy="column-filter-clientFk"] > [data-v-532139db=""] > .column > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > [data-cy="_select"]',
-        // ).type('Bar');
-        // cy.get(
-        //     '[data-cy="column-filter-clientFk"] > [data-v-532139db=""] > .column > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > [data-cy="_select"]',
-        // ).clear('Ba');
-        cy.dataCy('vnTable_filter_btn').click();
-        cy.get(
-            '[data-cy="column-filter-clientFk"] > [data-v-532139db=""] > .column > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > [data-cy="_select"]',
-            { timeout: 3000 },
-        ).type('1101', { timeout: 3000, force: true });
+        cy.dataCy('column-filter-id').find('  [data-cy="_input"]').type('13');
+        cy.dataCy('column-filter-id').find(' .q-icon').click();
+        cy.openRightMenu();
+        cy.dataCy('column-filter-clientFk')
+            .find('[data-cy="_select"]', { timeout: 3000 })
+            .type('1101', { timeout: 3000, force: true });
         cy.get('[role="listbox"]')
             .find('.q-item')
             .find('.q-item__label')
@@ -91,8 +33,6 @@ describe('Monitor Tickets Table', () => {
             '[data-cy="column-filter-id"] > [data-v-532139db=""] > .column > [dense="true"] > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > [data-cy="_input"]',
         ).clear('1');
 
-        /* ==== End Cypress Studio ==== */
-        /* ==== Generated with Cypress Studio ==== */
         cy.get(
             '[data-cy="column-filter-clientFk"] > [data-v-532139db=""] > .column > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > [data-cy="_select"]',
         ).clear('1');
@@ -171,7 +111,7 @@ describe('Monitor Tickets Table', () => {
             countRows('eq', 2);
         });
 
-        it.only('refFk', () => {
+        it('refFk', () => {
             // Invoice
             cy.get('[data-cy="Invoice_input"]').type('test');
             cy.searchInFilterPanel();
@@ -252,18 +192,36 @@ describe('Monitor Tickets Table', () => {
             countRows('eq', 5);
         });
     });
+    it('Cols', () => {
+        cy.get(firstRow('totalProblems'));
+        cy.get(firstRow('id')).find('span').should('have.class', 'link').click();
+        cy.dataCy('TicketDescriptor').should('exist');
+        cy.get(firstRow('clientFk')).find('span').should('have.class', 'link').click();
+        cy.dataCy('CustomerDescriptor').should('exist');
+
+        cy.get(firstRow('salesPersonFk'))
+            .find('span')
+            .should('have.class', 'link')
+            .click();
+        cy.dataCy('WorkerDescriptor').should('exist');
+        cy.get(firstRow('zoneFk')).find('span').should('have.class', 'link').click();
+        cy.dataCy('ZoneDescriptor').should('exist');
+        cy.get(firstRow('shippedDate')).find('.q-badge');
+        cy.get(
+            ':nth-child(1) > .q-table--col-auto-width > [data-cy="tableAction-0"] > .q-btn__content > .q-icon',
+        ).click({ ctrlKey: true });
+        cy.get(
+            ':nth-child(1) > .q-table--col-auto-width > [data-cy="tableAction-1"] > .q-btn__content > .q-icon',
+        ).click();
+        cy.get('.summaryHeader').should('exist');
+    });
 });
 function requestParams(key, value, options = { inWhere: false, like: false }) {
-    // cy.wait(2000);
     cy.wait('@filterRequest').then((interception) => {
         if (!key) return;
         const { query } = interception.request;
-        cy.log('Request query:', query, options);
-        if (!options.inWhere)
-            // Verificamos que existe la propiedad clientFk y su valor
-            expect(query).to.have.property(key, value);
+        if (!options.inWhere) expect(query).to.have.property(key, value);
         else {
-            // Verificamos que existe la propiedad where y dentro de ella la propiedad clientFk y su valor
             const filter = JSON.parse(query.filter);
             if (options.like)
                 expect(filter.where).to.have.deep.property(key, {
@@ -274,31 +232,20 @@ function requestParams(key, value, options = { inWhere: false, like: false }) {
                 expect(filter.where).to.have.property(key, value);
             }
         }
-        // Verificación adicional del formato completo si es necesario
-        // expect(interception.request.query).to.deep.include({
-        //     filter: expect.any(String),
-        //     from: expect.any(String),
-        //     to: expect.any(String),
-        //     scopeDays: expect.any(String),
-        // });
     });
 }
 function countRows(operator = 'gt', value = 0) {
-    // Obtener el último data-row-index para saber el total de filas
     const element = 'data-row-index';
     cy.get('body').then(($body) => {
         const hasRows = $body.find(`td[${element}]`).length > 0;
-        cy.log('hasRows:', hasRows);
         if (!hasRows) expect(0).to.be[operator](value);
         else
             cy.get(`td[${element}]`)
                 .last()
                 .invoke('attr', element)
                 .then((lastIndex) => {
-                    const totalRows = parseInt(lastIndex) + 1; // Sumamos 1 porque el índice empieza en 0
-                    cy.log(`Total de filas: ${totalRows}`);
+                    const totalRows = parseInt(lastIndex) + 1;
                     expect(totalRows).to.be[operator](value);
-                    // expect(totalRows).to.be.gt(0);
                 });
     });
 }