feat(tests): add remove edge

cypress/integration/flow/basic.spec.js

@@ -5,9 +5,6 @@ describe('Basic Flow Rendering', () => {
     cy.get('.react-graph__renderer');
     cy.get('.react-graph__node').should('have.length', 4);
     cy.get('.react-graph__edge').should('have.length', 2);
-  });
-
-  it('all nodes have handles', () => {
     cy.get('.react-graph__node').children('div').children('.react-graph__handle');
   });
 
@@ -20,6 +17,15 @@ describe('Basic Flow Rendering', () => {
     cy.get('.react-graph__node:first').should('not.have.class', 'selected');
   });
 
+  it('selects an edge', () => {
+    cy.get('.react-graph__edge:first').click().should('have.class', 'selected');
+  });
+
+  it('deselects edge', () => {
+    cy.get('.react-graph__renderer').click('bottomRight');
+    cy.get('.react-graph__edge:first').should('not.have.class', 'selected');
+  });
+
   it('selects all nodes', () => {
     cy.get('body')
       .type('{shift}', { release: false })
@@ -32,7 +38,7 @@ describe('Basic Flow Rendering', () => {
       .get('.react-graph__nodesselection-rect');
   });
 
-  it('remove selection', () => {
+  it('removes selection', () => {
     cy.get('.react-graph__renderer').click('bottomRight');
     cy.get('.react-graph__nodesselection-rect').should('not.exist');
   });
@@ -74,6 +80,13 @@ describe('Basic Flow Rendering', () => {
     cy.get('.react-graph__edge').should('have.length', 2);
   });
 
+  it('removes an edge', () => {
+    cy.get('.react-graph__edge:first').click();
+    cy.get('body').type('{backspace}');
+
+    cy.get('.react-graph__edge').should('have.length', 1);
+  });
+
   it('drags the pane', () => {
     // for d3 we have to pass the window to the event
     // https://github.com/cypress-io/cypress/issues/3441