verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 90 Releases Wiki Activity

refactor: refs #8484 add data-cy attribute for claim photo image and update test to use it
gitea/salix-front/pipeline/pr-dev There was a failure building this commit Details

This commit is contained in:
Jorge Penadés 2025-02-26 16:06:34 +01:00
parent 8a8233b82f
commit 63ef21d78e
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/Claim/Card/ClaimPhoto.vue
View File

@ -227,6 +227,7 @@ function onDrag() {
class="rounded-borders cursor-pointer fit" class="rounded-borders cursor-pointer fit"
@click="openDialog(media.dmsFk)" @click="openDialog(media.dmsFk)"
v-if="!media.isVideo" v-if="!media.isVideo"
data-cy="claimPhoto_img"
> >
</QImg> </QImg>
<video <video

14
test/cypress/integration/claim/claimPhoto.spec.js
View File

@ -23,18 +23,20 @@ describe('ClaimPhoto', () => {
}); });
it('should open first image dialog change to second and close', () => { 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') cy.waitForElement('[data-cy="claimPhoto_img"] .q-img__image--loaded');
.as('firstImage') cy.get(
.click(); ':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( cy.get('.q-carousel__slide > .q-img > .q-img__container > .q-img__image').should(
'be.visible', 'be.visible',
); );
cy.get('.q-carousel__control > button').as('nextButton').click(); cy.get('.q-carousel__control > button').as('nextButton').click();
cy.get('.q-dialog__inner > .q-toolbar > .q-btn > .q-btn__content > .q-icon') cy.get(
.as('closeButton') '.q-dialog__inner > .q-toolbar > .q-btn > .q-btn__content > .q-icon',
.click(); ).click();
cy.get('.q-carousel__slide > .q-img > .q-img__container > .q-img__image').should( cy.get('.q-carousel__slide > .q-img > .q-img__container > .q-img__image').should(
'not.be.visible', 'not.be.visible',
); );