fix(sr): sr hydration and load was not working, Screenshot Comparison, and Testing (#4814)

tests/utils/checkForScreenshot.ts

@@ -17,19 +17,24 @@ const checkForScreenshot = async (
   delay = 100
 ) => {
   await page.waitForLoadState('networkidle');
-  for (let i = 1; i < attempts; i++) {
+
+  for (let i = 0; i < attempts; i++) {
     try {
       await expect(locator).toHaveScreenshot(screenshotPath, {
         maxDiffPixelRatio: 0.1,
       });
       return true;
     } catch (error) {
-      if (i === attempts) {
-        throw new Error('Screenshot does not match.');
+      if (i === attempts - 1) {
+        console.debug('Screenshot comparison failed after all attempts');
+        throw error; // Throw the original error with details instead of a generic message
       }
       await new Promise(resolve => setTimeout(resolve, delay));
     }
   }
+
+  // This is a fallback in case the loop exits unexpectedly
+  throw new Error('Screenshot comparison failed: loop exited without match or proper error');
 };
 
 export { checkForScreenshot };

tests/utils/screenShotPaths.ts

@@ -26,6 +26,10 @@ const screenShotPaths = {
   mpr: {
     mprDisplayedCorrectly: 'mprDisplayedCorrectly.png',
   },
+  mpr2: {
+    mprDisplayedCorrectly: 'mprDisplayedCorrectly.png',
+    mprDisplayedCorrectlyZoomed: 'mprDisplayedCorrectlyZoomed.png',
+  },
   threeDFourUp: {
     threeDFourUpDisplayedCorrectly: 'threeDFourUpDisplayedCorrectly.png',
   },
@@ -75,11 +79,19 @@ const screenShotPaths = {
     segPreHydration: 'segPreHydration.png',
     segJumpToSegment: 'segJumpToSegment.png',
   },
+  segHydrationMPR: {
+    segPostHydration: 'segPostHydration.png',
+    segPostHydrationMPRAxialPrimary: 'segPostHydrationMPRAxialPrimary.png',
+  },
   rtHydration: {
     rtPostHydration: 'rtPostHydration.png',
     rtPreHydration: 'rtPreHydration.png',
     rtJumpToStructure: 'rtJumpToStructure.png',
   },
+  rtHydration2: {
+    rtPostHydration: 'rtPostHydration.png',
+    rtPreHydration: 'rtPreHydration.png',
+  },
   crosshairs: {
     crosshairsRendered: 'crosshairsRendered.png',
     crosshairsRotated: 'crosshairsRotated.png',