feat(tests): add invalid connection test

2019-10-07 21:05:13 +02:00
parent 492ab71929
commit 2a20a8be74
4 changed files with 61 additions and 13 deletions
@@ -0,0 +1,48 @@
+describe('Advanced Flow Rendering', () => {
+  it('renders a flow with sone nodes', () => {
+    cy.visit('/advanced.html');
+
+    cy.get('.react-flow__renderer');
+
+    cy.get('.react-flow__node').should('have.length', 9);
+    cy.get('.react-flow__edge').should('have.length', 9);
+  });
+
+  it('connects nodes', () => {
+    cy.get('.react-flow__node')
+      .contains('1 Tests')
+      .find('.react-flow__handle.source')
+      .trigger('mousedown', { which: 1 });
+
+    cy.get('.react-flow__node')
+      .contains('7 output')
+      .find('.react-flow__handle.target')
+      .trigger('mousemove')
+      .should('have.class', 'connecting')
+      .should('have.class', 'valid')
+      .trigger('mouseup', { force: true })
+      .should('not.have.class', 'valid')
+      .should('not.have.class', 'connecting');
+
+    cy.get('.react-flow__edge').should('have.length', 10);
+  });
+
+  it('tries to make invalid connection', () => {
+    cy.get('.react-flow__node')
+      .contains('write something')
+      .parents('.react-flow__node')
+      .find('.react-flow__handle.source')
+      .trigger('mousedown', { which: 1 });
+
+    cy.get('.react-flow__node')
+      .contains('5 Another node')
+      .find('.react-flow__handle.target')
+      .trigger('mousemove')
+      .should('have.class', 'connecting')
+      .should('not.have.class', 'valid')
+      .trigger('mouseup', { force: true })
+      .should('not.have.class', 'connecting');
+
+    cy.get('.react-flow__edge').should('have.length', 10);
+  });
+});