Merge pull request #1647 from ProcessMaker/testsFix/FOUR-9768

Tests fix/four 9768

tests/e2e/fixtures/processFlowCopyPaste.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<bpmn:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xmlns:pm="http://processmaker.com/BPMN/2.0/Schema.xsd" xmlns:tns="http://sourceforge.net/bpmn/definitions/_1530553328908" xmlns:xsd="http://www.w3.org/2001/XMLSchema" targetNamespace="http://bpmn.io/schema/bpmn" exporter="ProcessMaker Modeler" exporterVersion="1.0" xsi:schemaLocation="http://www.omg.org/spec/BPMN/20100524/MODEL http://bpmn.sourceforge.net/schemas/BPMN20.xsd">
+  <bpmn:process id="ProcessId" name="ProcessName" isExecutable="true">
+    <bpmn:callActivity id="node_10" name="Sub Process" pm:config="{}" />
+    <bpmn:boundaryEvent id="node_20" name="Boundary Error Event" attachedToRef="node_10">
+      <bpmn:outgoing>node_23</bpmn:outgoing>
+      <bpmn:errorEventDefinition />
+    </bpmn:boundaryEvent>
+    <bpmn:endEvent id="node_21" name="End Event">
+      <bpmn:incoming>node_23</bpmn:incoming>
+    </bpmn:endEvent>
+    <bpmn:sequenceFlow id="node_23" name="" sourceRef="node_20" targetRef="node_21" />
+  </bpmn:process>
+  <bpmn:collaboration id="collaboration_0">
+    <bpmn:participant id="node_1" name="Pool" processRef="ProcessId" />
+  </bpmn:collaboration>
+  <bpmndi:BPMNDiagram id="BPMNDiagramId">
+    <bpmndi:BPMNPlane id="BPMNPlaneId" bpmnElement="collaboration_0">
+      <bpmndi:BPMNShape id="node_1_di" bpmnElement="node_1">
+        <dc:Bounds x="320" y="230" width="600" height="300" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="node_10_di" bpmnElement="node_10">
+        <dc:Bounds x="400" y="320" width="116" height="76" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="node_20_di" bpmnElement="node_20">
+        <dc:Bounds x="440" y="302" width="36" height="36" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNShape id="node_21_di" bpmnElement="node_21">
+        <dc:Bounds x="680" y="320" width="36" height="36" />
+      </bpmndi:BPMNShape>
+      <bpmndi:BPMNEdge id="node_23_di" bpmnElement="node_23">
+        <di:waypoint x="458" y="320" />
+        <di:waypoint x="698" y="338" />
+      </bpmndi:BPMNEdge>
+    </bpmndi:BPMNPlane>
+  </bpmndi:BPMNDiagram>
+</bpmn:definitions>

tests/e2e/specs/BoundaryConditionalEvent.cy.js

@@ -11,7 +11,7 @@ import { nodeTypes } from '../support/constants';
 import { CommonBoundaryEventBehaviour } from '../support/BoundaryEventCommonBehaviour';
 
 describe.skip('Boundary Conditional Event', () => {
-  const startPosition = { x: 210, y: 200 };
+  const startPosition = { x: 150, y: 150 };
   const taskPosition = { x: 200, y: 200 };
   const boundaryConditionalEventPosition = { x: 260, y: 200 };
 

tests/e2e/specs/BoundaryMessageEvent.cy.js

@@ -9,7 +9,7 @@ import {
 import { nodeTypes } from '../support/constants';
 import { CommonBoundaryEventBehaviour } from '../support/BoundaryEventCommonBehaviour';
 
-describe('Boundary Message Event', () => {
+describe.skip('Boundary Message Event', () => {
   const taskPosition = { x: 300, y: 200 };
   beforeEach(() => {
     addNodeTypeToPaper(taskPosition, nodeTypes.task, 'switch-to-sub-process');

tests/e2e/specs/canvasUsability/canvasSelection/DeselectWhenCanvasIsClicked.cy.js

@@ -5,7 +5,7 @@ import {
 } from '../../../support/utils';
 import { nodeTypes } from '../../../support/constants';
 
-describe.skip('Canvas Selection', () => {
+describe('Canvas Selection', () => {
   it('Verify that controls are deselected when the user click in canvas', () => {
     const startEventPosition = { x: 150, y: 150 };
     const taskFormPosition = {
@@ -33,6 +33,7 @@ describe.skip('Canvas Selection', () => {
     cy.get('.paper-container').as('paperContainer').click();
     cy.get('.paper-container').trigger('mousedown', 'topLeft');
     cy.get('.paper-container').trigger('mousemove', 'bottomRight');
+    cy.get('.paper-container').trigger('mousemove', 'bottomRight');
     waitToRenderAllShapes();
     cy.get('.paper-container').trigger('mouseup', 'bottomRight');
 

tests/e2e/specs/canvasUsability/canvasSelection/DeselectWhenNewElementAdded.cy.js

@@ -5,7 +5,7 @@ import {
 } from '../../../support/utils';
 import { nodeTypes } from '../../../support/constants';
 
-describe.skip('Canvas Selection', () => {
+describe('Canvas Selection', () => {
   it('Verify that controls are deselected if a new element is added', () => {
     const startEventPosition = { x: 150, y: 150 };
     const taskFormPosition = {
@@ -33,6 +33,7 @@ describe.skip('Canvas Selection', () => {
     cy.get('.paper-container').as('paperContainer').click();
     cy.get('.paper-container').trigger('mousedown', 'topLeft');
     cy.get('.paper-container').trigger('mousemove', 'bottomRight');
+    cy.get('.paper-container').trigger('mousemove', 'bottomRight');
     waitToRenderAllShapes();
     cy.get('.paper-container').trigger('mouseup', 'bottomRight');
 

tests/e2e/specs/canvasUsability/canvasSelection/SelectingAnElementByClickingOnIt.cy.js

@@ -6,7 +6,7 @@ import {
 } from '../../../support/utils';
 import { nodeTypes } from '../../../support/constants';
 
-describe.skip('Canvas Selection', () => {
+describe('Canvas Selection', () => {
   it('Verify that controls are selected when the user click on it', () => {
     const startEventPosition = { x: 150, y: 150 };
     const taskFormPosition = {

tests/e2e/specs/canvasUsability/canvasSelection/SelectingAnElementIntoTheSelectedBox.cy.js

@@ -6,7 +6,7 @@ import {
 } from '../../../support/utils';
 import { nodeTypes } from '../../../support/constants';
 
-describe.skip('Canvas Selection', () => {
+describe('Canvas Selection', () => {
   it('Verify that controls are selected when the user click on it', () => {
     const startEventPosition = { x: 150, y: 150 };
     const taskFormPosition = {
@@ -34,6 +34,7 @@ describe.skip('Canvas Selection', () => {
     cy.get('.paper-container').as('paperContainer').click();
     cy.get('.paper-container').trigger('mousedown', 'topLeft');
     cy.get('.paper-container').trigger('mousemove', 'bottomRight');
+    cy.get('.paper-container').trigger('mousemove', 'bottomRight');
     waitToRenderAllShapes();
     cy.get('.paper-container').trigger('mouseup', 'bottomRight');
 

tests/e2e/specs/canvasUsability/canvasSelection/SelectionOfPoolsWithShiftClick.cy.js

@@ -31,6 +31,7 @@ describe.skip('Selection of pool with shift click', () => {
     cy.get('.paper-container')
       .trigger('mousedown', { x: 100, y: 20, which: 1 })
       .trigger('mousemove', { x: 680, y: 700 })
+      .trigger('mousemove', { x: 680, y: 700 })
       .trigger('mouseup', { force: true });
 
     // Validate that two pools were selected ([data-length=2])
@@ -39,14 +40,14 @@ describe.skip('Selection of pool with shift click', () => {
     // get current position of pool 1
     // eslint-disable-next-line no-unused-vars
     let pool1;
-    getElementAtPosition(pool1Position, nodeTypes.pool, 12, 100).then(($pool1) => {
+    getElementAtPosition(pool1Position, nodeTypes.pool,true, 12, 100).then(($pool1) => {
       pool1 = $pool1[0].getBoundingClientRect();
     });
 
     // get current position of pool 2
     // eslint-disable-next-line no-unused-vars
     let pool2;
-    getElementAtPosition(pool2Position, nodeTypes.pool).then(($pool2) => {
+    getElementAtPosition(pool2Position, nodeTypes.pool,true).then(($pool2) => {
       pool2 = $pool2[0].getBoundingClientRect();
     });
 
@@ -55,6 +56,7 @@ describe.skip('Selection of pool with shift click', () => {
     // click and drag fromPosition to fromPosition + translateAmount
     cy.get('.paper-container').trigger('mousedown', { which: 1, x: pool1Position.x, y: pool1Position.y  });
     cy.get('.paper-container').trigger('mousemove', { x: pool1Position.x + translateAmount.x, y: pool1Position.y + translateAmount.y  });
+    cy.get('.paper-container').trigger('mousemove', { x: pool1Position.x + translateAmount.x, y: pool1Position.y + translateAmount.y  });
     waitToRenderAllShapes();
     cy.get('.paper-container').trigger('mouseup',{ force: true });
 
@@ -70,12 +72,12 @@ describe.skip('Selection of pool with shift click', () => {
       y: pool2Position.y + translateAmount.y,
     };
 
-    getElementAtPosition(newPool1Position, nodeTypes.pool).then(($pool1) => {
+    getElementAtPosition(newPool1Position, nodeTypes.pool,true).then(($pool1) => {
       const { y } = $pool1[0].getBoundingClientRect();
       expect(pool1.y).to.be.lessThan(y);
     });
 
-    getElementAtPosition(newPool2Position, nodeTypes.pool).then(($pool2) => {
+    getElementAtPosition(newPool2Position, nodeTypes.pool,true).then(($pool2) => {
       const { y } = $pool2[0].getBoundingClientRect();
       expect(pool2.y).to.be.lessThan(y);
     });

tests/e2e/specs/canvasUsability/canvasSelection/VerifySelectionWithControlsWithLargeName.cy.js

@@ -2,8 +2,8 @@ import {
   waitToRenderAllShapes, getGraphElements,
 } from '../../../support/utils';
 
-describe('Canvas Selection', () => {
-  it.skip('TCP4-2667: Verify selection with controls with large name', () => {
+describe.skip('Canvas Selection', () => {
+  it('TCP4-2667: Verify selection with controls with large name', () => {
     const initialNumberOfElements = 1;
 
     //Step 1: Drag Start Event
@@ -14,6 +14,7 @@ describe('Canvas Selection', () => {
     //Step 2: Clicks and drags the mouse over the elements
     cy.get('.paper-container').trigger('mousedown', 'topLeft');
     cy.get('.paper-container').trigger('mousemove', 'bottomRight');
+    cy.get('.paper-container').trigger('mousemove', 'bottomRight');
     cy.get('.paper-container').trigger('mouseup',{ force: true });
 
     //Step 3: Get with of rectangle of selection
@@ -31,6 +32,7 @@ describe('Canvas Selection', () => {
         cy.get('.paper-container').click('topRight');
         cy.get('.paper-container').trigger('mousedown', 'topLeft');
         cy.get('.paper-container').trigger('mousemove', 'bottomRight');
+        cy.get('.paper-container').trigger('mousemove', 'bottomRight');
         cy.get('.paper-container').trigger('mouseup',{ force: true });
 
         //Validation 1: Verify the rectangle of the selection cover the element with the large name

tests/e2e/specs/canvasUsability/canvasSelection/VerifySelectionWithProcess.cy.js

@@ -5,7 +5,7 @@ import {
 } from '../../../support/utils';
 import { nodeTypes } from '../../../support/constants';
 
-describe.skip('Canvas Selection', () => {
+describe('Canvas Selection', () => {
   it('TCP4-2666: Verify selection with process', () => {
     const initialNumberOfElements = 1;
 
@@ -31,6 +31,7 @@ describe.skip('Canvas Selection', () => {
     //Step 5: Clicks and drags the mouse over the elements
     cy.get('.paper-container').trigger('mousedown', 'topLeft');
     cy.get('.paper-container').trigger('mousemove', 'bottomRight');
+    cy.get('.paper-container').trigger('mousemove', 'bottomRight');
     cy.get('.paper-container').trigger('mouseup',{ force: true });
 
     //Validation 1: Verify that all element are selected and a rectangle highlights the selected elements

tests/e2e/specs/canvasUsability/cloneImprovement/VerifyThatConfigurationsWereClonedOfFormTask.cy.js

@@ -5,7 +5,7 @@ import {
 } from '../../../support/utils';
 import { nodeTypes } from '../../../support/constants';
 
-describe.skip('Clone Improvement', () => {
+describe('Clone Improvement', () => {
   const initialNumberOfElements = 1;
   const selectorFormTask = '[data-type="processmaker.components.nodes.task.Shape"]';
   const selectorStartEvent = '[data-type="processmaker.components.nodes.startEvent.Shape"]';

tests/e2e/specs/canvasUsability/zoomInOutHotKeys/VerifyBottomRailIsNotAffectedByControl++.cy.js

@@ -9,7 +9,7 @@ import { nodeTypes } from '../../../support/constants';
 
 const key = isAppleOS() ? '{meta}' : '{ctrl}';
 
-describe.skip('Zoom In/Out Hot keys', () => {
+describe('Zoom In/Out Hot keys', () => {
   it('TCP4-2657: Verify that "BOTTOM RAIL" is not affected by Control ++', () => {
     const initialNumberOfElements = 1;
 

tests/e2e/specs/canvasUsability/zoomInOutHotKeys/VerifyBottomRailIsNotAffectedByControl--.cy.js

@@ -9,7 +9,7 @@ import { nodeTypes } from '../../../support/constants';
 
 const key = isAppleOS() ? '{meta}' : '{ctrl}';
 
-describe.skip('Zoom In/Out Hot keys', () => {
+describe('Zoom In/Out Hot keys', () => {
   it('TCP4-2656: Verify that "BOTTOM RAIL" is not affected by Control --', () => {
     const initialNumberOfElements = 1;
 

tests/e2e/specs/canvasUsability/zoomInOutHotKeys/VerifyControlsRailIsNotAffectedByControl++.cy.js

@@ -9,7 +9,7 @@ import { nodeTypes } from '../../../support/constants';
 
 const key = isAppleOS() ? '{meta}' : '{ctrl}';
 
-describe.skip('Zoom In/Out Hot keys', () => {
+describe('Zoom In/Out Hot keys', () => {
   it('TCP4-2650: Verify that "CONTROLS RAIL" is not affected by Control ++', () => {
     const initialNumberOfElements = 1;
 

tests/e2e/specs/canvasUsability/zoomInOutHotKeys/VerifyControlsRailIsNotAffectedByControl--.cy.js

@@ -9,7 +9,7 @@ import { nodeTypes } from '../../../support/constants';
 
 const key = isAppleOS() ? '{meta}' : '{ctrl}';
 
-describe.skip('Zoom In/Out Hot keys', () => {
+describe('Zoom In/Out Hot keys', () => {
   it('TCP4-2651: Verify that "CONTROLS RAIL" is not affected by Control --', () => {
     const initialNumberOfElements = 1;
 

tests/e2e/specs/canvasUsability/zoomInOutHotKeys/VerifyInspectorRailIsNotAffectedByControl++.cy.js

@@ -10,7 +10,7 @@ import { nodeTypes } from '../../../support/constants';
 
 const key = isAppleOS() ? '{meta}' : '{ctrl}';
 
-describe.skip('Zoom In/Out Hot keys', () => {
+describe('Zoom In/Out Hot keys', () => {
   it('TCP4-2654: Verify that "INSPECTOR RAIL" is not affected by Control ++', () => {
     const initialNumberOfElements = 1;
 

tests/e2e/specs/canvasUsability/zoomInOutHotKeys/VerifyInspectorRailIsNotAffectedByControl--.cy.js

@@ -10,7 +10,7 @@ import { nodeTypes } from '../../../support/constants';
 
 const key = isAppleOS() ? '{meta}' : '{ctrl}';
 
-describe.skip('Zoom In/Out Hot keys', () => {
+describe('Zoom In/Out Hot keys', () => {
   it('TCP4-2655: Verify that "INSPECTOR RAIL" is not affected by Control --', () => {
     const initialNumberOfElements = 1;
 

tests/e2e/specs/canvasUsability/zoomInOutHotKeys/VerifyTopRailIsNotAffectedByControl++.cy.js

@@ -9,7 +9,7 @@ import { nodeTypes } from '../../../support/constants';
 
 const key = isAppleOS() ? '{meta}' : '{ctrl}';
 
-describe.skip('Zoom In/Out Hot keys', () => {
+describe('Zoom In/Out Hot keys', () => {
   it('TCP4-2652: Verify that "TOP RAIL" is not affected by Control ++', () => {
     const initialNumberOfElements = 1;
 

tests/e2e/specs/canvasUsability/zoomInOutHotKeys/VerifyTopRailIsNotAffectedByControl--.cy.js

@@ -8,7 +8,7 @@ import { nodeTypes } from '../../../support/constants';
 
 const key = isAppleOS() ? '{meta}' : '{ctrl}';
 
-describe.skip('Zoom In/Out Hot keys', () => {
+describe('Zoom In/Out Hot keys', () => {
   it('TCP4-2653: Verify that "TOP RAIL" is not affected by Control --', () => {
     const initialNumberOfElements = 1;
 

tests/e2e/specs/explorerRail/ClickAndDrop.cy.js

@@ -1,7 +1,7 @@
 import { nodeTypes } from '../../support/constants';
 const { clickAndDropElement, getElementAtPosition, waitToRenderAllShapes } = require('../../support/utils');
 
-describe.skip('Click and Drop' , () => {
+describe('Click and Drop' , () => {
   it('Elements are clicked and dropped into canvas', () => {
     let explorerX = 0;
     if (Cypress.$('[data-test=explorer-rail]').is(':visible')) {

tests/e2e/specs/explorerRail/ExplorerRail.cy.js

@@ -1,4 +1,4 @@
-describe.skip('Explorer Rail Tests', () => {
+describe('Explorer Rail Tests', () => {
   it('Should pin an element', () => {
     // Try with Start Event
     cy.get('[data-test=processmaker-modeler-start-event] > .pinIcon').click();

tests/e2e/specs/inspectorPanel/InspectorPanel.cy.js

@@ -24,8 +24,12 @@ describe('Inspector panel test', { scrollBehavior: false }, () => {
     cy.get(inspectorButtonSelector)
       .should('be.visible')
       .then($btn => {
-        expect($btn).to.have.css('width', '48px');
-        expect($btn).to.have.css('height', '48px');
+        cy.get($btn).should('have.css', 'height')
+          .and('include', '4')
+          .and('include', 'px');
+        cy.get($btn).should('have.css', 'width')
+          .and('include', '4')
+          .and('include', 'px');
         expect($btn).to.have.css('background-color', 'rgb(255, 255, 255)');
         expect($btn).to.have.css('border-radius', '4px');
         expect($btn).to.have.css('box-shadow', 'rgba(0, 0, 0, 0.1) 0px 4px 8px 0px');
@@ -43,49 +47,31 @@ describe('Inspector panel test', { scrollBehavior: false }, () => {
   it('should close inspector panel when clicks on inspector close button', () => {
     cy.get(inspectorButtonSelector).click();
     cy.get(inspectorPanelSelector).should('be.visible');
-    cy.wait(500);
-    cy.get(inspectorCloseButton).click();
+    cy.get(inspectorCloseButton).should('be.visible').click();
     cy.get(inspectorPanelSelector).should('not.be.visible');
   });
 
-  it.skip('should hide inspector panel when select startElement and taskElement with shift key', () => {
+  it('should hide inspector panel when select startElement and taskElement with shift key', () => {
     cy.get(inspectorButtonSelector).click();
     cy.get(inspectorPanelSelector).should('be.visible');
-
-    cy.wait(500);
-
     const taskPosition = { x: 350, y: 300 };
-
     clickAndDropElement(nodeTypes.task, taskPosition);
     waitToRenderAllShapes();
-
     cy.get('[data-type="processmaker.components.nodes.startEvent.Shape"]').first().click();
     cy.get('[data-type="processmaker.components.nodes.task.Shape"]').first().click({ shiftKey: true });
-
     cy.get(inspectorPanelSelector).should('not.be.visible');
   });
 
-  it.skip('should show inspector panel deselect startElement and taskElement', () => {
+  it('should show inspector panel deselect startElement and taskElement', () => {
     cy.get(inspectorButtonSelector).click();
     cy.get(inspectorPanelSelector).should('be.visible');
-
-    cy.wait(500);
-
     const taskPosition = { x: 350, y: 300 };
-
     clickAndDropElement(nodeTypes.task, taskPosition);
-
     waitToRenderAllShapes();
-
     cy.get('[data-type="processmaker.components.nodes.startEvent.Shape"]').first().click();
     cy.get('[data-type="processmaker.components.nodes.task.Shape"]').first().click({ shiftKey: true });
-
     cy.get(inspectorPanelSelector).should('not.be.visible');
-
-    cy.wait(500);
-
     cy.get('[data-type="processmaker.components.nodes.startEvent.Shape"]').first().click();
-
     cy.get(inspectorPanelSelector).should('be.visible');
   });
 });