src/pages/Claim/Card/ClaimPhoto.vue

@@ -228,6 +228,7 @@ function onDrag() {
                         class="rounded-borders cursor-pointer fit"
                         @click="openDialog(media.dmsFk)"
                         v-if="!media.isVideo"
+                        :data-cy="`file-${index+1}`"
                     >
                     </QImg>
                     <video
@@ -236,6 +237,7 @@ function onDrag() {
                         muted="muted"
                         v-if="media.isVideo"
                         @click="openDialog(media.dmsFk)"
+                        :data-cy="`file-${index+1}`"
                     />
                 </QCard>
             </div>

test/cypress/integration/claim/claimPhoto.spec.js

@@ -24,7 +24,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').click();
+        cy.dataCy('file-1').click();
         cy.get('.q-carousel__next-arrow > .q-btn > .q-btn__content > .q-icon').click();
 
         cy.get(