dimsum-e2e-tests 3.70.0-alpha.12 → 3.70.0-alpha.14

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.70.0-alpha.14 (2026-09-18)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.70.0-alpha.13 (2026-09-17)
+
+### Bug Fixes
+
+- dimsum:: use exact Storybook story ids in e2e page objects [PUI-19184](https://jira.elliemae.io/browse/PUI-19184) ([#8374](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8374)) ([26ef67a](https://github.com/intcx/PLATFORM-UI.dimsum/commit/26ef67a64afc776db4f5cdb90e0ff259de70c6d1))
+
 ## 3.70.0-alpha.12 (2026-09-03)
 
 ### Bug Fixes

package/ds-accordion/DSAccordionCO.js

@@ -4,13 +4,13 @@ import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
 
 export default class DSAccordionCO extends PageObject {
   // Desktop
-  static basicURL = new Urlbuilder(PATH_E2E_ACCORDION, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_ACCORDION, 'basic-test');
 
-  static multipleURL = new Urlbuilder(PATH_E2E_ACCORDION, 'multiple');
+  static multipleURL = new Urlbuilder(PATH_E2E_ACCORDION, 'multiple-test');
 
-  static toMobileURL = new Urlbuilder(PATH_E2E_ACCORDION, 'desktop-to-mobile');
+  static toMobileURL = new Urlbuilder(PATH_E2E_ACCORDION, 'desktop-to-mobile-test');
 
-  static customActions = new Urlbuilder(PATH_E2E_ACCORDION, 'render-custom-actions');
+  static customActions = new Urlbuilder(PATH_E2E_ACCORDION, 'render-custom-actions-test');
 
   static headerControls = new Urlbuilder(PATH_E2E_ACCORDION, 'header-control-examples-test');
 
@@ -40,7 +40,7 @@ export default class DSAccordionCO extends PageObject {
 
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_ACCORDION, 'apply-aria-disabled-test');
 
-  static scrollableContent = new Urlbuilder(PATH_E2E_ACCORDION, 'scrollable-content');
+  static scrollableContent = new Urlbuilder(PATH_E2E_ACCORDION, 'scrollable-content-test');
 
   static wrapLabel = new Urlbuilder(PATH_E2E_ACCORDION, 'wrap-label');
 

package/ds-breadcrumb/DSBreadcrumbCO.js

@@ -13,7 +13,7 @@ export default class DSBreadcrumbCO extends PageObject {
 
   static activeURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'active-test');
 
-  static ucTruncatedURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'bread-crumb-truncated');
+  static ucTruncatedURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'bread-crumb-truncated-test');
 
   static containerProps = new Urlbuilder(PATH_E2E_BREADCRUMB, 'container-props-test');
 

package/ds-chip/Basic/DSChip.basic.visual.spec.js

@@ -0,0 +1,74 @@
+import { mouseOver, tabStops } from '../../helpers';
+import DSChipCO from '../DSChipCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  const PARKED_X = 500;
+  const PARKED_Y = 400;
+
+  describe('PUI-18892 - DSChip:: basic shape, Spec v2 states - visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: large chip hovered', async () => {
+      await (await DSChipCO.getChipByIndex(0)).waitForDisplayed();
+      await mouseOver(await DSChipCO.getChipByIndex(0));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: large chip focused, not hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(0)).$('button');
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      await tabStops(2); // chip 0 root wrapper, then chip 0 button
+      await expect(chipButton).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: large chip focused and hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(0)).$('button');
+      await mouseOver(await DSChipCO.getChipByIndex(0));
+      await expect(chipButton).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('04: small chip hovered', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(1));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('05: selected chip focused, not hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(2)).$('button');
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      await tabStops(2); // from chip 0 button: chip 1 button, then chip 2 button
+      await expect(chipButton).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('06: selected chip focused and hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(2)).$('button');
+      await mouseOver(await DSChipCO.getChipByIndex(2));
+      await expect(chipButton).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('07: disabled chip hovered', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(4));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('08: wrapText chip hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(5)).$('button');
+      await chipButton.moveTo();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chip/Shape/DSChip.shape.visual.spec.js

@@ -0,0 +1,66 @@
+import { mouseOver, tabStops } from '../../helpers';
+import DSChipCO from '../DSChipCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  const PARKED_X = 500;
+  const PARKED_Y = 400;
+
+  describe('PUI-18893 - DSChip:: round shape, Spec v2 states - visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.shapeURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: all round chips at rest', async () => {
+      const chip = await DSChipCO.getChipByIndex(0);
+      await chip.waitForDisplayed();
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: large round chip hovered', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(0));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: large round chip focused, not hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(0)).$('button');
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      await tabStops(1); // chip 0 button (no tabIndex on the round chip roots)
+      await expect(chipButton).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('04: large round chip focused and hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(0)).$('button');
+      await mouseOver(await DSChipCO.getChipByIndex(0));
+      await expect(chipButton).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('05: small round chip hovered', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(1));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('06: selected round chip focused, not hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(2)).$('button');
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      await tabStops(2); // from chip 0 button: chip 1 button, then chip 2 button
+      await expect(chipButton).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('07: disabled round chip hovered', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(4));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chip/inside-popper/DSChip.inside-popper.visual.spec.js

@@ -0,0 +1,69 @@
+import { mouseOver, tabStops } from '../../helpers';
+import DSChipCO from '../DSChipCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  const PARKED_X = 900;
+  const PARKED_Y = 700;
+
+  // Covers the Spec v2 implementation shipped in PUI-17972 (Implement Spec v2 for Chip component)
+  describe('PUI-18992 - DSChip:: inside popper, Spec v2 states - visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.popperURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: chips rendered inside the open popover, first chip focused on open', async () => {
+      const popperTrigger = await DSChipCO.getPopperTrigger();
+      await popperTrigger.click();
+      const chip = await DSChipCO.getChipByIndex(0);
+      await chip.waitForDisplayed();
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      // the story focuses the first chip on open, so this frame is both the idle-open
+      // state and the focus-on-open state — one snapshot covers both
+      await expect(await chip.$('button')).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: first chip focused and hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(0)).$('button');
+      await mouseOver(await DSChipCO.getChipByIndex(0));
+      await expect(chipButton).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: second chip focused, not hovered', async () => {
+      const chipButton = await (await DSChipCO.getChipByIndex(1)).$('button');
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      await tabStops(1); // from chip 0 button to chip 1 button — no chip here opts into a root tab stop
+      await expect(chipButton).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('04: unfocused chip hovered', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(3));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('05: truncated chip expands its label on hover', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(7));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('06: long label chip hovered', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(2));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('07: disabled chip hovered', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(4));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-radio/DSControlledRadioCO.js

@@ -14,7 +14,7 @@ export default class DSControlledRadioCO extends PageObject {
 
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_RADIO, 'apply-aria-disabled-test');
 
-  static wrapLabel = new Urlbuilder(PATH_E2E_RADIO, 'wrap-label');
+  static wrapLabel = new Urlbuilder(PATH_E2E_RADIO, 'wrap-label-text-test');
 
   static themeFontURL = new Urlbuilder(PATH_E2E_RADIO, 'theme-font-family-test');
 

package/ds-dialog/DSDialogCO.js

@@ -4,7 +4,7 @@ import { PATH_E2E_DIALOG } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSDialog extends PageObject {
-  static basicURL = new Urlbuilder(PATH_E2E_DIALOG, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_DIALOG, 'basic-test');
 
   static centeredURL = new Urlbuilder(PATH_E2E_DIALOG, 'centered-test');
 

package/ds-form-combobox-multi/virtualization/{DSComboboxMulti.virtualization.func.spec .js → DSComboboxMulti.virtualization.func.spec.js}

@@ -8,21 +8,26 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
         const errorOnGo = await DSComboboxMultiCO.hundredAndOneOptions.go();
         if (errorOnGo) throw errorOnGo;
       });
+      // Scroll target must be the fast-list, not getComboListbox(). The latter resolves to the
+      // virtualized inner list, which is 3137px tall and starts above the viewport, so coordinates
+      // derived from its rect land outside the menu. The fast-list is the element that actually
+      // scrolls (overflow-y: auto, 300px tall). One scrollbar-track click pages by ~300px, and the
+      // menu opens pre-scrolled to the middle, so three clicks reach either target.
+      const scrollBarTarget = '[data-testid="ds-combobox-fast-list"]';
+
       it('01: Scroll up by clicking the scrollbar', async () => {
         await DSComboboxMultiCO.openMenuListMouse();
         const listItem34 = await DSComboboxMultiCO.getOptionByLabel('label-34');
         await expect(listItem34).not.toBeDisplayedInViewport();
-        const comboboxListBox = await DSComboboxMultiCO.getComboListbox();
-        await clickScrollBar(comboboxListBox, 'up', 5);
+        await clickScrollBar(scrollBarTarget, 'up', 3);
         await expect(listItem34).toBeDisplayedInViewport();
       });
       it('02: Scroll down by clicking the scrollbar', async () => {
         await DSComboboxMultiCO.openMenuListMouse();
-        const listItem75 = await DSComboboxMultiCO.getOptionByLabel('label-85');
-        await expect(listItem75).not.toBeDisplayedInViewport();
-        const comboboxListBox = await DSComboboxMultiCO.getComboListbox();
-        await clickScrollBar(comboboxListBox, 'down', 4);
-        await expect(listItem75).toBeDisplayedInViewport();
+        const listItem85 = await DSComboboxMultiCO.getOptionByLabel('label-85');
+        await expect(listItem85).not.toBeDisplayedInViewport();
+        await clickScrollBar(scrollBarTarget, 'down', 3);
+        await expect(listItem85).toBeDisplayedInViewport();
       });
     });
   }

package/ds-form-date-range-picker/DateRangePicker.visual.spec.js

@@ -26,11 +26,20 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       const day = await DateRangePickerCO.getDayOnCalendarByIndex(20);
       await day.click();
+      /*
+       * The pick that completes the range closes the calendar and returns focus to the trigger
+       * (PUI-15572, WCAG 3.2.2 On Input). Reopen it so the snapshot shows the selected range
+       * highlighted inside the calendar, and so the following tests still have it open.
+       */
+      const reopenDatePicker = await DateRangePickerCO.getPickerBtn();
+      await reopenDatePicker.click();
       const snapshot = await browser.eyesCheckSnapshot(DateRangePickerCO.snapshotPath('date-range-picker-two-date'));
       await expect(snapshot).toEqual(0);
     });
     it('04: should display contr. date range picker open and with long range end', async () => {
       await browser.eyesOpen();
+      // reopening in test 03 reset the next pick to "from", so this pick auto-orders into a
+      // cross-month range and leaves the calendar open instead of closing it
       const nextMonthArrow = await DateRangePickerCO.getNextMonthBtn();
       await nextMonthArrow.click();
       const day = await DateRangePickerCO.getDayOnCalendarByIndex(10);

package/ds-form-layout-blocks/form-layout-block-item/DSFormLayoutBlockItemCO.js

@@ -7,7 +7,7 @@ export default class DSFormLayoutBlockItemCO extends PageObject {
 
   static basicTestURL = new Urlbuilder(PATH_E2E_FORM_LAYOUT_BLOCK_ITEM, 'basic-test');
 
-  static withHighlight = new Urlbuilder(PATH_E2E_FORM_LAYOUT_BLOCK_ITEM, 'with-highlight');
+  static withHighlight = new Urlbuilder(PATH_E2E_FORM_LAYOUT_BLOCK_ITEM, 'with-highlight-e-2-e');
 
   static withCustomHighlight = new Urlbuilder(PATH_E2E_FORM_LAYOUT_BLOCK_ITEM, 'custom-highlight-test');
 

package/ds-global-header/GlobalHeaderCO.js

@@ -3,7 +3,7 @@ import { PATH_E2E_GLOBAL_HEADER, PATH_E2E_GLOBAL_HEADER_PUI18647 } from '../path
 import { PageObject, Urlbuilder, getElementByIndex, type } from '../helpers';
 
 export default class GlobalHeader extends PageObject {
-  static basicURL = new Urlbuilder(PATH_E2E_GLOBAL_HEADER, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_GLOBAL_HEADER, 'basic-test');
 
   static oneTab = new Urlbuilder(PATH_E2E_GLOBAL_HEADER, 'one-tab');
 
@@ -153,6 +153,32 @@ export default class GlobalHeader extends PageObject {
     return $('[data-testid="pui18647-gh-apppicker-trigger-component"]');
   }
 
+  // PUI-18985 selectors
+
+  // The out-of-the-box trigger the item renders when it supplies no custom one. Anchored on the
+  // accessible name, not on the testid alone: `gh-toolbar-item` is shared by every toolbar item type.
+  static async getAppPickerDefaultTrigger() {
+    return $('[data-testid="gh-toolbar-item"][aria-label="Apps"]');
+  }
+
+  // Elements carrying a given id. Returned as a collection rather than a single element so a caller
+  // can assert BOTH that a reference resolves and that it resolves exactly once — an id present twice
+  // is a broken document, and `getElementById`/`querySelector`/every `aria-*` reference would
+  // silently take the first match and hide it.
+  static async getElementsById(id) {
+    return $$(`[id="${id}"]`);
+  }
+
+  // Every duplicated id in the page. Read across the whole document rather than probed id by id: the
+  // defect this guards against emitted one extra id as a side effect of being given one, so the
+  // assertion has to be able to see ids the test never named.
+  static async getDuplicateElementIds() {
+    return browser.execute(() => {
+      const ids = Array.from(document.querySelectorAll('[id]'), (node) => node.id);
+      return [...new Set(ids.filter((id, index) => ids.indexOf(id) !== index))];
+    });
+  }
+
   // The popup-menu item's own root. Before PUI-18647 this element was an unstyled wrapper with no
   // slot and no data-testid, so the item as a whole had no injection point.
   static async getPopupMenuContainer() {
@@ -170,7 +196,7 @@ export default class GlobalHeader extends PageObject {
   // The search-toggle item's root container. Item-level global attributes land HERE for this item
   // type, not on the trigger button as with the sibling types.
   static async getSearchToggleContainer() {
-    return $('[data-testid="ds-globalheader-menubar-item-searchtoggle-container"]');
+    return $('[data-testid="ds-global-header-menubar-item-searchtoggle-container"]');
   }
 
   static async getSearchTogglePrevButton() {

package/ds-global-header/app-picker-element-ids/GlobalHeader.app-picker-element-ids.func.spec.js

@@ -0,0 +1,84 @@
+import DSAppPickerCO from '../../ds-apppicker/DSAppPickerCO';
+import GlobalHeaderCO from '../GlobalHeaderCO';
+
+// Tests for the fix in PUI-18985. With the app picker expanded from the toolbar, axe reported
+// `aria-dialog-name` (serious): the panel is a `role="dialog"` whose `aria-labelledby` pointed at a
+// generated trigger id while the trigger itself carried the bare item id — a reference to no element,
+// so the dialog had no accessible name at all.
+//
+// The cause was in DSAppPicker rather than the header. The item `id` rode along in the item-level
+// global attributes and was spread onto the trigger AFTER the id DSAppPicker had supplied, which both
+// broke the reference and emitted the same id twice. DSAppPicker now owns every id in the widget and
+// derives them all from one value, and GlobalHeader hands the item id over through that route only.
+//
+// What QA has to know: the consumer's bare id moved OFF the trigger and ONTO the picker root. Suites
+// that selected the trigger by the bare item id migrate to `getIdForAppPickerTrigger(id)`, exported by
+// ds-app-picker. The suffix VALUES are pinned once, in that package's own unit tests, which is what
+// keeps them renameable without breaking consumers — so this spec asserts the WIRING: that root,
+// trigger and dialog agree, and that the reference resolves.
+//
+// The axe scan is deliberately not repeated here. PUI-12445 test 02 already scans this same story with
+// the panel open, and it is the test that detected the violation.
+//
+// Chrome only: ids and aria-* attributes are identical in every engine. The `|| 'Chrome'` arm is
+// mandatory (BrowserStack capitalises browserName; a lowercase-only guard registers zero tests and
+// still exits 0).
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-19156 - GlobalHeader:: app-picker element ids and dialog accessible name - Func', () => {
+    // The story's app-picker toolbar item declares `id: 'app-picker'`. Every id below is derived from
+    // it, which is the whole point: one value in, a predictable family out.
+    const ITEM_ID = 'app-picker';
+    const TRIGGER_ID = `${ITEM_ID}-dialog-trigger-btn`;
+
+    before('loading page', async () => {
+      const errorOnGo = await GlobalHeaderCO.basicTestURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should suffix the trigger id and keep the bare item id off it', async () => {
+      const trigger = await GlobalHeaderCO.getAppPickerDefaultTrigger();
+      await trigger.waitForDisplayed();
+
+      // The breaking half for QA: the bare item id used to land here.
+      await expect(trigger).toHaveAttribute('id', TRIGGER_ID);
+      await expect((await GlobalHeaderCO.getElementsById(ITEM_ID)).length).toBe(0);
+    });
+
+    it('02: should land the bare id on the root and name the dialog from the trigger', async () => {
+      await (await GlobalHeaderCO.getAppPickerDefaultTrigger()).click();
+      const root = await DSAppPickerCO.getAppPickerRoot();
+      await root.waitForDisplayed();
+
+      // The consumer's own value, unchanged, on the root — and nowhere else.
+      await expect(root).toHaveAttribute('id', ITEM_ID);
+      await expect((await GlobalHeaderCO.getElementsById(ITEM_ID)).length).toBe(1);
+
+      // The assertion the defect turns on: the reference has to RESOLVE. Reading the attribute's
+      // value alone would have passed happily while it pointed at nothing.
+      const dialog = await DSAppPickerCO.getFloatingWrapper();
+      await expect(dialog).toHaveAttribute('role', 'dialog');
+      await expect(dialog).toHaveAttribute('aria-labelledby', TRIGGER_ID);
+      await expect((await GlobalHeaderCO.getElementsById(TRIGGER_ID)).length).toBe(1);
+
+      // Both section headings are derived the same way and label their own group, so the assertion
+      // covers the whole id family rather than just the one the violation named.
+      const titleIds = await DSAppPickerCO.collect(await DSAppPickerCO.getTitles(), (title) =>
+        title.getAttribute('id'),
+      );
+      await expect(titleIds).toEqual([`${ITEM_ID}-section-title`, `${ITEM_ID}-custom-section-title`]);
+
+      const groupLabels = await DSAppPickerCO.collect(await DSAppPickerCO.getGroups(), (group) =>
+        group.getAttribute('aria-labelledby'),
+      );
+      await expect(groupLabels).toEqual(titleIds);
+
+      // The other half of the fix: handing the picker an id used to emit that id twice.
+      await expect(await GlobalHeaderCO.getDuplicateElementIds()).toEqual([]);
+    });
+  });
+}

package/ds-global-header/search-toggle-slots/GlobalHeader.search-toggle-slots.func.spec.js

@@ -7,11 +7,13 @@ import { type } from '../../helpers';
 //  - (NEW) item-level attributes now land on the item's ROOT CONTAINER, not on the trigger button as
 //    with the sibling item types. The type declared that surface on its configuration type and
 //    forwarded none of it, so data-public on a search-toggle entry appeared nowhere.
-//  - (RENAMED) that container's data-testid moved from `ds-global-header-menubar-item-searchtoggle-
-//    container` to `ds-globalheader-menubar-item-searchtoggle-container`. The element itself is
-//    unchanged; commit 295f110651c dropped its legacy override in constants/index.ts, so the
-//    auto-generated post-convention value now wins. Asserted as the DOM currently renders it — if
-//    the legacy override is restored, this expectation flips back to the hyphenated spelling.
+//  - (NOT a rename, after all) that container's data-testid briefly became the auto-generated
+//    post-convention `ds-globalheader-...` spelling, because commit 295f110651c dropped its legacy
+//    override in constants/index.ts. This spec asserted that value and flagged the change, which is
+//    what raised PUI-19020; the override was then restored as a non-breaking-change obligation. The
+//    legacy `ds-global-header-menubar-item-searchtoggle-container` is the frozen expectation, and the
+//    element itself never changed through any of it — note the slot name below is identical either
+//    way, which is precisely why only the identifier needed defending.
 //  - (BREAKING) the two spinbutton result-navigation identifiers were INVERTED: the control that
 //    triggered NEXT was slotted as PREVIOUS and vice versa. The accessible names were always right,
 //    so testid and accessible name now agree. This is the one breaking change for QA here.
@@ -39,7 +41,7 @@ if (
       await expect(container).toHaveAttribute('data-dimsum-slot', 'dsGlobalheaderMenubarItemSearchtoggleContainer');
 
       const publicTestIds = await GlobalHeaderCO.getPublicNodeTestIds();
-      await expect(publicTestIds).toEqual(['ds-globalheader-menubar-item-searchtoggle-container', 'gh-toolbar-item']);
+      await expect(publicTestIds).toEqual(['ds-global-header-menubar-item-searchtoggle-container', 'gh-toolbar-item']);
 
       const dsTypedFlag = await GlobalHeaderCO.getDsTypedItemExistFlag();
       await expect(dsTypedFlag).toHaveText('No');
@@ -51,7 +53,7 @@ if (
 
       const publicTestIds = await GlobalHeaderCO.getPublicNodeTestIds();
       await expect(publicTestIds).toEqual([
-        'ds-globalheader-menubar-item-searchtoggle-container',
+        'ds-global-header-menubar-item-searchtoggle-container',
         'gh-toolbar-item',
         'ds-globalheader-searchtoggle-expanded-content-wrapper',
         'ds-globalheader-searchtoggle-textinput',
@@ -112,7 +114,7 @@ if (
       const lastMatch = await GlobalHeaderCO.getSearchableRowByIndex(4);
       await expect(await GlobalHeaderCO.isRowHighlighted(lastMatch)).toBe(false);
       const publicTestIds = await GlobalHeaderCO.getPublicNodeTestIds();
-      await expect(publicTestIds).toEqual(['ds-globalheader-menubar-item-searchtoggle-container', 'gh-toolbar-item']);
+      await expect(publicTestIds).toEqual(['ds-global-header-menubar-item-searchtoggle-container', 'gh-toolbar-item']);
     });
   });
 }

package/ds-global-header/slots/GlobalHeader.slots.visual.spec.js

@@ -12,7 +12,7 @@ if (
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display basic GlobalHeadercwith customized slots', async () => {
-      await (await GlobalHeader.getGHMenubarItemButtonSlotByIndex(3)).click();
+      await (await GlobalHeader.getGHMenubarItemButtonSlotByIndex(4)).click();
       const snapshot = await browser.checkSnapshot(GlobalHeader.snapshotPath('global-header-slots'));
       await expect(snapshot).toEqual(0);
     });

package/ds-grid/DSGridCO.js

@@ -35,7 +35,7 @@ export default class DSGridCO extends PageObject {
 
   static stickyHeaderFooter = new Urlbuilder(PATH_E2E_GRID, 'sticky-header-and-footer-test');
 
-  static tableReadOnlyURL = new Urlbuilder(PATH_E2E_GRID, 'table-read-only');
+  static tableReadOnlyURL = new Urlbuilder(PATH_E2E_GRID, 'table-read-only-test');
 
   static tableTest = new Urlbuilder(PATH_E2E_GRID, 'table-test');
 

package/ds-image/DSImageCO.js

@@ -3,13 +3,13 @@ import { PATH_E2E_IMAGE } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSImage extends PageObject {
-  static basic = new Urlbuilder(PATH_E2E_IMAGE, 'basic');
+  static basic = new Urlbuilder(PATH_E2E_IMAGE, 'basic-test');
 
-  static sizes = new Urlbuilder(PATH_E2E_IMAGE, 'sizes');
+  static sizes = new Urlbuilder(PATH_E2E_IMAGE, 'sizes-test');
 
-  static dimensions = new Urlbuilder(PATH_E2E_IMAGE, 'dimensions');
+  static dimensions = new Urlbuilder(PATH_E2E_IMAGE, 'dimensions-test');
 
-  static insideInteractive = new Urlbuilder(PATH_E2E_IMAGE, 'inside-interactive-element');
+  static insideInteractive = new Urlbuilder(PATH_E2E_IMAGE, 'inside-interactive-element-test');
 
   static withTooltip = new Urlbuilder(PATH_E2E_IMAGE, 'with-tooltip');
 

package/ds-indeterminate-progress-indicator/DSIndeterminateProgressIndicatorCO.js

@@ -3,7 +3,7 @@ import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSIndeterminateProgressIndicatorCO extends PageObject {
   // Desktop
-  static basicURL = new Urlbuilder(PATH_E2E_INDETERMINATE_PROGRESS_INDICATOR, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_INDETERMINATE_PROGRESS_INDICATOR, 'basic-test');
 
   static async getComponentWrapper() {
     return $('[data-testid="ds-indeterminate-progress-indicator-wrapper"]');

package/ds-menu-button/DSMenuButtonCO.js

@@ -3,15 +3,15 @@ import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSMenuButtonCO extends PageObject {
   // Current supported examples: POC
-  static activableMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'activable-menu-item');
+  static activableMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'activable-menu-item-test');
 
-  static multipleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'multiple-select-menu-item');
+  static multipleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'multiple-select-menu-item-test');
 
   static nextTabstopTest = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'next-tabstop-test');
 
-  static singleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'single-select-menu-item');
+  static singleSelectMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'single-select-menu-item-test');
 
-  static withSubmenuMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'with-submenu-menu-item');
+  static withSubmenuMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'with-submenu-menu-item-test');
 
   static withDisabled = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'disabled-items-test');
 

package/ds-query-builder/DSQueryBuilderCO.js

@@ -7,8 +7,6 @@ export default class DSQueryBuilderCO extends PageObject {
 
   static inModalURL = new Urlbuilder(PATH_E2E_QUERY_BUILDER, 'pui-5837-in-modal');
 
-  static advancedDependencies = new Urlbuilder(PATH_QUERY_BUILDER, 'advanced-dependencies');
-
   static arrayConditionsURL = new Urlbuilder(PATH_QUERY_BUILDER, 'advanced-dependencies-array');
 
   static fieldDateRangePicker = new Urlbuilder(PATH_QUERY_BUILDER, 'field-date-range-picker');

package/ds-svg/DSSvgCO.js

@@ -2,15 +2,15 @@ import { PATH_E2E_SVG } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSSvgCO extends PageObject {
-  static basic = new Urlbuilder(PATH_E2E_SVG, 'basic');
+  static basic = new Urlbuilder(PATH_E2E_SVG, 'basic-test');
 
-  static sizes = new Urlbuilder(PATH_E2E_SVG, 'sizes');
+  static sizes = new Urlbuilder(PATH_E2E_SVG, 'sizes-test');
 
-  static dimensions = new Urlbuilder(PATH_E2E_SVG, 'dimensions');
+  static dimensions = new Urlbuilder(PATH_E2E_SVG, 'dimensions-test');
 
-  static insideInteractive = new Urlbuilder(PATH_E2E_SVG, 'inside-interactive-element');
+  static insideInteractive = new Urlbuilder(PATH_E2E_SVG, 'inside-interactive-element-test');
 
-  static withTooltip = new Urlbuilder(PATH_E2E_SVG, 'with-tooltip');
+  static withTooltip = new Urlbuilder(PATH_E2E_SVG, 'with-tooltip-test');
 
   // Selectors
   static async getWrapper() {