mermaid/cypress/integration/other/interaction.spec.js

describe('Interaction', () => {
  describe('Security level loose', () => {
    beforeEach(() => {
      cy.visit('http://localhost:9000/click_security_loose.html');
    });

    it('Graph: should handle a click on a node with a bound function', () => {
      cy.contains('FunctionTest1').parents('.node').click();
      cy.get('.created-by-click').should('have.text', 'Clicked By Flow');
    });

    it('Graph: should handle a click on a node with a bound function with args', () => {
      cy.contains('FunctionArgTest2').parents('.node').click();
      cy.get('.created-by-click-2').should('have.text', 'Clicked By Flow: ARGUMENT');
    });

    it('Flowchart: should handle a click on a node with a bound function where the node starts with a number', () => {
      cy.contains('2FunctionArg').parents('.node').click();
      cy.get('.created-by-click-2').should('have.text', 'Clicked By Flow: ARGUMENT');
    });

    it('Graph: should handle a click on a node with a bound url', () => {
      // When there is a URL, `cy.contains()` selects the `a` tag instead of the `span` tag. The .node is a child of `a`, so we have to use `find()` instead of `parent`.
      cy.contains('URLTest1').find('.node').click();
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('Graph: should handle a click on a node with a bound url where the node starts with a number', () => {
      cy.contains('2URL').find('.node').click();
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('Flowchart-v2: should handle a click on a node with a bound function', () => {
      cy.contains('FunctionTest2').parents('.node').click();
      cy.get('.created-by-click').should('have.text', 'Clicked By Flow');
    });

    it('Flowchart-v2: should handle a click on a node with a bound function where the node starts with a number', () => {
      cy.contains('10Function').parents('.node').click();
      cy.get('.created-by-click').should('have.text', 'Clicked By Flow');
    });

    it('Flowchart-v2: should handle a click on a node with a bound url', () => {
      cy.contains('URLTest2').find('.node').click();
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('Flowchart-v2: should handle a click on a node with a bound url where the node starts with a number', () => {
      cy.contains('20URL').find('.node').click();
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('should handle a click on a task with a bound URL clicking on the rect', () => {
      cy.get('rect#cl1').click({ force: true });
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('should handle a click on a task with a bound URL clicking on the text', () => {
      cy.get('text#cl1-text').click({ force: true });
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('should handle a click on a task with a bound function without args', () => {
      cy.get('rect#cl2').click({ force: true });
      cy.get('.created-by-gant-click').should('have.text', 'Clicked By Gant cl2');
    });

    it('should handle a click on a task with a bound function with args', () => {
      cy.get('rect#cl3').click({ force: true });
      cy.get('.created-by-gant-click').should('have.text', 'Clicked By Gant test1 test2 test3');
    });

    it('should handle a click on a task with a bound function without args', () => {
      cy.get('text#cl2-text').click({ force: true });
      cy.get('.created-by-gant-click').should('have.text', 'Clicked By Gant cl2');
    });

    it('should handle a click on a task with a bound function with args ', () => {
      cy.get('text#cl3-text').click({ force: true });
      cy.get('.created-by-gant-click').should('have.text', 'Clicked By Gant test1 test2 test3');
    });
  });

  describe('Interaction - security level tight', () => {
    beforeEach(() => {
      cy.visit('http://localhost:9000/click_security_strict.html');
    });
    it('should handle a click on a node without a bound function', () => {
      cy.contains('Function1').parents('.node').click();
      cy.get('.created-by-click').should('not.exist');
    });

    it('should handle a click on a node with a bound function where the node starts with a number', () => {
      cy.contains('1Function').parents('.node').click();
      cy.get('.created-by-click').should('not.exist');
    });

    it('should handle a click on a node with a bound url', () => {
      cy.contains('URL1').find('.node').click();
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('should handle a click on a node with a bound url where the node starts with a number', () => {
      cy.contains('2URL').find('.node').click();
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('should handle a click on a task with a bound URL clicking on the rect', () => {
      cy.get('rect#cl1').click({ force: true });
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('should handle a click on a task with a bound URL clicking on the text', () => {
      cy.get('text#cl1-text').click({ force: true });
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('should handle a click on a task with a bound function', () => {
      cy.get('rect#cl2').click({ force: true });
      cy.get('.created-by-gant-click').should('not.exist');
    });

    it('should handle a click on a task with a bound function', () => {
      cy.get('text#cl2-text').click({ force: true });
      cy.get('.created-by-gant-click').should('not.exist');
    });
  });

  describe('Interaction - security level other, misspelling', () => {
    beforeEach(() => {
      cy.visit('http://localhost:9000/click_security_other.html');
    });

    it('should handle a click on a node with a bound function', () => {
      cy.contains('Function1').parents('.node').click();
      cy.get('.created-by-click').should('not.exist');
    });

    it('should handle a click on a node with a bound function where the node starts with a number', () => {
      cy.contains('1Function').parents('.node').click();
      cy.get('.created-by-click').should('not.exist');
    });

    it('should handle a click on a node with a bound url', () => {
      cy.contains('URL1').find('.node').click();
      cy.location().should(({ href }) => {
        expect(href).to.eq('http://localhost:9000/empty.html');
      });
    });

    it('should handle a click on a task with a bound function', () => {
      cy.get('rect#cl2').click({ force: true });
      cy.get('.created-by-gant-click').should('not.exist');
    });

    it('should handle a click on a task with a bound function', () => {
      cy.get('text#cl2-text').click({ force: true });
      cy.get('.created-by-gant-click').should('not.exist');
    });
  });
});