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/integration/measurement-tracking/OHIFCornerstoneToolbar.spec.js

@@ -72,7 +72,7 @@ describe('OHIF Cornerstone Toolbar', () => {
     // Assign an alias to the button element
     cy.get('@wwwcBtnPrimary').as('wwwcButton');
     cy.get('@wwwcButton').click();
-    cy.get('@wwwcButton').should('have.class', 'bg-primary-light');
+    cy.get('@wwwcButton').should('have.attr', 'data-active', 'true');
 
     //drags the mouse inside the viewport to be able to interact with series
     cy.get('@viewport')
@@ -97,7 +97,7 @@ describe('OHIF Cornerstone Toolbar', () => {
     cy.get('@panButton').click();
 
     // Assert that the button has the 'active' class
-    cy.get('@panButton').should('have.class', 'bg-primary-light');
+    cy.get('@panButton').should('have.attr', 'data-active', 'true');
 
     // Trigger the pan actions on the viewport
     cy.get('@viewport')

platform/app/cypress/integration/measurement-tracking/OHIFGeneralViewer.spec.js

@@ -18,7 +18,7 @@ describe('OHIF General Viewer', function () {
     cy.get('@zoomBtn')
       .click()
       .then($zoomBtn => {
-        cy.wrap($zoomBtn).should('have.class', 'bg-primary-light');
+        cy.wrap($zoomBtn).should('have.attr', 'data-active', 'true');
       });
 
     const zoomLevelInitial = cy.get('@viewportInfoTopLeft').then($viewportInfo => {

platform/app/cypress/integration/volume/MPR.spec.js

@@ -7,7 +7,7 @@ describe('OHIF MPR', () => {
   });
 
   it('should not go MPR for non reconstructible displaySets', () => {
-    cy.get('[data-cy="MPR"]').should('have.class', 'ohif-disabled');
+    cy.get('[data-cy="MPR"]').should('have.class', 'cursor-not-allowed');
   });
 
   it('should go MPR for reconstructible displaySets and come back', () => {

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;