feat(tests): Add tests for duplicating contour segments (#6002)

tests/ContourSegmentDuplicate.spec.ts

@@ -0,0 +1,109 @@
+import {
+  expect,
+  test,
+  visitStudy,
+  waitForViewportsRendered,
+} from './utils';
+import { getSvgAttribute } from './utils/getSvgAttribute';
+
+const studyInstanceUID = '1.2.840.113619.2.290.3.3767434740.226.1600859119.501';
+const defaultSegment0Name = 'Threshold';
+const defaultSegment1Name = 'Big Sphere';
+
+test.beforeEach(async ({
+  page,
+  leftPanelPageObject,
+  DOMOverlayPageObject,
+}) => {
+  const mode = 'segmentation';
+  await visitStudy(page, studyInstanceUID, mode, 2000);
+
+  await leftPanelPageObject.loadSeriesByModality('RTSTRUCT');
+  await waitForViewportsRendered(page);
+  await expect(DOMOverlayPageObject.viewport.segmentationHydration.locator).toBeVisible();
+
+  await DOMOverlayPageObject.viewport.segmentationHydration.yes.click();
+});
+
+test('should duplicate a contour segment and add a new row to the panel', async ({
+  page,
+  rightPanelPageObject,
+}) => {
+  const panel = rightPanelPageObject.contourSegmentationPanel.panel;
+
+  const initialCount = await panel.getSegmentCount();
+  expect(initialCount, 'Expected to load with 4 segments').toBe(4);
+
+  const segment0 = panel.nthSegment(0);
+  await expect(segment0.title).toHaveText(defaultSegment0Name);
+
+  await segment0.actions.duplicate();
+
+  const countAfterDuplicate = await panel.getSegmentCount();
+  expect(countAfterDuplicate, 'Expected one additional segment row after duplicating').toBe(5);
+
+  //New segment's default name is formatted as "Segment {segmentCount}"
+  const newSegmentLocator = panel.nthSegment(initialCount).title;
+  await expect(newSegmentLocator, 'Expected correct title for duplicated segment').toHaveText(`Segment 5`);
+
+  // Original segment titles should be unchanged
+  await expect(panel.nthSegment(0).title).toHaveText(defaultSegment0Name);
+  await expect(panel.nthSegment(1).title).toHaveText(defaultSegment1Name);
+});
+
+test('should duplicate the same segment multiple times', async ({
+  page,
+  rightPanelPageObject,
+}) => {
+  const panel = rightPanelPageObject.contourSegmentationPanel.panel;
+
+  const segment0 = panel.nthSegment(0);
+
+  await segment0.actions.duplicate();
+  expect(await panel.getSegmentCount(), 'Expected one additional segment row after duplicating').toBe(5);
+
+  const firstDuplicateTitleLocator = panel.nthSegment(4).title;
+  await expect(firstDuplicateTitleLocator, 'Expected correct title for first duplicated segment').toHaveText(`Segment 5`);
+
+  await segment0.actions.duplicate();
+  expect(await panel.getSegmentCount(), 'Expected another segment row after duplicating the same segment again').toBe(6);
+
+  const secondDuplicateTitleLocator = panel.nthSegment(5).title;
+  await expect(secondDuplicateTitleLocator, 'Expected correct title for second duplicated segment').toHaveText(`Segment 6`);
+});
+
+test('should render the duplicated contour on the viewport', async ({
+  rightPanelPageObject,
+  viewportPageObject,
+}) => {
+  const panel = rightPanelPageObject.contourSegmentationPanel.panel;
+
+  // Hide everything, to be able to grab only the SVG path of the segment to duplicate
+  await rightPanelPageObject.contourSegmentationPanel.segmentsVisibilityToggle.click();
+  const segment0 = panel.nthSegment(0);
+  await segment0.toggleVisibility();
+  await segment0.click();
+
+  const sourceSvgPath = await getSvgAttribute({viewportPageObject, svgInnerElement: 'path', attributeName: 'd'});
+  expect(sourceSvgPath, 'Expected a visible SVG path for the source segment').not.toBeNull();
+  const sourceSvgPaths = (await viewportPageObject.getById('default')).svg('path');
+  expect(sourceSvgPaths, 'Expected only one SVG path element for the original segment').toHaveCount(1);
+
+  // New segment is at index 4
+  await segment0.actions.duplicate();
+  const duplicatedSegment = panel.nthSegment(4);
+
+  // Hide again to show duplicate only
+  await segment0.toggleVisibility();
+  await duplicatedSegment.click();
+
+  const duplicatedSvgPath = await getSvgAttribute({viewportPageObject, svgInnerElement: 'path', attributeName: 'd'});
+  expect(duplicatedSvgPath, 'Expected a visible SVG path for the duplicated segment').not.toBeNull();
+  const duplicatedSvgPaths = (await viewportPageObject.getById('default')).svg('path');
+  expect(duplicatedSvgPaths, 'Expected only one SVG path element for the duplicated segment').toHaveCount(1);
+
+  expect(
+    duplicatedSvgPath,
+    'Expected the duplicated segment to have the same SVG path as the source'
+  ).toBe(sourceSvgPath);
+});