diff --git a/e2e/cypress/component/1-store/viewpane/setMaxZoom.cy.ts b/e2e/cypress/component/1-store/viewpane/setMaxZoom.cy.ts index 84b7549d..6087a451 100644 --- a/e2e/cypress/component/1-store/viewpane/setMaxZoom.cy.ts +++ b/e2e/cypress/component/1-store/viewpane/setMaxZoom.cy.ts @@ -20,7 +20,7 @@ describe('Store Action: `setMaxZoom`', () => { expect(store.maxZoom.value).to.eq(2) }) - it('sets max-zoom in viewpane', () => { + it('sets max-zoom in viewpane', async () => { cy.viewPort().trigger('wheel', { deltaY: -10000, wheelDelta: 0, @@ -29,9 +29,12 @@ describe('Store Action: `setMaxZoom`', () => { bubbles: true, }) - cy.transformationPane().then(($el) => { - const transform = $el.css('transform') - expect(transform).to.contain('matrix(2,') + await cy.tryAssertion(() => { + cy.transformationPane().should( + 'have.css', + 'transform', + `matrix(${store.viewport.value.zoom}, 0, 0, ${store.viewport.value.zoom}, ${store.viewport.value.x}, ${store.viewport.value.y})`, + ) }) }) }) diff --git a/e2e/cypress/component/1-store/viewpane/setMinZoom.cy.ts b/e2e/cypress/component/1-store/viewpane/setMinZoom.cy.ts index 8f4aa801..9bbec193 100644 --- a/e2e/cypress/component/1-store/viewpane/setMinZoom.cy.ts +++ b/e2e/cypress/component/1-store/viewpane/setMinZoom.cy.ts @@ -29,9 +29,10 @@ describe('Store Action: `setMinZoom`', () => { bubbles: true, }) - cy.transformationPane().then(($el) => { - const transform = $el.css('transform') - expect(transform).to.contain('matrix(0.5') - }) + cy.transformationPane().should( + 'have.css', + 'transform', + `matrix(${store.viewport.value.zoom}, 0, 0, ${store.viewport.value.zoom}, ${store.viewport.value.x}, ${store.viewport.value.y})`, + ) }) }) diff --git a/e2e/cypress/component/2-vue-flow/drag.cy.ts b/e2e/cypress/component/2-vue-flow/drag.cy.ts index db25500c..f28b37cf 100644 --- a/e2e/cypress/component/2-vue-flow/drag.cy.ts +++ b/e2e/cypress/component/2-vue-flow/drag.cy.ts @@ -1,8 +1,11 @@ +import { useVueFlow } from '@vue-flow/core' import { getElements } from '../../utils' const { nodes } = getElements(1, 1) describe('Check if nodes are draggable', () => { + const store = useVueFlow({ id: 'test' }) + beforeEach(() => { cy.vueFlow({ modelValue: [nodes[0]], @@ -10,7 +13,7 @@ describe('Check if nodes are draggable', () => { }) it('drags nodes', () => { - cy.window().then((win) => { + cy.window().then(async (win) => { cy.get(`[data-id="${nodes[0].id}"]`) .trigger('mousedown', { which: 1, @@ -27,7 +30,15 @@ describe('Check if nodes are draggable', () => { view: win, }) - cy.get(`[data-id="${nodes[0].id}"]`).should('not.have.css', 'transform', 'matrix(1, 0, 0, 1, 0, 0)') + await cy.tryAssertion(() => { + cy.get(`[data-id="${nodes[0].id}"]`) + .should('be.visible') + .should( + 'have.css', + 'transform', + `matrix(1, 0, 0, 1, ${store.nodes.value[0].computedPosition.x}, ${store.nodes.value[0].computedPosition.x})`, + ) + }) }) }) })