ui(components): migrates to new toolbar ui components and Numeric for Input InputRange and InputDoubleRange (#4728)

Co-authored-by: sedghi <ar.sedghi@gmail.com>

platform/app/cypress/support/aliases.js

@@ -1,6 +1,8 @@
 //Creating aliases for Cornerstone tools buttons
 export function initCornerstoneToolsAliases() {
-  cy.get('[data-cy="StackScroll"]').as('stackScrollBtn');
+  // Note: stack scroll is not in the DOM when the study is loaded
+  // cy.get('[data-cy="StackScroll"]').as('stackScrollBtn');
+
   cy.get('[data-cy="Zoom"]').as('zoomBtn');
   cy.get('[data-cy="WindowLevel-split-button-primary"]').as('wwwcBtnPrimary');
   cy.get('[data-cy="WindowLevel-split-button-secondary"]').as('wwwcBtnSecondary');
@@ -34,7 +36,6 @@ export function initCommonElementsAliases(skipMarkers) {
   cy.get('[data-cy="viewport-overlay-bottom-right"]').as('viewportInfoBottomRight');
   cy.get('[data-cy="viewport-overlay-bottom-left"]').as('viewportInfoBottomLeft');
 
-  console.debug('🚀 ~ skipMarkers:', skipMarkers);
   if (skipMarkers) {
     return;
   }

platform/app/cypress/support/commands.js

@@ -265,7 +265,7 @@ Cypress.Commands.add(
       }
     });
 
-    cy.get('@lengthButton').should('have.class', 'bg-primary-light');
+    cy.get('@lengthButton').should('have.attr', 'data-active', 'true');
 
     cy.get('@viewport').then($viewport => {
       const [x1, y1] = firstClick;