fix(segmentation): Changes to fix problems with non hydrated/loaded segmentations to be viewable when switching hanging protocols (e.g. MPR) (#5139)

tests/MPRThenSEGOverlayNoHydration.spec.ts

@@ -0,0 +1,41 @@
+import { test } from 'playwright-test-coverage';
+import { visitStudy, checkForScreenshot, screenShotPaths } from './utils';
+
+test.beforeEach(async ({ page }) => {
+  const studyInstanceUID = '1.3.12.2.1107.5.2.32.35162.30000015050317233592200000046';
+  const mode = 'viewer';
+  await visitStudy(page, studyInstanceUID, mode, 2000);
+});
+
+test('should launch MPR with unhydrated SEG chosen from the data overlay menu', async ({
+  page,
+}) => {
+  await page.getByTestId('side-panel-header-right').click();
+
+  await page.getByTestId('Layout').click();
+  await page.getByTestId('MPR').click();
+
+  await page.waitForTimeout(5000);
+  await checkForScreenshot(
+    page,
+    page,
+    screenShotPaths.mprThenSEGOverlayNoHydration.mprPreSEGOverlayNoHydration
+  );
+
+  // Hover over the middle/sagittal viewport so that the data overlay menu is available.
+  await page.locator('css=div[data-viewportid="mpr-sagittal"]').hover();
+  await page.getByTestId('dataOverlayMenu-mpr-sagittal-btn').click();
+  await page.getByTestId('AddSegmentationDataOverlay-mpr-sagittal').click();
+  await page.getByText('SELECT A SEGMENTATION').click();
+  await page.getByTestId('Segmentation').click();
+
+  // Hide the overlay menu.
+  await page.getByTestId('dataOverlayMenu-mpr-sagittal-btn').click();
+
+  await page.waitForTimeout(5000);
+  await checkForScreenshot(
+    page,
+    page,
+    screenShotPaths.mprThenSEGOverlayNoHydration.mprPostSEGOverlayNoHydration
+  );
+});

tests/SEGDataOverlayNoHydrationThenMPR.spec.ts

@@ -0,0 +1,38 @@
+import { test } from 'playwright-test-coverage';
+import { visitStudy, checkForScreenshot, screenShotPaths } from './utils';
+
+test.beforeEach(async ({ page }) => {
+  const studyInstanceUID = '1.3.12.2.1107.5.2.32.35162.30000015050317233592200000046';
+  const mode = 'viewer';
+  await visitStudy(page, studyInstanceUID, mode, 2000);
+});
+
+test('should launch MPR with unhydrated SEG chosen from the data overlay menu', async ({
+  page,
+}) => {
+  await page.getByTestId('side-panel-header-right').click();
+  await page.getByTestId('dataOverlayMenu-default-btn').click();
+  await page.getByTestId('AddSegmentationDataOverlay-default').click();
+  await page.getByText('SELECT A SEGMENTATION').click();
+  await page.getByTestId('Segmentation').click();
+
+  // Hide the overlay menu.
+  await page.getByTestId('dataOverlayMenu-default-btn').click();
+
+  await page.waitForTimeout(5000);
+  await checkForScreenshot(
+    page,
+    page,
+    screenShotPaths.segDataOverlayNoHydrationThenMPR.segDataOverlayNoHydrationPreMPR
+  );
+
+  await page.getByTestId('Layout').click();
+  await page.getByTestId('MPR').click();
+
+  await page.waitForTimeout(5000);
+  await checkForScreenshot(
+    page,
+    page,
+    screenShotPaths.segDataOverlayNoHydrationThenMPR.segDataOverlayNoHydrationPostMPR
+  );
+});

tests/SEGNoHydrationThenMPR.spec.ts

@@ -0,0 +1,22 @@
+import { test } from 'playwright-test-coverage';
+import { visitStudy, checkForScreenshot, screenShotPaths } from './utils';
+
+test.beforeEach(async ({ page }) => {
+  const studyInstanceUID = '1.3.12.2.1107.5.2.32.35162.30000015050317233592200000046';
+  const mode = 'viewer';
+  await visitStudy(page, studyInstanceUID, mode, 2000);
+});
+
+test('should launch MPR with unhydrated SEG', async ({ page }) => {
+  await page.getByTestId('side-panel-header-right').click();
+  await page.getByTestId('study-browser-thumbnail-no-image').dblclick();
+
+  await page.waitForTimeout(5000);
+  await checkForScreenshot(page, page, screenShotPaths.segNoHydrationThenMPR.segNoHydrationPreMPR);
+
+  await page.getByTestId('Layout').click();
+  await page.getByTestId('MPR').click();
+
+  await page.waitForTimeout(5000);
+  await checkForScreenshot(page, page, screenShotPaths.segNoHydrationThenMPR.segNoHydrationPostMPR);
+});

tests/utils/screenShotPaths.ts

@@ -89,6 +89,18 @@ const screenShotPaths = {
     mprAfterSegHydrated: 'mprAfterSegHydrated.png',
     mprAfterSegHydratedAfterLayoutChange: 'mprAfterSegHydratedAfterLayoutChange.png',
   },
+  segNoHydrationThenMPR: {
+    segNoHydrationPreMPR: 'segNoHydrationPreMpr.png',
+    segNoHydrationPostMPR: 'segNoHydrationPostMpr.png',
+  },
+  segDataOverlayNoHydrationThenMPR: {
+    segDataOverlayNoHydrationPreMPR: 'segDataOverlayNoHydrationPreMpr.png',
+    segDataOverlayNoHydrationPostMPR: 'segDataOverlayNoHydrationPostMpr.png',
+  },
+  mprThenSEGOverlayNoHydration: {
+    mprPreSEGOverlayNoHydration: 'mprPreSEGOverlayNoHydration.png',
+    mprPostSEGOverlayNoHydration: 'mprPostSEGOverlayNoHydration.png',
+  },
   rtHydration: {
     rtPostHydration: 'rtPostHydration.png',
     rtPreHydration: 'rtPreHydration.png',