ohif-viewer/tests/JumpToMeasurementMPR.spec.ts

import {
  checkForScreenshot,
  screenShotPaths,
  test,
  visitStudy,
  waitForPaintToSettle,
  waitForViewportRenderCycle,
} from './utils';

test.beforeEach(async ({ page }) => {
  const studyInstanceUID = '1.3.6.1.4.1.25403.345050719074.3824.20170125095438.5';
  const mode = 'viewer';
  await visitStudy(page, studyInstanceUID, mode, 5000);
});

test('should hydrate in MPR correctly', async ({
  page,
  DOMOverlayPageObject,
  leftPanelPageObject,
  mainToolbarPageObject,
  rightPanelPageObject,
  viewportPageObject,
}) => {
  await rightPanelPageObject.toggle();
  await rightPanelPageObject.measurementsPanel.select();

  await leftPanelPageObject.loadSeriesByDescription('Body 4.0 CE', 1);

  await page.waitForTimeout(5000);

  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.waitForTimeout(5000);

  await mainToolbarPageObject.measurementTools.bidirectional.click();
  const activeViewport = await viewportPageObject.active;
  await activeViewport.clickAt([
    { x: 405, y: 277 },
    { x: 515, y: 339 },
  ]);

  await page.waitForTimeout(2000);

  await DOMOverlayPageObject.viewport.measurementTracking.confirm.click();

  // scroll away
  await checkForScreenshot(
    page,
    viewportPageObject.grid,
    screenShotPaths.jumpToMeasurementMPR.initialDraw
  );

  // Focus on the canvas first, then use mouse wheel to scroll away
  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(0);
      viewport.render();
    }
  });

  await page.waitForTimeout(5000);

  await checkForScreenshot(
    page,
    viewportPageObject.grid,
    screenShotPaths.jumpToMeasurementMPR.scrollAway
  );

  await rightPanelPageObject.measurementsPanel.panel.nthMeasurement(0).click();

  await checkForScreenshot(
    page,
    viewportPageObject.grid,
    screenShotPaths.jumpToMeasurementMPR.jumpToMeasurementStack
  );

  await mainToolbarPageObject.layoutSelection.MPR.click();

  await page.waitForTimeout(5000);

  // jump in viewport again
  await rightPanelPageObject.measurementsPanel.panel.nthMeasurement(0).click();

  await page.waitForTimeout(3000);

  await checkForScreenshot(
    page,
    viewportPageObject.grid,
    screenShotPaths.jumpToMeasurementMPR.jumpInMPR
  );

  const seriesChangeRenderCycle = waitForViewportRenderCycle(page, { renderedTimeout: 30000 });

  await leftPanelPageObject.loadSeriesByDescription('Lung 3.0 CE');

  await seriesChangeRenderCycle;
  // Series change unloads the old volume and progressively streams the new
  // one; the wait helper resolves when loadStatus.loaded flips true, but the
  // MPR mappers can still be sampling stale low-res frames for one tick.
  // Give the streaming tail a chance to upload before screenshotting.
  await page.waitForTimeout(2000);
  await waitForPaintToSettle(page);

  await checkForScreenshot(
    page,
    viewportPageObject.grid,
    screenShotPaths.jumpToMeasurementMPR.changeSeriesInMPR
  );

  await rightPanelPageObject.measurementsPanel.panel.nthMeasurement(0).click();

  await checkForScreenshot(
    page,
    viewportPageObject.grid,
    screenShotPaths.jumpToMeasurementMPR.jumpToMeasurementAfterSeriesChange
  );
});