From f100ce6cc49ffa84852d308b7aa23dd34061ef1d Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 26 Feb 2025 13:38:01 +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 | 4 +---
 2 files changed, 2 insertions(+), 3 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..f7f26a979 100755
--- a/test/cypress/integration/claim/claimPhoto.spec.js
+++ b/test/cypress/integration/claim/claimPhoto.spec.js
@@ -23,9 +23,7 @@ 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.dataCy('claimPhoto_img').click();
         cy.get('.q-carousel__slide > .q-img > .q-img__container > .q-img__image').should(
             'be.visible',
         );