dimsum-e2e-tests 3.70.0-alpha.13 → 3.70.0-alpha.15

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.15 (2026-09-21)
+
+### Bug Fixes
+
+- dimsum:: restore portal publication in storybook:build [PUI-19013](https://jira.elliemae.io/browse/PUI-19013) ([#8381](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8381)) ([cb522f2](https://github.com/intcx/PLATFORM-UI.dimsum/commit/cb522f2adb4ef3cb145f77664f72fd154d48d86f)), closes [#8378](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8378)
+
+## 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

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-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-global-header/GlobalHeaderCO.js

@@ -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-tabs/DSTabsCO.js

@@ -60,6 +60,8 @@ export default class DSTabsCO extends PageObject {
 
   static allTabsDisabled = new Urlbuilder(PATH_E2E_TABS, 'all-tabs-disabled');
 
+  static withNotificationBadge = new Urlbuilder(PATH_E2E_TABS, 'with-notification-badge-test');
+
   static getUrl(component = 'basic') {
     return PageObject.getUrl(PATH_E2E_TABS, component);
   }
@@ -102,6 +104,8 @@ export default class DSTabsCO extends PageObject {
 
   static getTabByName = async (name) => $(`button*=${name}`);
 
+  static getTabBadges = async () => (await this.getTabsList()).$$('[data-testid="ds-notification-badge"]');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Tabs', example);

package/ds-tabs/notification-badge/DSTabs.notification-badge.axe-core.func.spec.js

@@ -0,0 +1,28 @@
+import DSTabsCO from '../DSTabsCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18932 - DSTabs:: notification badge tab list a11y scan - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.withNotificationBadge.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no violations with the badged tab selected', async () => {
+      await (await DSTabsCO.getTabsList()).waitForDisplayed();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+
+    it('02: should have no violations after switching to a tab without a badge', async () => {
+      await (await DSTabsCO.getTabsByIndex(1)).click();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

package/ds-tabs/notification-badge/DSTabs.notification-badge.func.spec.js

@@ -0,0 +1,51 @@
+import DSTabsCO from '../DSTabsCO';
+import DSNotificationBadgeCO from '../../ds-notification-badge/DSNotificationBadgeCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18931 - DSTabs:: notification badge in the tab accessible name - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.withNotificationBadge.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should expose a named badge into the tab name', async () => {
+      const badgedTab = await DSTabsCO.getTabsByIndex(0);
+      await badgedTab.waitForDisplayed();
+
+      const badge = await DSNotificationBadgeCO.getNotificationBadgeByIndex(0);
+      await expect(badge).toBeExisting();
+      await expect(badge).toHaveText('3');
+
+      const wrapper = await badge.parentElement();
+      await expect(wrapper).toHaveAttribute('role', 'img');
+      await expect(wrapper).toHaveAttribute('aria-label', '3 new notifications');
+
+      const computedName = await badgedTab.getComputedLabel();
+      expect(computedName).toMatch(/Fields Sent\s*3 new notifications/i);
+      expect(await badgedTab.getComputedRole()).toBe('tab');
+    });
+
+    it('02: should announce tabs without a badge by their title only', async () => {
+      const plainTab = await DSTabsCO.getTabsByIndex(1);
+      const plainName = await plainTab.getComputedLabel();
+      expect(plainName.trim()).toMatch(/^Fields Received$/i);
+      expect(plainName).not.toContain('3');
+
+      const badges = await DSTabsCO.getTabBadges();
+      await expect(badges).toHaveLength(1);
+    });
+
+    it('03: should keep the required tab announcing its Required indicator', async () => {
+      const requiredTab = await DSTabsCO.getTabsByIndex(3);
+      await expect(requiredTab).toHaveAttribute('data-required', 'true');
+
+      const requiredName = await requiredTab.getComputedLabel();
+      expect(requiredName).toMatch(/Required docs\s*Required/i);
+    });
+  });
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "dimsum-e2e-tests",
-  "version": "3.70.0-alpha.13",
+  "version": "3.70.0-alpha.15",
   "description": "End-to-end tests for dimsum library",
   "dependencies": {
     "@elliemae/ds-legacy-button": "1.0.16",
@@ -38,154 +38,154 @@
     "@elliemae/ds-legacy-wysiwygeditor": "1.0.16",
     "@elliemae/ds-legacy-zipcode-search": "1.0.16",
     "@elliemae/ds-legacy-zoom": "1.0.16",
-    "@elliemae/ds-accessibility": "3.70.0-alpha.13",
-    "@elliemae/ds-accordion": "3.70.0-alpha.13",
-    "@elliemae/ds-banner": "3.70.0-alpha.13",
-    "@elliemae/ds-backdrop": "3.70.0-alpha.13",
-    "@elliemae/ds-basic": "3.70.0-alpha.13",
-    "@elliemae/ds-breadcrumb": "3.70.0-alpha.13",
-    "@elliemae/ds-app-picker": "3.70.0-alpha.13",
-    "@elliemae/ds-card": "3.70.0-alpha.13",
-    "@elliemae/ds-card-navigation": "3.70.0-alpha.13",
-    "@elliemae/ds-button-v2": "3.70.0-alpha.13",
-    "@elliemae/ds-card-v1-detail": "3.70.0-alpha.13",
-    "@elliemae/ds-card-v2": "3.70.0-alpha.13",
-    "@elliemae/ds-card-v2-group": "3.70.0-alpha.13",
-    "@elliemae/ds-card-v1": "3.70.0-alpha.13",
-    "@elliemae/ds-card-v3": "3.70.0-alpha.13",
-    "@elliemae/ds-chat": "3.70.0-alpha.13",
-    "@elliemae/ds-card-v3-poc": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-card": "3.70.0-alpha.13",
-    "@elliemae/ds-card-v2-action-addon": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-container": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-bubble": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-container-header": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-empty-state": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-floating-button": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-message-delimeter": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-sidebar": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-tile": "3.70.0-alpha.13",
-    "@elliemae/ds-chip": "3.70.0-alpha.13",
-    "@elliemae/ds-circular-progress-indicator": "3.70.0-alpha.13",
-    "@elliemae/ds-chat-system-message": "3.70.0-alpha.13",
-    "@elliemae/ds-classnames": "3.70.0-alpha.13",
-    "@elliemae/ds-codeeditor": "3.70.0-alpha.13",
-    "@elliemae/ds-comments": "3.70.0-alpha.13",
-    "@elliemae/ds-controlled-form": "3.70.0-alpha.13",
-    "@elliemae/ds-csv-converter": "3.70.0-alpha.13",
-    "@elliemae/ds-data-table": "3.70.0-alpha.13",
-    "@elliemae/ds-data-table-action-cell": "3.70.0-alpha.13",
-    "@elliemae/ds-data-table-cell": "3.70.0-alpha.13",
-    "@elliemae/ds-data-table-cell-header": "3.70.0-alpha.13",
-    "@elliemae/ds-data-table-expand-cell": "3.70.0-alpha.13",
-    "@elliemae/ds-data-table-drag-and-drop-cell": "3.70.0-alpha.13",
-    "@elliemae/ds-data-table-filters": "3.70.0-alpha.13",
-    "@elliemae/ds-data-table-multi-select-cell": "3.70.0-alpha.13",
-    "@elliemae/ds-data-table-single-select-cell": "3.70.0-alpha.13",
-    "@elliemae/ds-dataviz": "3.70.0-alpha.13",
-    "@elliemae/ds-dataviz-pie": "3.70.0-alpha.13",
-    "@elliemae/ds-date-time-picker": "3.70.0-alpha.13",
-    "@elliemae/ds-decision-graph": "3.70.0-alpha.13",
-    "@elliemae/ds-dropzone": "3.70.0-alpha.13",
-    "@elliemae/ds-dropdownmenu-v2": "3.70.0-alpha.13",
-    "@elliemae/ds-fast-list": "3.70.0-alpha.13",
-    "@elliemae/ds-drag-and-drop": "3.70.0-alpha.13",
-    "@elliemae/ds-floating-context": "3.70.0-alpha.13",
-    "@elliemae/ds-form-checkbox": "3.70.0-alpha.13",
-    "@elliemae/ds-form-date-range-picker": "3.70.0-alpha.13",
-    "@elliemae/ds-dialog": "3.70.0-alpha.13",
-    "@elliemae/ds-filter-bar": "3.70.0-alpha.13",
-    "@elliemae/ds-form-input-text": "3.70.0-alpha.13",
-    "@elliemae/ds-form-combobox": "3.70.0-alpha.13",
-    "@elliemae/ds-form-date-time-picker": "3.70.0-alpha.13",
-    "@elliemae/ds-form-layout-autocomplete": "3.70.0-alpha.13",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-alpha.13",
-    "@elliemae/ds-form-input-textarea": "3.70.0-alpha.13",
-    "@elliemae/ds-form-layout-blocks": "3.70.0-alpha.13",
-    "@elliemae/ds-form-layout-input-group": "3.70.0-alpha.13",
-    "@elliemae/ds-form-layout-label": "3.70.0-alpha.13",
-    "@elliemae/ds-form-multi-combobox": "3.70.0-alpha.13",
-    "@elliemae/ds-form-native-select": "3.70.0-alpha.13",
-    "@elliemae/ds-form-radio": "3.70.0-alpha.13",
-    "@elliemae/ds-form-select": "3.70.0-alpha.13",
-    "@elliemae/ds-form-single-combobox": "3.70.0-alpha.13",
-    "@elliemae/ds-form-toggle": "3.70.0-alpha.13",
-    "@elliemae/ds-grid": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-focus-trap": "3.70.0-alpha.13",
-    "@elliemae/ds-global-header": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-fontsize-detector": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-focus-stack": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-fontsize-media": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-headless-tooltip": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-is-showing-ellipsis": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-is-mobile": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-keyboard-navigation": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-on-blur-out": "3.70.0-alpha.13",
-    "@elliemae/ds-icon": "3.70.0-alpha.13",
-    "@elliemae/ds-hooks-on-first-focus-in": "3.70.0-alpha.13",
-    "@elliemae/ds-image": "3.70.0-alpha.13",
-    "@elliemae/ds-layout-provider": "3.70.0-alpha.13",
-    "@elliemae/ds-icons": "3.70.0-alpha.13",
-    "@elliemae/ds-imagelibrarymodal": "3.70.0-alpha.13",
-    "@elliemae/ds-loading-indicator": "3.70.0-alpha.13",
-    "@elliemae/ds-left-navigation": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-button": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items-action": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items-multi": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items-section": "3.70.0-alpha.13",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items-commons": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items-separator": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items-single": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items-single-with-submenu": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items-submenu": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-items-skeleton": "3.70.0-alpha.13",
-    "@elliemae/ds-mobile": "3.70.0-alpha.13",
-    "@elliemae/ds-modal-slide": "3.70.0-alpha.13",
-    "@elliemae/ds-menu-tree-item": "3.70.0-alpha.13",
-    "@elliemae/ds-overlay": "3.70.0-alpha.13",
-    "@elliemae/ds-page-header": "3.70.0-alpha.13",
-    "@elliemae/ds-notification-badge": "3.70.0-alpha.13",
-    "@elliemae/ds-page-header-v2": "3.70.0-alpha.13",
-    "@elliemae/ds-page-layout": "3.70.0-alpha.13",
-    "@elliemae/ds-pills-v2": "3.70.0-alpha.13",
-    "@elliemae/ds-pagination": "3.70.0-alpha.13",
-    "@elliemae/ds-progress-indicator": "3.70.0-alpha.13",
-    "@elliemae/ds-portal": "3.70.0-alpha.13",
-    "@elliemae/ds-props-helpers": "3.70.0-alpha.13",
-    "@elliemae/ds-read-more": "3.70.0-alpha.13",
-    "@elliemae/ds-query-builder": "3.70.0-alpha.13",
-    "@elliemae/ds-resizeable-container": "3.70.0-alpha.13",
-    "@elliemae/ds-ribbon": "3.70.0-alpha.13",
-    "@elliemae/ds-separator": "3.70.0-alpha.13",
-    "@elliemae/ds-scrollable-container": "3.70.0-alpha.13",
-    "@elliemae/ds-shared": "3.70.0-alpha.13",
-    "@elliemae/ds-shuttle-v2": "3.70.0-alpha.13",
-    "@elliemae/ds-side-panel": "3.70.0-alpha.13",
-    "@elliemae/ds-skeleton": "3.70.0-alpha.13",
-    "@elliemae/ds-slider-v2": "3.70.0-alpha.13",
-    "@elliemae/ds-side-panel-header": "3.70.0-alpha.13",
-    "@elliemae/ds-stepper": "3.70.0-alpha.13",
-    "@elliemae/ds-svg": "3.70.0-alpha.13",
-    "@elliemae/ds-system": "3.70.0-alpha.13",
-    "@elliemae/ds-square-indicator": "3.70.0-alpha.13",
-    "@elliemae/ds-tabs": "3.70.0-alpha.13",
-    "@elliemae/ds-toast": "3.70.0-alpha.13",
-    "@elliemae/ds-test-utils": "3.70.0-alpha.13",
-    "@elliemae/ds-toolbar-v1": "3.70.0-alpha.13",
-    "@elliemae/ds-tooltip-v3": "3.70.0-alpha.13",
-    "@elliemae/ds-toolbar-v2": "3.70.0-alpha.13",
-    "@elliemae/ds-transition": "3.70.0-alpha.13",
-    "@elliemae/ds-tree-model": "3.70.0-alpha.13",
-    "@elliemae/ds-treeview": "3.70.0-alpha.13",
-    "@elliemae/ds-truncated-expandable-text": "3.70.0-alpha.13",
-    "@elliemae/ds-typescript-helpers": "3.70.0-alpha.13",
-    "@elliemae/ds-virtual-list": "3.70.0-alpha.13",
-    "@elliemae/ds-typography": "3.70.0-alpha.13",
-    "@elliemae/ds-wizard": "3.70.0-alpha.13",
-    "@elliemae/ds-zustand-helpers": "3.70.0-alpha.13",
-    "@elliemae/ds-page-header-v1": "3.70.0-alpha.13"
+    "@elliemae/ds-accessibility": "3.70.0-alpha.15",
+    "@elliemae/ds-accordion": "3.70.0-alpha.15",
+    "@elliemae/ds-app-picker": "3.70.0-alpha.15",
+    "@elliemae/ds-backdrop": "3.70.0-alpha.15",
+    "@elliemae/ds-banner": "3.70.0-alpha.15",
+    "@elliemae/ds-basic": "3.70.0-alpha.15",
+    "@elliemae/ds-breadcrumb": "3.70.0-alpha.15",
+    "@elliemae/ds-button-v2": "3.70.0-alpha.15",
+    "@elliemae/ds-card": "3.70.0-alpha.15",
+    "@elliemae/ds-card-navigation": "3.70.0-alpha.15",
+    "@elliemae/ds-card-v2-action-addon": "3.70.0-alpha.15",
+    "@elliemae/ds-card-v1": "3.70.0-alpha.15",
+    "@elliemae/ds-card-v2": "3.70.0-alpha.15",
+    "@elliemae/ds-card-v3": "3.70.0-alpha.15",
+    "@elliemae/ds-card-v1-detail": "3.70.0-alpha.15",
+    "@elliemae/ds-card-v3-poc": "3.70.0-alpha.15",
+    "@elliemae/ds-card-v2-group": "3.70.0-alpha.15",
+    "@elliemae/ds-chat": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-card": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-bubble": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-container": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-empty-state": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-container-header": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-floating-button": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-message-delimeter": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-sidebar": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-system-message": "3.70.0-alpha.15",
+    "@elliemae/ds-chat-tile": "3.70.0-alpha.15",
+    "@elliemae/ds-chip": "3.70.0-alpha.15",
+    "@elliemae/ds-circular-progress-indicator": "3.70.0-alpha.15",
+    "@elliemae/ds-classnames": "3.70.0-alpha.15",
+    "@elliemae/ds-comments": "3.70.0-alpha.15",
+    "@elliemae/ds-codeeditor": "3.70.0-alpha.15",
+    "@elliemae/ds-controlled-form": "3.70.0-alpha.15",
+    "@elliemae/ds-data-table-cell": "3.70.0-alpha.15",
+    "@elliemae/ds-csv-converter": "3.70.0-alpha.15",
+    "@elliemae/ds-data-table-action-cell": "3.70.0-alpha.15",
+    "@elliemae/ds-data-table-cell-header": "3.70.0-alpha.15",
+    "@elliemae/ds-data-table": "3.70.0-alpha.15",
+    "@elliemae/ds-data-table-drag-and-drop-cell": "3.70.0-alpha.15",
+    "@elliemae/ds-data-table-expand-cell": "3.70.0-alpha.15",
+    "@elliemae/ds-data-table-filters": "3.70.0-alpha.15",
+    "@elliemae/ds-data-table-single-select-cell": "3.70.0-alpha.15",
+    "@elliemae/ds-data-table-multi-select-cell": "3.70.0-alpha.15",
+    "@elliemae/ds-dataviz-pie": "3.70.0-alpha.15",
+    "@elliemae/ds-dataviz": "3.70.0-alpha.15",
+    "@elliemae/ds-decision-graph": "3.70.0-alpha.15",
+    "@elliemae/ds-drag-and-drop": "3.70.0-alpha.15",
+    "@elliemae/ds-date-time-picker": "3.70.0-alpha.15",
+    "@elliemae/ds-dropzone": "3.70.0-alpha.15",
+    "@elliemae/ds-fast-list": "3.70.0-alpha.15",
+    "@elliemae/ds-dropdownmenu-v2": "3.70.0-alpha.15",
+    "@elliemae/ds-filter-bar": "3.70.0-alpha.15",
+    "@elliemae/ds-form-checkbox": "3.70.0-alpha.15",
+    "@elliemae/ds-floating-context": "3.70.0-alpha.15",
+    "@elliemae/ds-form-combobox": "3.70.0-alpha.15",
+    "@elliemae/ds-form-date-range-picker": "3.70.0-alpha.15",
+    "@elliemae/ds-form-input-text": "3.70.0-alpha.15",
+    "@elliemae/ds-form-date-time-picker": "3.70.0-alpha.15",
+    "@elliemae/ds-form-input-textarea": "3.70.0-alpha.15",
+    "@elliemae/ds-form-layout-autocomplete": "3.70.0-alpha.15",
+    "@elliemae/ds-form-layout-blocks": "3.70.0-alpha.15",
+    "@elliemae/ds-form-layout-input-group": "3.70.0-alpha.15",
+    "@elliemae/ds-form-layout-label": "3.70.0-alpha.15",
+    "@elliemae/ds-form-multi-combobox": "3.70.0-alpha.15",
+    "@elliemae/ds-form-radio": "3.70.0-alpha.15",
+    "@elliemae/ds-form-native-select": "3.70.0-alpha.15",
+    "@elliemae/ds-form-select": "3.70.0-alpha.15",
+    "@elliemae/ds-form-toggle": "3.70.0-alpha.15",
+    "@elliemae/ds-global-header": "3.70.0-alpha.15",
+    "@elliemae/ds-form-single-combobox": "3.70.0-alpha.15",
+    "@elliemae/ds-grid": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-focus-stack": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-fontsize-media": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-focus-trap": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-fontsize-detector": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-headless-tooltip": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-is-mobile": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-is-showing-ellipsis": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-keyboard-navigation": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-on-first-focus-in": "3.70.0-alpha.15",
+    "@elliemae/ds-hooks-on-blur-out": "3.70.0-alpha.15",
+    "@elliemae/ds-icon": "3.70.0-alpha.15",
+    "@elliemae/ds-image": "3.70.0-alpha.15",
+    "@elliemae/ds-icons": "3.70.0-alpha.15",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.70.0-alpha.15",
+    "@elliemae/ds-imagelibrarymodal": "3.70.0-alpha.15",
+    "@elliemae/ds-layout-provider": "3.70.0-alpha.15",
+    "@elliemae/ds-loading-indicator": "3.70.0-alpha.15",
+    "@elliemae/ds-left-navigation": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-button": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items-action": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items-commons": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items-multi": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items-section": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items-separator": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items-skeleton": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items-submenu": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items-single-with-submenu": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-tree-item": "3.70.0-alpha.15",
+    "@elliemae/ds-dialog": "3.70.0-alpha.15",
+    "@elliemae/ds-mobile": "3.70.0-alpha.15",
+    "@elliemae/ds-modal-slide": "3.70.0-alpha.15",
+    "@elliemae/ds-notification-badge": "3.70.0-alpha.15",
+    "@elliemae/ds-overlay": "3.70.0-alpha.15",
+    "@elliemae/ds-page-header": "3.70.0-alpha.15",
+    "@elliemae/ds-page-header-v1": "3.70.0-alpha.15",
+    "@elliemae/ds-menu-items-single": "3.70.0-alpha.15",
+    "@elliemae/ds-page-header-v2": "3.70.0-alpha.15",
+    "@elliemae/ds-pagination": "3.70.0-alpha.15",
+    "@elliemae/ds-page-layout": "3.70.0-alpha.15",
+    "@elliemae/ds-progress-indicator": "3.70.0-alpha.15",
+    "@elliemae/ds-props-helpers": "3.70.0-alpha.15",
+    "@elliemae/ds-query-builder": "3.70.0-alpha.15",
+    "@elliemae/ds-resizeable-container": "3.70.0-alpha.15",
+    "@elliemae/ds-ribbon": "3.70.0-alpha.15",
+    "@elliemae/ds-scrollable-container": "3.70.0-alpha.15",
+    "@elliemae/ds-read-more": "3.70.0-alpha.15",
+    "@elliemae/ds-shared": "3.70.0-alpha.15",
+    "@elliemae/ds-separator": "3.70.0-alpha.15",
+    "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-alpha.15",
+    "@elliemae/ds-shuttle-v2": "3.70.0-alpha.15",
+    "@elliemae/ds-side-panel": "3.70.0-alpha.15",
+    "@elliemae/ds-side-panel-header": "3.70.0-alpha.15",
+    "@elliemae/ds-pills-v2": "3.70.0-alpha.15",
+    "@elliemae/ds-skeleton": "3.70.0-alpha.15",
+    "@elliemae/ds-slider-v2": "3.70.0-alpha.15",
+    "@elliemae/ds-stepper": "3.70.0-alpha.15",
+    "@elliemae/ds-system": "3.70.0-alpha.15",
+    "@elliemae/ds-square-indicator": "3.70.0-alpha.15",
+    "@elliemae/ds-tabs": "3.70.0-alpha.15",
+    "@elliemae/ds-svg": "3.70.0-alpha.15",
+    "@elliemae/ds-toast": "3.70.0-alpha.15",
+    "@elliemae/ds-test-utils": "3.70.0-alpha.15",
+    "@elliemae/ds-toolbar-v1": "3.70.0-alpha.15",
+    "@elliemae/ds-toolbar-v2": "3.70.0-alpha.15",
+    "@elliemae/ds-tooltip-v3": "3.70.0-alpha.15",
+    "@elliemae/ds-transition": "3.70.0-alpha.15",
+    "@elliemae/ds-treeview": "3.70.0-alpha.15",
+    "@elliemae/ds-tree-model": "3.70.0-alpha.15",
+    "@elliemae/ds-truncated-expandable-text": "3.70.0-alpha.15",
+    "@elliemae/ds-typography": "3.70.0-alpha.15",
+    "@elliemae/ds-virtual-list": "3.70.0-alpha.15",
+    "@elliemae/ds-typescript-helpers": "3.70.0-alpha.15",
+    "@elliemae/ds-zustand-helpers": "3.70.0-alpha.15",
+    "@elliemae/ds-wizard": "3.70.0-alpha.15",
+    "@elliemae/ds-portal": "3.70.0-alpha.15"
   },
   "publishConfig": {
     "access": "public"

package/paths.js

@@ -464,3 +464,7 @@ export const PATH_END_OF_LIFE_PAGE_HEADER_V1 = `${PATH_END_OF_LIFE}/PageHeaderV1
 export const PATH_END_OF_LIFE_SHUTTLE = `${PATH_END_OF_LIFE}/Shuttle`;
 export const PATH_END_OF_LIFE_FILTERBAR = `${PATH_END_OF_LIFE}/FilterBar`;
 export const PATH_SPINNER = `${PATH_END_OF_LIFE}/Spinner/Examples`;
+
+// accessibility conformance docs pages
+// The consumer view lives under Resources; the internal views share the
+// `Principles/Accessibility` title with the rest of the a11y documentation.

package/z-index/ZindexCO.js

@@ -82,6 +82,10 @@ export default class ZIndexCO extends PageObject {
 
   // Dialog from side panel
 
+  static getCloseDialogBtn() {
+    return $('[data-testid="close-dialog-button"]');
+  }
+
   static getToggleModalSlideWithinDialog() {
     return $('[data-testid="toggle-btn"]');
   }

package/z-index/dialog-side-panel/ZIndex.dialog-sidepanel.visual.spec.js

@@ -40,7 +40,13 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       it('04: should display date correctly', async () => {
         await browser.eyesOpen();
         await (await ZIndexCO.getPickerChip(2)).click();
-        await browser.keys(Key.Escape);
+        /*
+         * Escape cannot unwind these layers: focus sits on a chip whose label overflows, so the
+         * label is expanded and ds-chip consumes the first Escape to dismiss it (PUI-17950,
+         * WCAG 1.4.13) before the picker or the dialog ever see it. Closing the dialog explicitly
+         * tears down the picker with it, and leaves the side panel button free of the backdrop.
+         */
+        await (await ZIndexCO.getCloseDialogBtn()).click();
         await (await ZIndexCO.getOpenDialogOnSidePanel()).click();
         const dateTrigger = await ZIndexCO.getDateTimeOnSidePanelDialog();
         await dateTrigger.click();