test: Fix for test scripts that were failing in CI (#968)

* Fix for test scripts that were failing in CI
* Test cases for tools: Length and Angle
* Test cases implemented: Scroll series, Levels, Pan, Reset, Zoom
* Added test cases for tools: Cine, More, Layout, Invert, Rotate, FlipH, FlipV
* Fixes made according to comments on PR review
* Fixes for failing scenarios: Layout and Cine

platform/viewer/cypress/support/commands.js

@@ -1,4 +1,6 @@
 import { DragSimulator } from "../helpers/DragSimulator.js";
+import { doesNotReject } from "assert";
+import { disconnect } from "cluster";
 
 // ***********************************************
 // This example commands.js shows you how to
@@ -30,12 +32,114 @@ Cypress.Commands.add('openStudy', (patientName) => {
     cy.visit('/');
     cy.get('#patientName')
       .type(patientName);
-    cy.get('.studylistStudy > .patientName')
-      .contains(patientName)
-      .click();
+
+    cy.get('.studylistStudy > .patientName').as('patientResult')
+      .then({ timeout: 5000 }, ($patientResult) => {
+        cy.contains(patientName)
+        .click();
+      })
   }
 );
 
 Cypress.Commands.add('drag', {prevSubject: 'element',},
   (...args) => DragSimulator.simulate(...args)
 );
+
+/**
+ * Command to perform two clicks into two different positions. Each position must be [x, y].
+ * The positions are considering the element as reference, therefore, top-left of the element will be (0, 0).
+ *
+ * @param {*} viewport - Selector for viewport we would like to interact with
+ * @param {number[]} firstClick - Click position [x, y]
+ * @param {number[]} secondClick - Click position [x, y]
+ */
+Cypress.Commands.add('addLine', (viewport, firstClick, secondClick) =>  {
+
+  cy.get(viewport).then(($viewport) => {
+    const [ x1, y1 ] = firstClick;
+    const [ x2, y2 ] = secondClick;
+
+    cy.wrap($viewport)
+      .click(x1, y1, {force: true})
+      .trigger('mousemove', {clientX:x2, clientY:y2})
+      .click(x2, y2, {force: true})
+  });
+});
+
+
+/**
+ * Command to perform three clicks into three different positions. Each position must be [x, y].
+ * The positions are considering the element as reference, therefore, top-left of the element will be (0, 0).
+ *
+ * @param {*} viewport - Selector for viewport we would like to interact with
+ * @param {number[]} firstClick - Click position [x, y]
+ * @param {number[]} secondClick - Click position [x, y]
+ * @param {number[]} thirdClick - Click position [x, y]
+ */
+Cypress.Commands.add('addAngle', (viewport, firstClick, secondClick, thirdClick) =>  {
+
+  cy.get(viewport).then(($viewport) => {
+    const [ x1, y1 ] = firstClick;
+    const [ x2, y2 ] = secondClick;
+    const [ x3, y3 ] = thirdClick;
+
+    cy.wrap($viewport)
+      .click(x1, y1, {force: true})
+      .trigger('mousemove', {clientX:x2, clientY:y2})
+      .click(x2, y2, {force: true})
+      .trigger('mousemove', {clientX:x3, clientY:y3})
+      .click(x3, y3, {force: true})
+  });
+});
+
+
+//Command to wait DICOM image to load into the viewport
+Cypress.Commands.add('waitDicomImage', (timeout = 10000) => {
+  cy.window()
+    .its('cornerstone')
+    .then($cornerstone => {
+      return new Cypress.Promise(resolve => {
+            const onEvent = (renderedEvt) => {
+            const element = renderedEvt.detail.element;
+
+            element.removeEventListener('cornerstoneimagerendered', onEvent);
+            $cornerstone.events.removeEventListener('cornerstoneimagerendered', onEvent);
+              resolve();
+          }
+          const onEnabled = (enabledEvt) => {
+              const element = enabledEvt.detail.element;
+              
+                element.addEventListener('cornerstoneimagerendered', onEvent);
+          }
+          $cornerstone.events.addEventListener('cornerstoneelementenabled', onEnabled);
+    });
+  });
+
+});
+
+
+//Command to reset the viewport changes throught the cornerstone method
+Cypress.Commands.add('resetViewport', () => {
+  cy.get('@resetBtn').click()
+});
+
+
+Cypress.Commands.add('imageZoomIn', () => {
+  cy.get('@zoomBtn').click();
+
+  //drags the mouse inside the viewport to be able to interact with series
+  cy.get('@viewport')
+  .trigger('mousedown', 'top', { which: 1 })
+  .trigger('mousemove', 'center', { which: 1 })
+  .trigger('mouseup');
+});
+
+Cypress.Commands.add('imageContrast', () => {
+  cy.get('@levelsBtn').click();
+
+  //drags the mouse inside the viewport to be able to interact with series
+  cy.get('@viewport')
+  .trigger('mousedown', 'center', { which: 1 })
+  .trigger('mousemove', 'top', { which: 1 })
+  .trigger('mouseup');
+});