chore: Clean up unused files, imports, and work on getting end-to-end tests and unit tests running (#2272)

extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js

@@ -225,7 +225,6 @@ function TrackedCornerstoneViewport({
     // frameRate = 0,
   } = viewportData.stack;
 
-  // TODO: Does it make more sense to use Context?
   if (children && children.length) {
     childrenWithProps = children.map((child, index) => {
       return (
@@ -371,7 +370,6 @@ function TrackedCornerstoneViewport({
           // Sync resize throttle w/ sidepanel animation duration to prevent
           // seizure inducing strobe blinking effect
           resizeRefreshRateMs={150}
-          // TODO: ViewportGrid Context?
           isActive={true} // todo
           isStackPrefetchEnabled={true} // todo
           isPlaying={isPlaying}
@@ -390,6 +388,7 @@ function TrackedCornerstoneViewport({
         <div className="absolute w-full">
           {viewportDialogState.viewportIndex === viewportIndex && (
             <Notification
+              id={viewportDialogState.id}
               message={viewportDialogState.message}
               type={viewportDialogState.type}
               actions={viewportDialogState.actions}
@@ -609,12 +608,12 @@ function _jumpToMeasurement(
     const scrollToHandler = evt => {
       scrollToIndex(targetElement, imageIndex);
       targetElement.removeEventListener(
-        'cornerstoneimagerendered',
+        cornerstone.EVENTS.IMAGE_RENDERED,
         scrollToHandler
       );
     };
     targetElement.addEventListener(
-      'cornerstoneimagerendered',
+      cornerstone.EVENTS.IMAGE_RENDERED,
       scrollToHandler
     );
 

extensions/measurement-tracking/src/viewports/ViewportOverlay.js

@@ -25,13 +25,14 @@ const ViewportOverlay = ({
     return null;
   }
 
+  // TODO: this component should be presentational only. Right now it has a weird dependency on Cornerstone
   const generalImageModule =
     cornerstone.metaData.get('generalImageModule', imageId) || {};
   const { instanceNumber } = generalImageModule;
 
   return (
     <div className="text-primary-light">
-      <div className={classnames(overlay, topLeft)}>
+      <div data-cy={"viewport-overlay-top-left"} className={classnames(overlay, topLeft)}>
         {isZoomActive && (
           <div className="flex flex-row">
             <span className="mr-1">Zoom:</span>
@@ -49,7 +50,7 @@ const ViewportOverlay = ({
           </div>
         )}
       </div>
-      <div className={classnames(overlay, topRight)}>
+      <div data-cy={"viewport-overlay-top-right"} className={classnames(overlay, topRight)}>
         {stackSize > 1 && (
           <div className="flex flex-row">
             <span className="mr-1">I:</span>
@@ -59,8 +60,8 @@ const ViewportOverlay = ({
           </div>
         )}
       </div>
-      <div className={classnames(overlay, bottomRight)}></div>
-      <div className={classnames(overlay, bottomLeft)}></div>
+      <div data-cy={"viewport-overlay-bottom-right"} className={classnames(overlay, bottomRight)}></div>
+      <div data-cy={"viewport-overlay-bottom-left"} className={classnames(overlay, bottomLeft)}></div>
     </div>
   );
 };