diff --git a/packages/core/src/store/actions.ts b/packages/core/src/store/actions.ts index 79e5e347..ab6f0893 100644 --- a/packages/core/src/store/actions.ts +++ b/packages/core/src/store/actions.ts @@ -969,7 +969,7 @@ export function useActions( until(() => viewportHelper.value.initialized) .toBe(true) - .then(async () => { + .then(() => { setTimeout(() => { state.hooks.paneReady.trigger({ id, diff --git a/tests/cypress/component/2-vue-flow/basic.cy.ts b/tests/cypress/component/2-vue-flow/basic.cy.ts index b9e42362..b388511b 100644 --- a/tests/cypress/component/2-vue-flow/basic.cy.ts +++ b/tests/cypress/component/2-vue-flow/basic.cy.ts @@ -17,16 +17,23 @@ describe('Render Basic Example', () => { cy.get('.vue-flow__node').should('have.length', nodes.length) }) - it('renders edges', () => cy.get('.vue-flow__edge').should('have.length', edges.length)) + it('renders edges', () => { + cy.get('.vue-flow__edge').should('have.length', edges.length) + }) - it('renders correct node labels', () => - cy.get('.vue-flow__node').each((node) => expect(nodes.some((el) => el.label === node.text())).to.be.true)) + it('renders correct node labels', () => { + cy.get('.vue-flow__node').each((node) => expect(nodes.some((el) => el.label === node.text())).to.be.true) + }) - it('renders nodes at correct position', () => - cy - .get('.vue-flow__node') - .each( - (node) => - expect(nodes.some((el) => el.position.x === node.position().left && el.position.y === node.position().top)).to.be.true, - )) + it('renders nodes at correct position', () => { + cy.get('.vue-flow__node').each((el) => { + const node = nodes.find((node) => node.id === el.attr('data-id'))! + + expect(node).to.exist + + expect(el) + .to.have.css('transform') + .and.match(new RegExp(`matrix\\(1, 0, 0, 1, ${node.position.x}, ${node.position.y}\\)`)) + }) + }) })