alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test(zoom-handling): adjust tests for changes in zoom behaviour

Browse Source
This commit is contained in:
Christopher Möller
2020-10-06 13:45:53 +02:00
parent 0373b53fc2
commit 9e2ecf3db6
5 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cypress/integration/flow/basic.spec.js
+2 -2
View File
@@ -119,7 +119,7 @@ describe('Basic Flow Rendering', () => {
// for d3 we have to pass the window to the event // for d3 we have to pass the window to the event
// https://github.com/cypress-io/cypress/issues/3441 // https://github.com/cypress-io/cypress/issues/3441
cy.window().then((win) => { cy.window().then((win) => {
cy.get('.react-flow__zoompane') cy.get('.react-flow__renderer')
.trigger('mousedown', 'topLeft', { which: 1, view: win }) .trigger('mousedown', 'topLeft', { which: 1, view: win })
.trigger('mousemove', 'bottomLeft') .trigger('mousemove', 'bottomLeft')
.trigger('mouseup', { force: true, view: win }) .trigger('mouseup', { force: true, view: win })
@@ -133,7 +133,7 @@ describe('Basic Flow Rendering', () => {
it('zooms the pane', () => { it('zooms the pane', () => {
const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform');
cy.get('.react-flow__zoompane') cy.get('.react-flow__renderer')
.trigger('wheel', 'topLeft', { deltaY: -200 }) .trigger('wheel', 'topLeft', { deltaY: -200 })
.then(() => { .then(() => {
const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform');
cypress/integration/flow/controls.spec.js
+1 -1
View File
@@ -36,7 +36,7 @@ describe('Controls Testing', () => {
// for d3 we have to pass the window to the event // for d3 we have to pass the window to the event
// https://github.com/cypress-io/cypress/issues/3441 // https://github.com/cypress-io/cypress/issues/3441
cy.window().then((win) => { cy.window().then((win) => {
cy.get('.react-flow__zoompane') cy.get('.react-flow__renderer')
.trigger('mousedown', 'topLeft', { which: 1, view: win }) .trigger('mousedown', 'topLeft', { which: 1, view: win })
.trigger('mousemove', 'bottomLeft') .trigger('mousemove', 'bottomLeft')
.trigger('mouseup', { force: true, view: win }) .trigger('mouseup', { force: true, view: win })
cypress/integration/flow/empty.spec.js
+2
View File
@@ -16,6 +16,8 @@ describe('Empty Flow Rendering', () => {
.trigger('mousedown', 'topLeft', { which: 1, force: true }) .trigger('mousedown', 'topLeft', { which: 1, force: true })
.trigger('mousemove', 'bottomLeft', { which: 1 }) .trigger('mousemove', 'bottomLeft', { which: 1 })
.trigger('mouseup', 'bottomLeft', { force: true }); .trigger('mouseup', 'bottomLeft', { force: true });
cy.get('body').type('{shift}', { release: true });
}); });
it('renders an empty mini map', () => { it('renders an empty mini map', () => {
cypress/integration/flow/interaction.spec.js
+4 -4
View File
@@ -52,7 +52,7 @@ describe('Interaction Flow Rendering', () => {
it('tries to zoom by scroll', () => { it('tries to zoom by scroll', () => {
const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform');
cy.get('.react-flow__zoompane') cy.get('.react-flow__renderer')
.dblclick() .dblclick()
.then(() => { .then(() => {
const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform');
@@ -63,7 +63,7 @@ describe('Interaction Flow Rendering', () => {
it('tries to zoom by double click', () => { it('tries to zoom by double click', () => {
const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform');
cy.get('.react-flow__zoompane') cy.get('.react-flow__renderer')
.trigger('wheel', 'topLeft', { deltaY: -200 }) .trigger('wheel', 'topLeft', { deltaY: -200 })
.then(() => { .then(() => {
const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform');
@@ -122,7 +122,7 @@ describe('Interaction Flow Rendering', () => {
it('zooms by scroll', () => { it('zooms by scroll', () => {
const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform');
cy.get('.react-flow__zoompane') cy.get('.react-flow__renderer')
.trigger('wheel', 'topLeft', { deltaY: 200 }) .trigger('wheel', 'topLeft', { deltaY: 200 })
.then(() => { .then(() => {
const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform');
@@ -137,7 +137,7 @@ describe('Interaction Flow Rendering', () => {
it('zooms by double click', () => { it('zooms by double click', () => {
const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleBeforeZoom = Cypress.$('.react-flow__nodes').css('transform');
cy.get('.react-flow__zoompane') cy.get('.react-flow__renderer')
.dblclick() .dblclick()
.then(() => { .then(() => {
const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform'); const styleAfterZoom = Cypress.$('.react-flow__nodes').css('transform');
cypress/integration/flow/minimap.spec.js
+2 -2
View File
@@ -19,7 +19,7 @@ describe('Minimap Testing', () => {
const viewBoxBeforeZoom = Cypress.$('.react-flow__minimap').attr('viewBox'); const viewBoxBeforeZoom = Cypress.$('.react-flow__minimap').attr('viewBox');
const maskPathBeforeZoom = Cypress.$('.react-flow__minimap-mask').attr('d'); const maskPathBeforeZoom = Cypress.$('.react-flow__minimap-mask').attr('d');
cy.get('.react-flow__zoompane') cy.get('.react-flow__renderer')
.trigger('wheel', 'topLeft', { deltaY: -200 }) .trigger('wheel', 'topLeft', { deltaY: -200 })
.then(() => { .then(() => {
const viewBoxAfterZoom = Cypress.$('.react-flow__minimap').attr('viewBox'); 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 // for d3 we have to pass the window to the event
// https://github.com/cypress-io/cypress/issues/3441 // https://github.com/cypress-io/cypress/issues/3441
cy.window().then((win) => { cy.window().then((win) => {
cy.get('.react-flow__zoompane') cy.get('.react-flow__renderer')
.trigger('mousedown', 'topLeft', { which: 1, view: win }) .trigger('mousedown', 'topLeft', { which: 1, view: win })
.trigger('mousemove', 'bottomLeft') .trigger('mousemove', 'bottomLeft')
.trigger('mouseup', { force: true, view: win }) .trigger('mouseup', { force: true, view: win })