From da6183a570cb0371da1dfa955e99cb5908f32532 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sat, 7 Jan 2023 18:18:18 +0100
Subject: [PATCH] chore(tests): correct viewport test

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 .../component/2-vue-flow/{viewpane.cy.ts => viewport.ts}   | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)
 rename e2e/cypress/component/2-vue-flow/{viewpane.cy.ts => viewport.ts} (84%)

diff --git a/e2e/cypress/component/2-vue-flow/viewpane.cy.ts b/e2e/cypress/component/2-vue-flow/viewport.ts
similarity index 84%
rename from e2e/cypress/component/2-vue-flow/viewpane.cy.ts
rename to e2e/cypress/component/2-vue-flow/viewport.ts
index f758eee8..1f9469f4 100644
--- a/e2e/cypress/component/2-vue-flow/viewpane.cy.ts
+++ b/e2e/cypress/component/2-vue-flow/viewport.ts
@@ -3,7 +3,7 @@ import { getElements } from '../../utils'
 
 const { nodes } = getElements()
 
-describe('Viewpane drag / zoom', () => {
+describe('Viewport drag / zoom', () => {
   const store = useVueFlow({ id: 'test' })
   beforeEach(() => {
     cy.vueFlow({
@@ -13,7 +13,6 @@ describe('Viewpane drag / zoom', () => {
 
   it('drags pane', () => {
     cy.window().then(async (win) => {
-      const initialViewport = store.viewport.value
       cy.get('.vue-flow__pane')
         .should('be.visible')
         .trigger('mousedown', 'center', { force: true, view: win })
@@ -26,8 +25,8 @@ describe('Viewpane drag / zoom', () => {
         .trigger('mouseup', { force: true, view: win })
 
       await cy.tryAssertion(() => {
-        cy.get('.vue-flow__transformationpane')
-          .should('be.visible')
+        cy.transformationPane()
+          .should('exist')
           .should(
             'have.css',
             'transform',