fix: jump to measurement forever (#4867)

tests/JumpToMeasurementMPR.spec.ts

@@ -0,0 +1,104 @@
+import { test } from '@playwright/test';
+import { visitStudy, checkForScreenshot, screenShotPaths, simulateClicksOnElement } from './utils';
+
+test.beforeEach(async ({ page }) => {
+  const studyInstanceUID = '1.3.6.1.4.1.25403.345050719074.3824.20170125095258.1';
+  const mode = 'viewer';
+  await visitStudy(page, studyInstanceUID, mode, 2000);
+});
+
+test('should hydrate in MPR correctly', async ({ page }) => {
+  await page.getByTestId('side-panel-header-right').click();
+  await page.getByTestId('trackedMeasurements-btn').click();
+
+  // get the div that has Body 4.0 Lung I and double click it
+
+  await page.locator(':text("S:7")').first().dblclick();
+
+  await page.evaluate(() => {
+    // Access cornerstone directly from the window object
+    const cornerstone = window.cornerstone;
+    if (!cornerstone) {
+      return;
+    }
+
+    const enabledElements = cornerstone.getEnabledElements();
+    if (enabledElements.length === 0) {
+      return;
+    }
+
+    const viewport = enabledElements[0].viewport;
+    if (viewport) {
+      viewport.setImageIdIndex(20);
+      viewport.render();
+    }
+  });
+
+  await page.getByTestId('MeasurementTools-split-button-secondary').click();
+  await page.getByTestId('Bidirectional').click();
+  const locator = page.getByTestId('viewport-pane').locator('canvas');
+
+  await simulateClicksOnElement({
+    locator,
+    points: [
+      {
+        x: 405,
+        y: 277,
+      },
+      {
+        x: 515,
+        y: 339,
+      },
+    ],
+  });
+
+  // wait 2 seconds
+  await page.waitForTimeout(2000);
+
+  await page.getByTestId('prompt-begin-tracking-yes-btn').click();
+
+  // scroll away
+  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.initialDraw);
+
+  // use mouse wheel to scroll away
+  await page.mouse.wheel(0, 100);
+
+  // wait 2 seconds
+  await page.waitForTimeout(2000);
+
+  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.scrollAway);
+
+  await page.getByTestId('data-row').first().click();
+
+  await page.waitForTimeout(5000);
+
+  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.jumpToMeasurementStack);
+
+  await page.getByTestId('Layout').click();
+  await page.locator('div').filter({ hasText: /^MPR$/ }).first().click();
+
+  // wait 2 seconds
+  await page.waitForTimeout(2000);
+
+  // jump in viewport again
+  await page.getByTestId('data-row').first().click();
+
+  await page.waitForTimeout(3000);
+
+  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.jumpInMPR);
+
+  await page.locator(':text("S:3")').first().dblclick();
+  await page.waitForTimeout(5000);
+
+  await checkForScreenshot(page, page, screenShotPaths.jumpToMeasurementMPR.changeSeriesInMPR);
+
+  await page.getByTestId('data-row').first().click();
+
+  await page.waitForTimeout(5000);
+
+  await checkForScreenshot(
+    page,
+    page,
+    screenShotPaths.jumpToMeasurementMPR.jumpToMeasurementAfterSeriesChange
+  );
+});

tests/utils/screenShotPaths.ts

@@ -102,6 +102,16 @@ const screenShotPaths = {
   tmtvRendering: {
     tmtvDisplayedCorrectly: 'tmtvDisplayedCorrectly.png',
   },
+  jumpToMeasurementMPR: {
+    initialDraw: 'jumpToMeasurementMPR-initialDraw.png',
+    scrollAway: 'jumpToMeasurementMPR-scrollAway.png',
+    jumpToMeasurementStack: 'jumpToMeasurementMPR-jumpToMeasurementStack.png',
+    goToMPR: 'jumpToMeasurementMPR-goToMPR.png',
+    jumpInMPR: 'jumpToMeasurementMPR-jumpInMPR.png',
+    changeSeriesInMPR: 'jumpToMeasurementMPR-changeSeriesInMPR.png',
+    jumpToMeasurementAfterSeriesChange:
+      'jumpToMeasurementMPR-jumpToMeasurementAfterSeriesChange.png',
+  },
 };
 
 export { screenShotPaths };