fix(dicom-tag-browser): Prevent long series names from overlapping - OHIF-2406 (#5809)

tests/pages/DOMOverlayPageObject.ts

@@ -1,4 +1,5 @@
 import { Locator, Page } from '@playwright/test';
+import { DicomTagBrowserPageObject } from './DicomTagBrowserPageObject';
 
 export class DOMOverlayPageObject {
   readonly page: Page;
@@ -46,6 +47,11 @@ export class DOMOverlayPageObject {
           },
         };
       },
+
+      get dicomTagBrowser() {
+        return new DicomTagBrowserPageObject(page);
+      },
+
       title: page.locator('[role="dialog"] h2'),
     };
   }

tests/pages/DicomTagBrowserPageObject.ts

@@ -0,0 +1,43 @@
+import { Page } from '@playwright/test';
+
+export class DicomTagBrowserPageObject {
+  readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+
+  async waitVisible() {
+    const locator = this.page.locator('[role="dialog"]').filter({
+      has: this.page.getByTestId('dicom-tag-series-select-trigger'),
+    });
+    await locator.waitFor({ state: 'visible' });
+  }
+
+  get seriesSelect() {
+    const page = this.page;
+    const trigger = page.getByTestId('dicom-tag-series-select-trigger');
+    const value = page.getByTestId('dicom-tag-series-select-value');
+    const options = page.getByRole('option');
+
+    return {
+      trigger,
+      value,
+      options,
+
+      async click() {
+        await trigger.click();
+      },
+
+      async selectOption(index) {
+        await this.click();
+        const optionText = await options.nth(index).innerText();
+        const selectedText = optionText.split('\n')[0].trim();
+
+        await options.nth(index).click();
+
+        return selectedText;
+      },
+    };
+  }
+}

tests/pages/index.ts

@@ -4,6 +4,7 @@ import { LeftPanelPageObject } from './LeftPanelPageObject';
 import { RightPanelPageObject } from './RightPanelPageObject';
 import { ViewportPageObject } from './ViewportPageObject';
 import { NotFoundStudyPageObject } from './NotFoundStudyPageObject';
+import { DicomTagBrowserPageObject } from './DicomTagBrowserPageObject';
 
 export {
   DOMOverlayPageObject,
@@ -12,4 +13,5 @@ export {
   RightPanelPageObject,
   ViewportPageObject,
   NotFoundStudyPageObject,
+  DicomTagBrowserPageObject,
 };