test(components): add component tests, use ts for e2e tests

2022-08-22 18:23:38 +02:00
parent 7b8b368572
commit 438a318d8f
21 changed files with 243 additions and 112 deletions
@@ -0,0 +1,44 @@
+describe('Empty Flow Rendering', () => {
+  before(() => {
+    cy.visit('/Empty');
+  });
+
+  it('renders an empty flow', () => {
+    cy.get('.react-flow__renderer');
+    cy.get('.react-flow__node').should('not.exist');
+    cy.get('.react-flow__edge').should('not.exist');
+  });
+
+  it('renders empty selection', () => {
+    cy.get('.react-flow__renderer').click();
+    cy.get('body')
+      .type('{shift}', { release: false })
+      .wait(50)
+      .get('.react-flow__selectionpane')
+      .trigger('mousedown', 400, 50, { which: 1, force: true })
+      .trigger('mousemove', 200, 200, { which: 1 })
+      .wait(50)
+      .trigger('mouseup', 200, 200, { force: true });
+
+    cy.get('body').type('{shift}', { release: true });
+  });
+
+  it('adds two nodes', () => {
+    cy.contains('add node').click();
+    cy.contains('add node').click();
+  });
+
+  it('connects nodes', () => {
+    cy.get('.react-flow__node').first().find('.react-flow__handle.source').trigger('mousedown', { button: 0 });
+
+    cy.get('.react-flow__node')
+      .last()
+      .find('.react-flow__handle.target')
+      .trigger('mousemove')
+      .trigger('mouseup', { force: true });
+
+    cy.get('.react-flow__edge').should('have.length', 1);
+  });
+});
+
+export {};