From 63ef21d78e336b708c7fbc87581367de3803bc5b Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 26 Feb 2025 16:06:34 +0100
Subject: [PATCH] refactor: refs #8484 add data-cy attribute for claim photo
 image and update test to use it

---
 src/pages/Claim/Card/ClaimPhoto.vue               |  1 +
 test/cypress/integration/claim/claimPhoto.spec.js | 14 ++++++++------
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimPhoto.vue b/src/pages/Claim/Card/ClaimPhoto.vue
index d4acc9bbe..23e1b1a0b 100644
--- a/src/pages/Claim/Card/ClaimPhoto.vue
+++ b/src/pages/Claim/Card/ClaimPhoto.vue
@@ -227,6 +227,7 @@ function onDrag() {
                         class="rounded-borders cursor-pointer fit"
                         @click="openDialog(media.dmsFk)"
                         v-if="!media.isVideo"
+                        data-cy="claimPhoto_img"
                     >
                     </QImg>
                     <video
diff --git a/test/cypress/integration/claim/claimPhoto.spec.js b/test/cypress/integration/claim/claimPhoto.spec.js
index 8a928fda4..d16a016c5 100755
--- a/test/cypress/integration/claim/claimPhoto.spec.js
+++ b/test/cypress/integration/claim/claimPhoto.spec.js
@@ -23,18 +23,20 @@ describe('ClaimPhoto', () => {
     });
 
     it('should open first image dialog change to second and close', () => {
-        cy.get(':nth-child(1) > .q-card > .q-img > .q-img__container > .q-img__image')
-            .as('firstImage')
-            .click();
+        cy.waitForElement('[data-cy="claimPhoto_img"] .q-img__image--loaded');
+        cy.get(
+            ':nth-child(1) > .q-card > .q-img > .q-img__container > .q-img__image',
+        ).click();
         cy.get('.q-carousel__slide > .q-img > .q-img__container > .q-img__image').should(
             'be.visible',
         );
 
         cy.get('.q-carousel__control > button').as('nextButton').click();
 
-        cy.get('.q-dialog__inner > .q-toolbar > .q-btn > .q-btn__content > .q-icon')
-            .as('closeButton')
-            .click();
+        cy.get(
+            '.q-dialog__inner > .q-toolbar > .q-btn > .q-btn__content > .q-icon',
+        ).click();
+
         cy.get('.q-carousel__slide > .q-img > .q-img__container > .q-img__image').should(
             'not.be.visible',
         );