dimsum-e2e-tests 3.80.0-next.42 → 3.80.0-next.44

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.80.0-next.44](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.43...v3.80.0-next.44) (2026-10-20)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## [3.80.0-next.43](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.42...v3.80.0-next.43) (2026-10-19)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
 ## [3.80.0-next.42](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.41...v3.80.0-next.42) (2026-10-15)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-accordion/DSAccordionCO.js

@@ -4,11 +4,11 @@ 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 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');
 
@@ -38,7 +38,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/DSBreadcrumb.visual.spec.js

@@ -84,13 +84,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-above-title'));
       await expect(snapshot).toEqual(0);
     });
-    it('should show hovered editable title', async () => {
-      await browser.eyesOpen();
-      const title = await DSBreadcrumbCO.getEditableTitle();
-      await mouseOver(title);
-      const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-hovered-title'));
-      await expect(snapshot).toEqual(0);
-    });
   });
 
   describe('PUI-9462 - Breadcrumb, Active - Visual Test', () => {

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');
 
@@ -23,6 +23,8 @@ export default class DSBreadcrumbCO extends PageObject {
 
   static asURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'as-test');
 
+  static slotsURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'slots-test');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Breadcrumb', example);
@@ -65,8 +67,21 @@ export default class DSBreadcrumbCO extends PageObject {
     return $(`[id="my-custom-id"]`);
   }
 
-  static async getEditableTitle() {
-    return $(`[data-testid="ds-page-header-editable-title"]`);
+  static async getContainerSlot() {
+    return $('[data-dimsum-slot="dsBreadcrumbContainer"]');
+  }
+
+  static async getListSlot() {
+    return $('[data-dimsum-slot="dsBreadcrumbList"]');
+  }
+
+  static async getCrumbWrapperSlot() {
+    return $('[data-dimsum-slot="dsBreadcrumbCrumbWrapper"]');
+  }
+
+  // the link renders through DSTypography: its own slot is dsTypographyRoot, the breadcrumb slot is the parent one
+  static async getLinkSlot() {
+    return $('[data-dimsum-parent-slot="dsBreadcrumbLink"]');
   }
 
   static async getItemColor(text) {

package/{ds-dialog/axe-core/DSDialog.warning.axe-core.spec.func.js → ds-breadcrumb/slots/DSBreadcrumb.slots.axe-core.func.spec.js}

@@ -1,5 +1,5 @@
-import DSDialog from '../DSDialogCO';
 import { axeCoreCheck } from '../../helpers';
+import DSBreadcrumbCO from '../DSBreadcrumbCO';
 
 if (
   (!browser.capabilities['ice:options'].isPhone &&
@@ -7,16 +7,15 @@ if (
     browser.capabilities.browserName === 'chrome') ||
   browser.capabilities.browserName === 'Chrome'
 ) {
-  describe('PUI-17331 - DSDialog:: Warning dialog - axe-core', () => {
+  // Tests for the slot system introduced by the compliance remediation in PUI-19129
+  describe('PUI-19286 - DSBreadcrumb:: slots with custom theme - Axe-Core', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSDialog.warningURL.go();
+      const errorOnGo = await DSBreadcrumbCO.slotsURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should display Warning DSDialog correctly and pass axe-core scan', async () => {
-      const triggerBtn = await DSDialog.getTriggerBtn();
-      await triggerBtn.click();
-      const dialog = await DSDialog.getDialog();
-      await dialog.waitForDisplayed();
+
+    it('01: should have no accessibility violations', async () => {
+      await (await DSBreadcrumbCO.getContainerSlot()).waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });

package/ds-breadcrumb/slots/DSBreadcrumb.slots.func.spec.js

@@ -0,0 +1,38 @@
+import DSBreadcrumbCO from '../DSBreadcrumbCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Tests for the slot system introduced by the compliance remediation in PUI-19129
+  describe('PUI-19284 - DSBreadcrumb:: slot wiring - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have custom aria-* for each slot', async () => {
+      await (await DSBreadcrumbCO.getContainerSlot()).waitForDisplayed();
+      await expect(await DSBreadcrumbCO.getContainerSlot()).toHaveAttribute('aria-label', 'container aria');
+      await expect(await DSBreadcrumbCO.getListSlot()).toHaveAttribute('aria-label', 'list aria');
+      await expect(await DSBreadcrumbCO.getCrumbWrapperSlot()).toHaveAttribute('aria-label', 'crumb-wrapper aria');
+      await expect(await DSBreadcrumbCO.getLinkSlot()).toHaveAttribute('aria-label', 'link aria');
+    });
+
+    it('02: should have custom data-testid for each slot', async () => {
+      await expect(await DSBreadcrumbCO.getContainerSlot()).toHaveAttribute('data-testid', 'container data');
+      await expect(await DSBreadcrumbCO.getListSlot()).toHaveAttribute('data-testid', 'list data');
+      await expect(await DSBreadcrumbCO.getCrumbWrapperSlot()).toHaveAttribute('data-testid', 'crumb-wrapper data');
+      await expect(await DSBreadcrumbCO.getLinkSlot()).toHaveAttribute('data-testid', 'link data');
+    });
+
+    it('03: should have custom lang for each slot', async () => {
+      await expect(await DSBreadcrumbCO.getContainerSlot()).toHaveAttribute('lang', 'pt');
+      await expect(await DSBreadcrumbCO.getListSlot()).toHaveAttribute('lang', 'es');
+      await expect(await DSBreadcrumbCO.getCrumbWrapperSlot()).toHaveAttribute('lang', 'de');
+      await expect(await DSBreadcrumbCO.getLinkSlot()).toHaveAttribute('lang', 'fr');
+    });
+  });
+}

package/ds-breadcrumb/slots/DSBreadcrumb.slots.visual.spec.js

@@ -0,0 +1,17 @@
+import DSBreadcrumbCO from '../DSBreadcrumbCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for the slot system introduced by the compliance remediation in PUI-19129
+  describe('PUI-19285 - DSBreadcrumb:: slots with custom theme - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display breadcrumb with customized slots', async () => {
+      await (await DSBreadcrumbCO.getContainerSlot()).waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chat/DSChatCO.js

@@ -13,6 +13,10 @@ export default class DSChatCO extends PageObject {
 
   static loadMoreURL = new Urlbuilder(PATH_E2E_CHAT, 'container-load-more-test');
 
+  static loadMoreKeepFocusURL = new Urlbuilder(PATH_E2E_CHAT, 'container-load-more-keep-focus-test');
+
+  static visibleElementsURL = new Urlbuilder(PATH_E2E_CHAT, 'container-visible-elements-test');
+
   static loadingURL = new Urlbuilder(PATH_E2E_CHAT, 'loading-container-test');
 
   static loadingErrorURL = new Urlbuilder(PATH_E2E_CHAT, 'loading-error-test');
@@ -58,6 +62,22 @@ export default class DSChatCO extends PageObject {
     return $('[data-testid="scroll-chat-button"]').click();
   }
 
+  static async clickGetMessagesInView() {
+    return $('[data-testid="scroll-chat-button"]').click();
+  }
+
+  static async getMessagesInViewText() {
+    return $('[data-testid="get-messages-in-view"]').getText();
+  }
+
+  static async getOnScrollEndsText() {
+    return $('[data-testid="on-scroll-ends"]').getText();
+  }
+
+  static async getGetMoreTimesText() {
+    return $('[data-testid="get-more-times"]').getText();
+  }
+
   static async getSentTimes() {
     return $('[data-testid="sent"]').getText();
   }

package/ds-chat/container/visible-elements/DSChat-container.visible-elements.func.spec.js

@@ -0,0 +1,42 @@
+import { Key } from 'webdriverio';
+import DSChatCO from '../../DSChatCO';
+
+// Tests for the migration of ChatContainer virtualization to ds-fast-list introduced in PUI-19237
+// (getMessagesInView is backed by actionRef.getVisibleItems() and must not return a stale value)
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-19297 -ChatContainer:: getMessagesInView returns the current visible messages - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChatCO.visibleElementsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should return the messages at the end of the thread, matching onScrollEnds', async () => {
+      await browser.waitUntil(async () => (await DSChatCO.getOnScrollEndsText()).split(' - ').pop() === '999', {
+        timeoutMsg: 'expected onScrollEnds to report the final message after initial scrolling',
+      });
+      const onScrollEnds = await DSChatCO.getOnScrollEndsText();
+      await expect(await DSChatCO.getMessagesInViewText()).toEqual('-');
+      await DSChatCO.clickGetMessagesInView();
+      const inView = await DSChatCO.getMessagesInViewText();
+      await expect(inView).toEqual(onScrollEnds);
+    });
+    it('02: should return the new visible messages after scrolling to the top, not the stale ones', async () => {
+      const previousInView = await DSChatCO.getMessagesInViewText();
+      const threadContainer = await DSChatCO.getThreadContainer();
+      await browser.execute((el) => el.focus(), threadContainer);
+      await browser.keys(Key.Home);
+      await browser.waitUntil(async () => (await DSChatCO.getOnScrollEndsText()).split(' - ')[0] === '0', {
+        timeoutMsg: 'expected onScrollEnds to report the first message after pressing Home',
+      });
+      await DSChatCO.clickGetMessagesInView();
+      const inView = await DSChatCO.getMessagesInViewText();
+      await expect(inView).not.toEqual(previousInView);
+      await expect(inView).toEqual(await DSChatCO.getOnScrollEndsText());
+      await expect(inView.split(' - ')[0]).toEqual('0');
+    });
+  });
+}

package/ds-chat/loadmore/keep-focus/DSChat-loadmore.keep-focus.func.spec.js

@@ -0,0 +1,28 @@
+import DSChatCO from '../../DSChatCO';
+
+// Tests for the focus rework introduced with the ds-fast-list migration in PUI-19237
+// (a focused message keeps the focus after older messages are loaded)
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-19298 -ChatContainer:: focused message keeps focus after older messages load - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChatCO.loadMoreKeepFocusURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have the message 5 focused', async () => {
+      const message = await DSChatCO.getElementListItemByDataIndex('5');
+      await browser.execute((el) => el.focus(), message);
+      await expect(message).toBeFocused();
+      await expect(message).toHaveText(expect.stringContaining('Message text INIT Message text 5'));
+    });
+    it('02: should keep the focus on the same message after older messages are loaded', async () => {
+      await browser.keys('l');
+      await browser.waitUntil(async () => (await DSChatCO.getGetMoreTimesText()).includes('1 Times'), {
+        timeoutMsg: 'expected the older messages to be loaded',
+      });
+      // the 10 older messages are prepended, so message 5 moves from index 5 to index 15
+      const message = await DSChatCO.getElementListItemByDataIndex('15');
+      await expect(message).toHaveText(expect.stringContaining('Message text INIT Message text 5'));
+      await expect(message).toBeFocused();
+    });
+  });
+}

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-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');
 

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-left-navigation-tree/LeftNavigationTreeCO.js

@@ -0,0 +1,46 @@
+import { PATH_E2E_LEFT_NAVIGATION_TREE } from '../paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class LeftNavTreeCO extends PageObject {
+  static basicTreeURL = new Urlbuilder(PATH_E2E_LEFT_NAVIGATION_TREE, 'basic-tree-test');
+
+  static async getTree() {
+    return $('[data-testid="ds-leftnavigationtree-tree"]');
+  }
+
+  static async getItemById(dsId) {
+    return $(`[role="treeitem"][data-dsid="${dsId}"]`);
+  }
+
+  static async getFooterCollapseButton() {
+    return $('[data-testid="ds-leftnavigationtree-footer-menu-collapse"]');
+  }
+
+  // Snapshot of every rendered treeitem, in DOM order, read in a single browser round trip
+  static async getTreeItems() {
+    return browser.execute(() =>
+      [...document.querySelectorAll('[role="treeitem"]')].map((el) => ({
+        dsId: el.dataset.dsid,
+        type: el.dataset.type,
+        level: el.getAttribute('aria-level'),
+        expanded: el.getAttribute('aria-expanded'),
+        tabIndex: el.getAttribute('tabindex'),
+        current: el.getAttribute('aria-current'),
+        selected: el.getAttribute('aria-selected'),
+        testId: el.dataset.testid,
+      })),
+    );
+  }
+
+  static async getActiveDsId() {
+    return browser.execute(() => document.activeElement?.dataset?.dsid ?? null);
+  }
+
+  static async getActiveTestId() {
+    return browser.execute(() => document.activeElement?.dataset?.testid ?? null);
+  }
+
+  static async getGroupCount() {
+    return browser.execute(() => document.querySelectorAll('[role="group"]').length);
+  }
+}

package/ds-left-navigation-tree/basic/LeftNavigationTree.aria-contract.func.spec.js

@@ -0,0 +1,62 @@
+import LeftNavTreeCO from '../LeftNavigationTreeCO';
+
+// DOM-attribute contract: identical in every browser, so it runs on Chrome only
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Tests for the Tree View POC introduced in PUI-19047 (new package ds-left-navigation-tree)
+  describe('PUI-19281 - DSLeftNavigationTree:: tree semantics and testids - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavTreeCO.basicTreeURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should render a named tree with a single tab stop and collapsed parents', async () => {
+      const tree = await LeftNavTreeCO.getTree();
+      await expect(tree).toBeDisplayed();
+      await expect(tree).toHaveAttribute('role', 'tree');
+      await expect(tree).toHaveAttribute('aria-label', 'Primary');
+
+      const items = await LeftNavTreeCO.getTreeItems();
+      await expect(items.map((item) => item.dsId)).toEqual([
+        'e2e-documents',
+        'e2e-forms',
+        'e2e-conditions',
+        'e2e-services',
+      ]);
+      await expect(items.map((item) => item.level)).toEqual(['1', '1', '1', '1']);
+      await expect(items.every((item) => item.testId === 'ds-leftnavigationtree-item')).toBe(true);
+      // aria-expanded only on parents; leaves never carry it
+      await expect(items.map((item) => item.expanded)).toEqual([null, 'false', null, 'false']);
+      // the current page is exposed with aria-current, never aria-selected
+      await expect(items.every((item) => item.current === null && item.selected === null)).toBe(true);
+      // roving tab stop: exactly one treeitem is tabbable
+      await expect(items.filter((item) => item.tabIndex === '0').length).toBe(1);
+      await expect(await LeftNavTreeCO.getGroupCount()).toBe(0);
+    });
+    it('02: should expose children in a group with their level once a parent opens', async () => {
+      await (await LeftNavTreeCO.getItemById('e2e-forms')).click();
+      const forms = await LeftNavTreeCO.getItemById('e2e-forms');
+      await expect(forms).toHaveAttribute('aria-expanded', 'true');
+
+      const items = await LeftNavTreeCO.getTreeItems();
+      const children = items.filter((item) => item.dsId.startsWith('e2e-forms-child-'));
+      await expect(children.length).toBe(3);
+      await expect(children.every((item) => item.level === '2' && item.expanded === null)).toBe(true);
+      await expect(await LeftNavTreeCO.getGroupCount()).toBe(1);
+    });
+    it('03: should mark only the activated page with aria-current', async () => {
+      // activating a closed parent made its first child the current page
+      let current = (await LeftNavTreeCO.getTreeItems()).filter((item) => item.current !== null);
+      await expect(current.map((item) => `${item.dsId}=${item.current}`)).toEqual(['e2e-forms-child-1=page']);
+
+      await (await LeftNavTreeCO.getItemById('e2e-conditions')).click();
+      await expect(await LeftNavTreeCO.getItemById('e2e-conditions')).toHaveAttribute('aria-current', 'page');
+      current = (await LeftNavTreeCO.getTreeItems()).filter((item) => item.current !== null);
+      await expect(current.map((item) => `${item.dsId}=${item.current}`)).toEqual(['e2e-conditions=page']);
+      await expect((await LeftNavTreeCO.getTreeItems()).every((item) => item.selected === null)).toBe(true);
+    });
+  });
+}

package/ds-left-navigation-tree/basic/LeftNavigationTree.axe-core.func.spec.js

@@ -0,0 +1,28 @@
+import LeftNavTreeCO from '../LeftNavigationTreeCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Tests for the Tree View POC introduced in PUI-19047 (new package ds-left-navigation-tree)
+  describe('PUI-19283 - DSLeftNavigationTree:: accessibility before and after opening a parent - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavTreeCO.basicTreeURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have no accessibility violations with every parent closed', async () => {
+      await (await LeftNavTreeCO.getTree()).waitForDisplayed();
+      const result = await axeCoreCheck();
+      await expect(result.length).toBe(0);
+    });
+    it('02: should have no accessibility violations with a parent open', async () => {
+      await (await LeftNavTreeCO.getItemById('e2e-forms')).click();
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms')).toHaveAttribute('aria-expanded', 'true');
+      const result = await axeCoreCheck();
+      await expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-left-navigation-tree/basic/LeftNavigationTree.keyboard.func.spec.js

@@ -0,0 +1,65 @@
+import { Key } from 'webdriverio';
+import LeftNavTreeCO from '../LeftNavigationTreeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for the Tree View POC introduced in PUI-19047 (new package ds-left-navigation-tree)
+  describe('PUI-19282 - DSLeftNavigationTree:: keyboard navigation - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavTreeCO.basicTreeURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should focus the first node on entering the tree [Tab]', async () => {
+      await (await LeftNavTreeCO.getTree()).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await expect(await LeftNavTreeCO.getItemById('e2e-documents')).toBeFocused();
+    });
+    it('02: should move between visible nodes without wrapping [ArrowDown][ArrowUp][Home][End]', async () => {
+      await browser.keys(Key.ArrowDown);
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms')).toBeFocused();
+      await browser.keys(Key.End);
+      await expect(await LeftNavTreeCO.getItemById('e2e-services')).toBeFocused();
+      await browser.keys(Key.ArrowDown);
+      await expect(await LeftNavTreeCO.getItemById('e2e-services')).toBeFocused();
+      await browser.keys(Key.Home);
+      await expect(await LeftNavTreeCO.getItemById('e2e-documents')).toBeFocused();
+      await browser.keys(Key.ArrowUp);
+      await expect(await LeftNavTreeCO.getItemById('e2e-documents')).toBeFocused();
+      // roving tab stop follows the focused node
+      await expect(await LeftNavTreeCO.getItemById('e2e-documents')).toHaveAttribute('tabindex', '0');
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms')).toHaveAttribute('tabindex', '-1');
+    });
+    it('03: should jump to the next node starting with the typed character [c][f]', async () => {
+      await browser.keys('c');
+      await expect(await LeftNavTreeCO.getItemById('e2e-conditions')).toBeFocused();
+      await browser.keys('f');
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms')).toBeFocused();
+    });
+    it('04: should open, enter, leave and close a parent [ArrowRight][ArrowLeft]', async () => {
+      await browser.keys(Key.ArrowRight);
+      const forms = await LeftNavTreeCO.getItemById('e2e-forms');
+      await expect(forms).toHaveAttribute('aria-expanded', 'true');
+      await expect(forms).toBeFocused();
+      await browser.keys(Key.ArrowRight);
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms-child-1')).toBeFocused();
+      await browser.keys(Key.ArrowLeft);
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms')).toBeFocused();
+      await browser.keys(Key.ArrowLeft);
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms')).toHaveAttribute('aria-expanded', 'false');
+      await expect(await LeftNavTreeCO.getGroupCount()).toBe(0);
+    });
+    it('05: should toggle a parent and select its first page [Enter]', async () => {
+      await browser.keys(Key.Enter);
+      const forms = await LeftNavTreeCO.getItemById('e2e-forms');
+      await expect(forms).toHaveAttribute('aria-expanded', 'true');
+      await expect(forms).toBeFocused();
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms-child-1')).toHaveAttribute('aria-current', 'page');
+      await browser.keys(Key.Enter);
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms')).toHaveAttribute('aria-expanded', 'false');
+      await expect(await LeftNavTreeCO.getItemById('e2e-forms')).toBeFocused();
+    });
+    it('06: should leave the tree with a single [Tab]', async () => {
+      await browser.keys(Key.Tab);
+      await expect(await LeftNavTreeCO.getActiveDsId()).toBe(null);
+    });
+  });
+}