From b55ddf4cecb0d09f98c440230f0be045a9902fab Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 29 Jan 2025 14:37:41 +0100
Subject: [PATCH] feat: refs #6242 added e2e to verify the icons shown

---
 src/pages/Ticket/Card/TicketDescriptor.vue    |  4 +--
 .../integration/ticket/ticketList.spec.js     | 25 +++++++++++++++++++
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketDescriptor.vue b/src/pages/Ticket/Card/TicketDescriptor.vue
index d2247b114..25887fd39 100644
--- a/src/pages/Ticket/Card/TicketDescriptor.vue
+++ b/src/pages/Ticket/Card/TicketDescriptor.vue
@@ -119,7 +119,7 @@ const setData = (entity) => {
     <FetchData
         :url="`Tickets/${entityId}/getTicketProblems`"
         auto-load
-        @on-fetch="(data) => (problems = data)"
+        @on-fetch="(data) => ([problems] = data)"
     />
     <CardDescriptor
         module="Ticket"
@@ -177,7 +177,7 @@ const setData = (entity) => {
         </template>
         <template #icons>
             <QCardActions class="q-gutter-x-xs">
-                <TicketProblems :row="problems[0]" />
+                <TicketProblems :row="problems" />
             </QCardActions>
         </template>
         <template #actions="{ entity }">
diff --git a/test/cypress/integration/ticket/ticketList.spec.js b/test/cypress/integration/ticket/ticketList.spec.js
index 2984a4ee4..593021e6e 100644
--- a/test/cypress/integration/ticket/ticketList.spec.js
+++ b/test/cypress/integration/ticket/ticketList.spec.js
@@ -53,4 +53,29 @@ describe('TicketList', () => {
         cy.checkNotification('Data created');
         cy.url().should('match', /\/ticket\/\d+\/summary/);
     });
+
+    it('should show the corerct problems', () => {
+        cy.intercept('GET', '**/api/Tickets/filter*', (req) => {
+            req.headers['cache-control'] = 'no-cache';
+            req.headers['pragma'] = 'no-cache';
+            req.headers['expires'] = '0';
+
+            req.on('response', (res) => {
+                delete res.headers['if-none-match'];
+                delete res.headers['if-modified-since'];
+            });
+        }).as('ticket');
+
+        cy.get('[data-cy="Warehouse_select"]').type('Warehouse Five');
+        cy.get('.q-menu .q-item').contains('Warehouse Five').click();
+        cy.wait('@ticket').then((interception) => {
+            const data = interception.response.body[1];
+            expect(data.hasComponentLack).to.equal(1);
+            expect(data.isTooLittle).to.equal(1);
+            expect(data.hasItemShortage).to.equal(1);
+        });
+        cy.get('.icon-components').should('exist');
+        cy.get('.icon-unavailable').should('exist');
+        cy.get('.icon-isTooLittle').should('exist');
+    });
 });