From 9e2ecf3db65bbb73fb4fe503c3aa5501037e1bb2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Christopher=20Mo=CC=88ller?= Date: Tue, 6 Oct 2020 13:45:53 +0200 Subject: [PATCH] test(zoom-handling): adjust tests for changes in zoom behaviour --- cypress/integration/flow/basic.spec.js | 4 ++-- cypress/integration/flow/controls.spec.js | 2 +- cypress/integration/flow/empty.spec.js | 2 ++ cypress/integration/flow/interaction.spec.js | 8 ++++---- cypress/integration/flow/minimap.spec.js | 4 ++-- 5 files changed, 11 insertions(+), 9 deletions(-) diff --git a/cypress/integration/flow/basic.spec.js b/cypress/integration/flow/basic.spec.js index 27e27b56..2d39054f 100644 --- a/cypress/integration/flow/basic.spec.js +++ b/cypress/integration/flow/basic.spec.js @@ -119,7 +119,7 @@ describe('Basic Flow Rendering', () => { // for d3 we have to pass the window to the event // https://github.com/cypress-io/cypress/issues/3441 cy.window().then((win) => { - cy.get('.react-flow__zoompane') + cy.get('.react-flow__renderer') .trigger('mousedown', 'topLeft', { which: 1, view: win }) .trigger('mousemove', 'bottomLeft') .trigger('mouseup', { force: true, view: win }) @@ -133,7 +133,7 @@ describe('Basic Flow Rendering', () => { it('zooms the pane', () => { const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); - cy.get('.react-flow__zoompane') + cy.get('.react-flow__renderer') .trigger('wheel', 'topLeft', { deltaY: -200 }) .then(() => { const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); diff --git a/cypress/integration/flow/controls.spec.js b/cypress/integration/flow/controls.spec.js index 3975fadb..98e0def9 100644 --- a/cypress/integration/flow/controls.spec.js +++ b/cypress/integration/flow/controls.spec.js @@ -36,7 +36,7 @@ describe('Controls Testing', () => { // for d3 we have to pass the window to the event // https://github.com/cypress-io/cypress/issues/3441 cy.window().then((win) => { - cy.get('.react-flow__zoompane') + cy.get('.react-flow__renderer') .trigger('mousedown', 'topLeft', { which: 1, view: win }) .trigger('mousemove', 'bottomLeft') .trigger('mouseup', { force: true, view: win }) diff --git a/cypress/integration/flow/empty.spec.js b/cypress/integration/flow/empty.spec.js index 300dc850..52c32b16 100644 --- a/cypress/integration/flow/empty.spec.js +++ b/cypress/integration/flow/empty.spec.js @@ -16,6 +16,8 @@ describe('Empty Flow Rendering', () => { .trigger('mousedown', 'topLeft', { which: 1, force: true }) .trigger('mousemove', 'bottomLeft', { which: 1 }) .trigger('mouseup', 'bottomLeft', { force: true }); + + cy.get('body').type('{shift}', { release: true }); }); it('renders an empty mini map', () => { diff --git a/cypress/integration/flow/interaction.spec.js b/cypress/integration/flow/interaction.spec.js index 8846aade..5810c485 100644 --- a/cypress/integration/flow/interaction.spec.js +++ b/cypress/integration/flow/interaction.spec.js @@ -52,7 +52,7 @@ describe('Interaction Flow Rendering', () => { it('tries to zoom by scroll', () => { const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); - cy.get('.react-flow__zoompane') + cy.get('.react-flow__renderer') .dblclick() .then(() => { const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); @@ -63,7 +63,7 @@ describe('Interaction Flow Rendering', () => { it('tries to zoom by double click', () => { const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); - cy.get('.react-flow__zoompane') + cy.get('.react-flow__renderer') .trigger('wheel', 'topLeft', { deltaY: -200 }) .then(() => { const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); @@ -122,7 +122,7 @@ describe('Interaction Flow Rendering', () => { it('zooms by scroll', () => { const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); - cy.get('.react-flow__zoompane') + cy.get('.react-flow__renderer') .trigger('wheel', 'topLeft', { deltaY: 200 }) .then(() => { const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); @@ -137,7 +137,7 @@ describe('Interaction Flow Rendering', () => { it('zooms by double click', () => { const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); - cy.get('.react-flow__zoompane') + cy.get('.react-flow__renderer') .dblclick() .then(() => { const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); diff --git a/cypress/integration/flow/minimap.spec.js b/cypress/integration/flow/minimap.spec.js index 1ce5bb5a..c9235ea8 100644 --- a/cypress/integration/flow/minimap.spec.js +++ b/cypress/integration/flow/minimap.spec.js @@ -19,7 +19,7 @@ describe('Minimap Testing', () => { const viewBoxBeforeZoom = Cypress.$('.react-flow__minimap').attr('viewBox'); const maskPathBeforeZoom = Cypress.$('.react-flow__minimap-mask').attr('d'); - cy.get('.react-flow__zoompane') + cy.get('.react-flow__renderer') .trigger('wheel', 'topLeft', { deltaY: -200 }) .then(() => { const viewBoxAfterZoom = Cypress.$('.react-flow__minimap').attr('viewBox'); @@ -53,7 +53,7 @@ describe('Minimap Testing', () => { // for d3 we have to pass the window to the event // https://github.com/cypress-io/cypress/issues/3441 cy.window().then((win) => { - cy.get('.react-flow__zoompane') + cy.get('.react-flow__renderer') .trigger('mousedown', 'topLeft', { which: 1, view: win }) .trigger('mousemove', 'bottomLeft') .trigger('mouseup', { force: true, view: win })