dimsum-e2e-tests 3.60.0-next.3 → 3.60.0-next.31

package/CHANGELOG.md

@@ -3,6 +3,168 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.60.0-next.31 (2026-02-25)
+
+### Features
+
+- ds-menu-button:: enable playwright tests [PUI-16741](https://jira.elliemae.io/browse/PUI-16741) ([#7898](https://git.elliemae.io/platform-ui/dimsum/issues/7898)) ([580ea18](https://git.elliemae.io/platform-ui/dimsum/commit/580ea18cef699587201ced6444eee73936a85c4c))
+
+## 3.60.0-next.30 (2026-02-24)
+
+### Bug Fixes
+
+- ds-codemods:: legacy-deprecation-26dot3 replaceAll for multi match fix ([#7897](https://git.elliemae.io/platform-ui/dimsum/issues/7897)) ([3b27f7e](https://git.elliemae.io/platform-ui/dimsum/commit/3b27f7e04a56ed2b14b12a1523748a1a4828c8a1))
+
+## 3.60.0-next.29 (2026-02-23)
+
+### Bug Fixes
+
+- ds-tabs:: add functional test for tabs with scrollbar - keyboard nav [PUI-17883](https://jira.elliemae.io/browse/PUI-17883) ([#7895](https://git.elliemae.io/platform-ui/dimsum/issues/7895)) ([bbd1058](https://git.elliemae.io/platform-ui/dimsum/commit/bbd1058f2f1dac1e3f942bca697b304d28996986))
+
+## 3.60.0-next.28 (2026-02-20)
+
+### Bug Fixes
+
+- ds-left-navigation:: add functional test for slots customization [PUI-15560](https://jira.elliemae.io/browse/PUI-15560) ([#7892](https://git.elliemae.io/platform-ui/dimsum/issues/7892)) ([6732509](https://git.elliemae.io/platform-ui/dimsum/commit/6732509aaaafeb3c3cc4f2e8e85986177b782c58))
+
+## 3.60.0-next.27 (2026-02-20)
+
+### Bug Fixes
+
+- ds-tabs:: show outline in tabpanel ([b9db99f](https://git.elliemae.io/platform-ui/dimsum/commit/b9db99ff6878f67c06cb1abe0e813a85b3ce8dfe))
+
+## 3.60.0-next.26 (2026-02-19)
+
+### Features
+
+- ds-global-header:: search-toggle story improved a11y + improved slots support [PUI-17852](https://jira.elliemae.io/browse/PUI-17852) ([#7891](https://git.elliemae.io/platform-ui/dimsum/issues/7891)) ([bed0e22](https://git.elliemae.io/platform-ui/dimsum/commit/bed0e22851cfa990994790f064a0bf1606928645))
+
+## 3.60.0-next.25 (2026-02-19)
+
+### Bug Fixes
+
+- ds-global-header:: fixed unit test + slots to dimsum pattern compliancy ([#7889](https://git.elliemae.io/platform-ui/dimsum/issues/7889)) ([7198f8a](https://git.elliemae.io/platform-ui/dimsum/commit/7198f8afcdaa884886c90ac1e492ff82315837cf))
+
+## 3.60.0-next.24 (2026-02-17)
+
+### Features
+
+- ds-ribbon:: role analysis and show example using role=status [PUI-17480](https://jira.elliemae.io/browse/PUI-17480) ([#7880](https://git.elliemae.io/platform-ui/dimsum/issues/7880)) ([034a59a](https://git.elliemae.io/platform-ui/dimsum/commit/034a59a2f1449599310d9788dfce12ba8037eb95))
+
+## 3.60.0-next.23 (2026-02-17)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.22 (2026-02-16)
+
+### Features
+
+- ds-ribbon:: slots usege example and theming support story [PUI-17442](https://jira.elliemae.io/browse/PUI-17442) ([#7879](https://git.elliemae.io/platform-ui/dimsum/issues/7879)) ([a951520](https://git.elliemae.io/platform-ui/dimsum/commit/a951520b52988b331cb495260326ff5750529873))
+
+## 3.60.0-next.21 (2026-02-16)
+
+### Features
+
+- ds-chat-bubble:: implement slots in Chat Bubble [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#7877](https://git.elliemae.io/platform-ui/dimsum/issues/7877)) ([9558f1d](https://git.elliemae.io/platform-ui/dimsum/commit/9558f1d0465417ddfd07500728d49b4cceb12cd8))
+
+## 3.60.0-next.20 (2026-02-13)
+
+### Bug Fixes
+
+- ds-chip:: update E2E test selectors and chip XPath queries [PUI-17896](https://jira.elliemae.io/browse/PUI-17896) ([#7875](https://git.elliemae.io/platform-ui/dimsum/issues/7875)) ([f682a0a](https://git.elliemae.io/platform-ui/dimsum/commit/f682a0a99c8b01ed886f13d1f5835f10c9e8ae44))
+
+## 3.60.0-next.19 (2026-02-12)
+
+### Features
+
+- ds-ribbon:: typescript fixes by dimsum alignment [PUI-17478](https://jira.elliemae.io/browse/PUI-17478)([#7870](https://git.elliemae.io/platform-ui/dimsum/issues/7870)) ([6dcb730](https://git.elliemae.io/platform-ui/dimsum/commit/6dcb730e31dcb4cfab2e863db38c01de894a7af9))
+
+## 3.60.0-next.18 (2026-02-09)
+
+### Bug Fixes
+
+- ds-left-navigation:: e2e story for detected missing slots [PUI-15560](https://jira.elliemae.io/browse/PUI-15560) ([#7864](https://git.elliemae.io/platform-ui/dimsum/issues/7864)) ([37e630b](https://git.elliemae.io/platform-ui/dimsum/commit/37e630be9e1023dee24e17a3e49da1d53d351060))
+
+## 3.60.0-next.17 (2026-02-06)
+
+### Features
+
+- ds-global-header:: search toggle example improve [PUI-17487](https://jira.elliemae.io/browse/PUI-17487) ([#7862](https://git.elliemae.io/platform-ui/dimsum/issues/7862)) ([8d268f8](https://git.elliemae.io/platform-ui/dimsum/commit/8d268f8fa3a8e4a065b1897128a866eb2af1c050))
+
+## 3.60.0-next.16 (2026-02-06)
+
+### Features
+
+- ds-global-header:: search toggle tests [PUI-17487](https://jira.elliemae.io/browse/PUI-17487) ([#7861](https://git.elliemae.io/platform-ui/dimsum/issues/7861)) ([039b36d](https://git.elliemae.io/platform-ui/dimsum/commit/039b36dd5bf53053cf5d7e636ba0f7dbd17bff11))
+
+## 3.60.0-next.15 (2026-01-29)
+
+### Features
+
+- dimsum:: upgraded third party libraries [PUI-17276](https://jira.elliemae.io/browse/PUI-17276) ([#7833](https://git.elliemae.io/platform-ui/dimsum/issues/7833)) ([361aafb](https://git.elliemae.io/platform-ui/dimsum/commit/361aafb523a55187f0951f4a2b338458f8198c97))
+
+## 3.60.0-next.14 (2026-01-26)
+
+### Features
+
+- ds-menu-button:: slots and unit tests support [PUI-17708](https://jira.elliemae.io/browse/PUI-17708) ([#7822](https://git.elliemae.io/platform-ui/dimsum/issues/7822)) ([211afa4](https://git.elliemae.io/platform-ui/dimsum/commit/211afa4b48182892a8945e08c69d693021684986))
+
+## 3.60.0-next.13 (2026-01-20)
+
+### Bug Fixes
+
+- ds-dialog:: raise condition caused by layout effect [PUI-17804](https://jira.elliemae.io/browse/PUI-17804)([#7826](https://git.elliemae.io/platform-ui/dimsum/issues/7826)) ([c07f693](https://git.elliemae.io/platform-ui/dimsum/commit/c07f69337344e77e0b3bfb0974b171c410972a06))
+
+## 3.60.0-next.12 (2026-01-16)
+
+### Features
+
+- dimsum:: fixed dependencies and added knip for reports [PUI-17275](https://jira.elliemae.io/browse/PUI-17275) ([#7824](https://git.elliemae.io/platform-ui/dimsum/issues/7824)) ([65b7cf4](https://git.elliemae.io/platform-ui/dimsum/commit/65b7cf4e3558d20957adc405bd91ea9370b11589))
+
+## 3.60.0-next.11 (2026-01-14)
+
+### Features
+
+- ds-tabs:: update carousel to horizontal scroll [PUI-17483](https://jira.elliemae.io/browse/PUI-17483) ([#7821](https://git.elliemae.io/platform-ui/dimsum/issues/7821)) ([9cfe8a5](https://git.elliemae.io/platform-ui/dimsum/commit/9cfe8a56d6277fe4fc9ffcf9c9dfb97dff7adfbf))
+
+## 3.60.0-next.10 (2026-01-14)
+
+### Bug Fixes
+
+- ds-app-picker:: support global attributes [PUI-17246](https://jira.elliemae.io/browse/PUI-17246) ([#7820](https://git.elliemae.io/platform-ui/dimsum/issues/7820)) ([1b2a2ea](https://git.elliemae.io/platform-ui/dimsum/commit/1b2a2ea55ca4ea19386e891be939c3615a244468))
+
+## [3.60.0-next.9](https://git.elliemae.io/platform-ui/dimsum/compare/v3.60.0-next.8...v3.60.0-next.9) (2026-01-13)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.8 (2026-01-13)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.7 (2026-01-12)
+
+### Bug Fixes
+
+- ds-chip:: custom attributes and folder organization [PUI-14876] (https://jira.elliemae.io/browse/PUI-14876) ([#7819](https://git.elliemae.io/platform-ui/dimsum/issues/7819)) ([7025b86](https://git.elliemae.io/platform-ui/dimsum/commit/7025b865a1d0ca1cdc02aa07353a79eab3910356))
+
+## 3.60.0-next.6 (2026-01-12)
+
+### Bug Fixes
+
+- ds-floating-context:: remove console error when main is not defined [PUI-17776](https://jira.elliemae.io/browse/PUI-17776) ([#7814](https://git.elliemae.io/platform-ui/dimsum/issues/7814)) ([1084971](https://git.elliemae.io/platform-ui/dimsum/commit/1084971375947009d2497e10237d015100543887))
+
+## 3.60.0-next.5 (2026-01-09)
+
+### Features
+
+- dimsum:: update percy and pui-e2e-test-sdk dependencies [PUI-17773](https://jira.elliemae.io/browse/PUI-17773) ([#7815](https://git.elliemae.io/platform-ui/dimsum/issues/7815)) ([0aa68b6](https://git.elliemae.io/platform-ui/dimsum/commit/0aa68b6031f7e88526ce0b04581cf0134bc6d216))
+
+## 3.60.0-next.4 (2026-01-09)
+
+### Bug Fixes
+
+- ds-chip:: custom attributes and folder organization [PUI-14876] (https://jira.elliemae.io/browse/PUI-14876) ([#7813](https://git.elliemae.io/platform-ui/dimsum/issues/7813)) ([d0b0611](https://git.elliemae.io/platform-ui/dimsum/commit/d0b06110fae419827497f7ef1b66879ba1897ffd))
+
 ## 3.60.0-next.3 (2026-01-08)
 
 ### Features

package/ds-apppicker/DSAppPickerCO.js

@@ -16,6 +16,8 @@ export default class DSAppPickerCO extends PageObject {
 
   static applyAriaDisabledURL = new Urlbuilder(`${PATH_E2E_APP_PICKER}`, 'apply-aria-disabled-test');
 
+  static reflowURL = new Urlbuilder(`${PATH_E2E_APP_PICKER}`, 'reflow-test');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('AppPicker', example);
@@ -37,6 +39,14 @@ export default class DSAppPickerCO extends PageObject {
   static getChipByLabel = async (label) =>
     $(`//button[@data-testid="app-picker__chip"]/div/span[contains(text(),"${label}")]//ancestor::button`);
 
+  static getChipsByLabel = async (label) =>
+    $$(`//button[@data-testid="app-picker__chip"]/div/span[contains(text(),"${label}")]//ancestor::button`);
+
+  static getChipByLabelAndIndex = async (label, index) => {
+    const chips = await DSAppPickerCO.getChipsByLabel(label);
+    return chips[index];
+  };
+
   static async getAppPickerRoot() {
     return $('[data-testid="ds-apppicker-root"]');
   }

package/ds-apppicker/reflow/DSAppPicker.reflow.visual.spec.js

@@ -0,0 +1,36 @@
+/* eslint-disable wdio/no-pause */
+import DSAppPickerCO from '../DSAppPickerCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17867 - AppPicker:: Reflow test -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAppPickerCO.reflowURL.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+    });
+
+    it('01: should show appPicker open', async () => {
+      const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
+      await openAppPickerBtn.click();
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('reflow-appPicker-open'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should scroll to the 2nd Pipeline chip', async () => {
+      const secondPipelineChip = await DSAppPickerCO.getChipByLabelAndIndex('Pipeline', 1);
+      await secondPipelineChip.scrollIntoView();
+      await browser.pause(300);
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('reflow-appPicker-scrolled'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: should select the 2nd Pipeline chip', async () => {
+      const secondPipelineChip = await DSAppPickerCO.getChipByLabelAndIndex('Pipeline', 1);
+      await secondPipelineChip.click();
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAppPickerCO.snapshotPath('reflow-appPicker-pipeline-selected'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-apppicker/slots/DSAppPicker.slots.func.spec.js

@@ -39,5 +39,18 @@ if (
       await expect(titleSlot).toHaveAttribute('aria-label', 'im title aria');
       await expect(separatorSlot).toHaveAttribute('aria-label', 'im separator aria');
     });
+    it('03: should have custom data-public for each slot', async () => {
+      const itemSlot = await DSAppPickerCO.getItemSlotByIndex();
+      const rowSlot = await DSAppPickerCO.getRowSlotByIndex();
+      const rootSlot = await DSAppPickerCO.getRootSlotByIndex();
+      const titleSlot = await DSAppPickerCO.getTitleSlotByIndex();
+      const separatorSlot = await DSAppPickerCO.getSeparatorSlotByIndex();
+      await rootSlot.waitForDisplayed();
+      await expect(itemSlot).toHaveAttribute('data-public', 'item-custom-attribute');
+      await expect(rowSlot).toHaveAttribute('data-public', 'row-custom-attribute');
+      await expect(rootSlot).toHaveAttribute('data-public', 'root-custom-attribute');
+      await expect(titleSlot).toHaveAttribute('data-public', 'title-custom-attribute');
+      await expect(separatorSlot).toHaveAttribute('data-public', 'separator-custom-attribute');
+    });
   });
 }

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

@@ -33,7 +33,24 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
   });
 
-  describe('PUI-8928 - Chip, Styles -visual', () => {
+  describe('PUI-17879 - Chip, Basic & Labels -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should show basic chips by default', async () => {
+      await (await DSChipCO.getChipByIndex(1)).waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSChipCO.snapshotPath('dschips-basic-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: truncated chip should show text on hover', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(3));
+      const snapshot = await browser.percyCheckScreenshot(DSChipCO.snapshotPath('dschips-basic-untruncated'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-17879 - Chip, Styles -visual', () => {
     before('loading page', async () => {
       const errorOnGo = await DSChipCO.shapeURL.go();
       if (errorOnGo) throw errorOnGo;

package/ds-chip/DSChipCO.js

@@ -16,6 +16,8 @@ export default class DSChipCO extends PageObject {
 
   static applyAriaDisabledURL = new Urlbuilder(PATH_E2E_CHIP, 'apply-aria-disabled-test');
 
+  static customAttributesUsageURL = new Urlbuilder(PATH_E2E_CHIP, 'custom-attributes-usage-test');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Chip', example);

package/ds-chip/slots/DSChip.slots.func.spec.js

@@ -1,4 +1,5 @@
 import DSChipCO from '../DSChipCO';
+import DSAppPickerCO from '../../ds-apppicker/DSAppPickerCO';
 
 if (
   (!browser.capabilities['ice:options'].isPhone &&
@@ -36,4 +37,28 @@ if (
       await expect(ellipsisSlot).toHaveAttribute('aria-label', 'ellipsis aria');
     });
   });
+  describe('PUI-17787 - Chip: Custom Attributes Usage -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.customAttributesUsageURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom aria-* for each Chip', async () => {
+      const triggerButton = await DSAppPickerCO.getOpenAppPicker();
+      await triggerButton.click();
+      const chip0 = await DSChipCO.getChipButtonByIndex(0);
+      const chip1 = await DSChipCO.getChipButtonByIndex(1);
+      const chip2 = await DSChipCO.getChipButtonByIndex(2);
+      await expect(chip0).toHaveAttribute('aria-label', 'open dashboard overview');
+      await expect(chip1).toHaveAttribute('aria-label', 'navigate to Pipeline app');
+      await expect(chip2).toHaveAttribute('aria-label', 'navigate to Calendar app');
+    });
+    it('02: should have custom lang-* for each Chip', async () => {
+      const chip0 = await DSChipCO.getChipButtonByIndex(0);
+      const chip1 = await DSChipCO.getChipButtonByIndex(1);
+      const chip2 = await DSChipCO.getChipButtonByIndex(2);
+      await expect(chip0).toHaveAttribute('lang', 'sp');
+      await expect(chip1).toHaveAttribute('lang', 'en');
+      await expect(chip2).toHaveAttribute('lang', 'en');
+    });
+  });
 }

package/ds-controlled-form/ds-controlled-large-input-text/dialog/DSLargeInputText.dialog.visual.spec.js

@@ -1,6 +1,5 @@
 /* eslint-disable max-len */
 import DSLargeInputTextCO from '../DSLargeInputTextCO';
-import { type } from '../../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-10395 - LargeInputText:: Dialog integration - Visual Test', () => {
@@ -13,7 +12,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await dialogTrigger.click();
       const input = await DSLargeInputTextCO.getInputByIndex(0);
       await input.click();
-      await type(
+      await input.setValue(
         'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
       );
       const snapshot = await browser.checkSnapshot(DSLargeInputTextCO.snapshotPath('large-inputs-dialog'));

package/ds-controlled-form/react-hook-form/ReactHook.func.spec.js

@@ -68,7 +68,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const inputValue = await input.getAttribute('aria-label');
       // eslint-disable-next-line max-len
       await expect(inputValue).toEqual(
-        'month input field, current values: November, twentie second, 3333, 4, 45, ante meridiem',
+        'month input field, current values: November, twenty second, 3333, 4, 45, ante meridiem',
       );
     });
   });

package/ds-form-combobox-multi/DSComboboxMultiCO.js

@@ -4,6 +4,8 @@ import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSComboboxMultiCO extends PageObject {
   // STORIES
+  static basicTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'basic-test');
+
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'apply-aria-disabled-test');
 
   static readOnly = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'read-only-test');

package/ds-form-combobox-multi/aria-multiselectable/DSComboboxMulti.aria-multiselectable.func.spec.js

@@ -0,0 +1,21 @@
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17913 - ComboboxMulti:: aria-multiselectable - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.basicTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have aria-multiselectable attribute set to true on the listbox', async () => {
+      await DSComboboxMultiCO.openMenuListMouse();
+      const comboListbox = await DSComboboxMultiCO.getMenuList();
+      await expect(comboListbox).toHaveAttribute('aria-multiselectable', 'true');
+    });
+  });
+}

package/ds-form-combobox-multi/slots/DSComboboxMulti.slots.visual.spec.js

@@ -1,10 +1,7 @@
 /* eslint-disable max-lines */
 import DSComboboxMultiCO from '../DSComboboxMultiCO';
 
-if (
-  (!browser.capabilities['ice:options'].isPhone &&
-    !browser.capabilities['ice:options'].isTablet
-) {
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-17269 - ComboboxMulti:: Slots - Controlled Menu and Sections -Visual', () => {
     before('loading page', async () => {
       const errorOnGo = await DSComboboxMultiCO.controlledMenuStateWithSectionsSlotsTest.go();

package/ds-form-date-time-picker/date-time-full/DateTimePicker.func.spec.js

@@ -18,7 +18,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const dayText = await day.getAttribute('aria-label');
       await expect(dayText).toBe(
         // eslint-disable-next-line max-len
-        'date time picker context menu trigger, current values: December, twentie seventh, 2000, empty hours, empty minutes, empty meriediem',
+        'date time picker context menu trigger, current values: December, twenty seventh, 2000, empty hours, empty minutes, empty meriediem',
       );
     });
   });

package/ds-global-header/GlobalHeaderCO.js

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-relative-packages */
-import { PATH_GLOBAL_HEADER_EXAMPLES, PATH_E2E_GLOBAL_HEADER } from '../paths';
+import { PATH_E2E_GLOBAL_HEADER } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class GlobalHeader extends PageObject {
@@ -17,7 +17,7 @@ export default class GlobalHeader extends PageObject {
 
   static backgroundURL = new Urlbuilder(PATH_E2E_GLOBAL_HEADER, 'background');
 
-  static customNavigation = new Urlbuilder(PATH_GLOBAL_HEADER_EXAMPLES, 'custom-breadcrumb');
+  static customNavigation = new Urlbuilder(PATH_E2E_GLOBAL_HEADER, 'custom-breadcrumb-test');
 
   static sanitizeCss = new Urlbuilder(PATH_E2E_GLOBAL_HEADER, 'sanitize-css');
 
@@ -87,7 +87,7 @@ export default class GlobalHeader extends PageObject {
   // Slots
 
   static async getGHBreadcrumbChevronlotByIndex(index = 0) {
-    return $$('[data-dimsum-slot="dsIconSvg"]')[index];
+    return $$('[data-dimsum-slot="dsIconRoot"]')[index];
   }
 
   static async getGHBreadcrumbContainerSlotByIndex(index = 0) {

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

@@ -8,79 +8,79 @@ if (
   browser.capabilities.browserName === 'Chrome'
 ) {
   describe('PUI-15665 - GlobalHeader: Slots Test -Func', () => {
-    before(async () => {
+    beforeEach(async () => {
       const errorOnGo = await GlobalHeader.slotsTest.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display basic GlobalHeadercwith customized slots (aria-*)', async () => {
-      await (await GlobalHeader.getGHToolbarItem(2)).click();
-      // const chevron = await GlobalHeader.getGHBreadcrumbChevronlotByIndex();
+      await (await GlobalHeader.getGHMenubarItemButtonSlotByIndex(1)).click();
+      const chevron = await GlobalHeader.getGHBreadcrumbChevronlotByIndex();
       const container = await GlobalHeader.getGHBreadcrumbContainerSlotByIndex();
-      // const breadcrumbItem = await GlobalHeader.getGHBreadcrumbItemSlotByIndex();
-      // const breadcrumbItemLink = await GlobalHeader.getGHBreadcrumbItemLinkSlotByIndex();
-      // const breadcrumbItemLinkLabel = await GlobalHeader.getGHBreadcrumbItemLinkLabelSlotByIndex();
+      const breadcrumbItem = await GlobalHeader.getGHBreadcrumbItemSlotByIndex();
+      const breadcrumbItemLink = await GlobalHeader.getGHBreadcrumbItemLinkSlotByIndex();
+      const breadcrumbItemLinkLabel = await GlobalHeader.getGHBreadcrumbItemLinkLabelSlotByIndex();
       const breadcrumbList = await GlobalHeader.getGHBreadcrumbListSlotByIndex();
       const breadcrumbPipe = await GlobalHeader.getGHBreadcrumbPipeSlotByIndex();
       const root = await GlobalHeader.getGHRootSlotByIndex();
       const logoContainer = await GlobalHeader.getGHLogoContainerSlotByIndex();
       const menubarItem = await GlobalHeader.getGHMenubarItemSlotByIndex();
-      // const menubarItemButton = await GlobalHeader.getGHMenubarItemButtonSlotByIndex();
+      const menubarItemButton = await GlobalHeader.getGHMenubarItemButtonSlotByIndex();
       const menubarList = await GlobalHeader.getGHMenubarListSlotByIndex();
-      // const menubarItemPopupItem = await GlobalHeader.getGHMenubarItemPopupmenuItemSlotByIndex();
-      // const menubarItemPopupItemButton = await GlobalHeader.getGHMenubarItemPopupmenuItemButtonSlotByIndex();
-      // const popupList = await GlobalHeader.getGHMenubarItemPopupmenuListSlotByIndex();
-      // const popupSeparator = await GlobalHeader.getGHMenubarItemPopupmenuSeparatorSlotByIndex();
-      // await expect(chevron).toHaveAttribute('aria-label', 'im breadcrumb chev aria');
+      const menubarItemPopupItem = await GlobalHeader.getGHMenubarItemPopupmenuItemSlotByIndex();
+      const menubarItemPopupItemButton = await GlobalHeader.getGHMenubarItemPopupmenuItemButtonSlotByIndex();
+      const popupList = await GlobalHeader.getGHMenubarItemPopupmenuListSlotByIndex();
+      const popupSeparator = await GlobalHeader.getGHMenubarItemPopupmenuSeparatorSlotByIndex();
+      await expect(chevron).toHaveAttribute('aria-label', 'im breadcrumb chev aria');
       await expect(container).toHaveAttribute('aria-label', 'im breadcrumb container aria');
-      // await expect(breadcrumbItem).toHaveAttribute('aria-label', 'im breadcrumb item aria');
-      // await expect(breadcrumbItemLink).toHaveAttribute('aria-label', 'im breadcrumb item link aria');
-      // await expect(breadcrumbItemLinkLabel).toHaveAttribute('aria-label', 'im breadcrumb item linklabel aria');
+      await expect(breadcrumbItem).toHaveAttribute('aria-label', 'im breadcrumb item aria');
+      await expect(breadcrumbItemLink).toHaveAttribute('aria-label', 'im breadcrumb item link aria');
+      await expect(breadcrumbItemLinkLabel).toHaveAttribute('aria-label', 'im breadcrumb item linklabel aria');
       await expect(breadcrumbList).toHaveAttribute('aria-label', 'im breadcrumb list aria');
       await expect(breadcrumbPipe).toHaveAttribute('aria-label', 'im breadcrumb pipe aria');
       await expect(root).toHaveAttribute('aria-label', 'im breadcrumb root aria');
       await expect(logoContainer).toHaveAttribute('aria-label', 'im logo container aria');
       await expect(menubarItem).toHaveAttribute('aria-label', 'im menubar item aria');
-      // await expect(menubarItemButton).toHaveAttribute('aria-label', 'im menubar item button aria');
+      await expect(menubarItemButton).toHaveAttribute('aria-label', 'im menubar item button aria');
       await expect(menubarList).toHaveAttribute('aria-label', 'im menubar list aria');
-      // await expect(menubarItemPopupItem).toHaveAttribute('aria-label', 'im popup menu item aria');
-      // await expect(menubarItemPopupItemButton).toHaveAttribute('aria-label', 'im popup item button aria');
-      // await expect(popupList).toHaveAttribute('aria-label', 'im popup menulist aria');
-      // await expect(popupSeparator).toHaveAttribute('aria-label', 'im popup separator aria');
+      await expect(menubarItemPopupItem).toHaveAttribute('aria-label', 'im popup menu item aria');
+      await expect(menubarItemPopupItemButton).toHaveAttribute('aria-label', 'im popup item button aria');
+      await expect(popupList).toHaveAttribute('aria-label', 'im popup menulist aria');
+      await expect(popupSeparator).toHaveAttribute('aria-label', 'im popup separator aria');
     });
     it('02: should display basic GlobalHeadercwith customized slots (data-*)', async () => {
-      await (await GlobalHeader.getGHToolbarItem(2)).click();
-      // const chevron = await GlobalHeader.getGHBreadcrumbChevronlotByIndex();
+      await (await GlobalHeader.getGHMenubarItemButtonSlotByIndex(1)).click();
+      const chevron = await GlobalHeader.getGHBreadcrumbChevronlotByIndex();
       const container = await GlobalHeader.getGHBreadcrumbContainerSlotByIndex();
-      // const breadcrumbItem = await GlobalHeader.getGHBreadcrumbItemSlotByIndex();
-      // const breadcrumbItemLink = await GlobalHeader.getGHBreadcrumbItemLinkSlotByIndex();
-      // const breadcrumbItemLinkLabel = await GlobalHeader.getGHBreadcrumbItemLinkLabelSlotByIndex();
+      const breadcrumbItem = await GlobalHeader.getGHBreadcrumbItemSlotByIndex();
+      const breadcrumbItemLink = await GlobalHeader.getGHBreadcrumbItemLinkSlotByIndex();
+      const breadcrumbItemLinkLabel = await GlobalHeader.getGHBreadcrumbItemLinkLabelSlotByIndex();
       const breadcrumbList = await GlobalHeader.getGHBreadcrumbListSlotByIndex();
       const breadcrumbPipe = await GlobalHeader.getGHBreadcrumbPipeSlotByIndex();
       const root = await GlobalHeader.getGHRootSlotByIndex();
       const logoContainer = await GlobalHeader.getGHLogoContainerSlotByIndex();
       const menubarItem = await GlobalHeader.getGHMenubarItemSlotByIndex();
-      // const menubarItemButton = await GlobalHeader.getGHMenubarItemButtonSlotByIndex();
+      const menubarItemButton = await GlobalHeader.getGHMenubarItemButtonSlotByIndex();
       const menubarList = await GlobalHeader.getGHMenubarListSlotByIndex();
-      // const menubarItemPopupItem = await GlobalHeader.getGHMenubarItemPopupmenuItemSlotByIndex();
-      // const menubarItemPopupItemButton = await GlobalHeader.getGHMenubarItemPopupmenuItemButtonSlotByIndex();
-      // const popupList = await GlobalHeader.getGHMenubarItemPopupmenuListSlotByIndex();
-      // const popupSeparator = await GlobalHeader.getGHMenubarItemPopupmenuSeparatorSlotByIndex();
-      // await expect(chevron).toHaveAttribute('data-testid', 'im breadcrumb chev data');
+      const menubarItemPopupItem = await GlobalHeader.getGHMenubarItemPopupmenuItemSlotByIndex();
+      const menubarItemPopupItemButton = await GlobalHeader.getGHMenubarItemPopupmenuItemButtonSlotByIndex();
+      const popupList = await GlobalHeader.getGHMenubarItemPopupmenuListSlotByIndex();
+      const popupSeparator = await GlobalHeader.getGHMenubarItemPopupmenuSeparatorSlotByIndex();
+      await expect(chevron).toHaveAttribute('data-testid', 'im breadcrumb chev data');
       await expect(container).toHaveAttribute('data-testid', 'im breadcrumb container data');
-      // await expect(breadcrumbItem).toHaveAttribute('data-testid', 'im breadcrumb item data');
-      // await expect(breadcrumbItemLink).toHaveAttribute('data-testid', 'im breadcrumb item link data');
-      // await expect(breadcrumbItemLinkLabel).toHaveAttribute('data-testid', 'im breadcrumb item linklabel data');
+      await expect(breadcrumbItem).toHaveAttribute('data-testid', 'im breadcrumb item data');
+      await expect(breadcrumbItemLink).toHaveAttribute('data-testid', 'im breadcrumb item link data');
+      await expect(breadcrumbItemLinkLabel).toHaveAttribute('data-testid', 'im breadcrumb item linklabel data');
       await expect(breadcrumbList).toHaveAttribute('data-testid', 'im breadcrumb list data');
       await expect(breadcrumbPipe).toHaveAttribute('data-testid', 'im breadcrumb pipe data');
       await expect(root).toHaveAttribute('data-testid', 'im breadcrumb root data');
       await expect(logoContainer).toHaveAttribute('data-testid', 'im logo container data');
       await expect(menubarItem).toHaveAttribute('data-testid', 'im menubar item data');
-      // await expect(menubarItemButton).toHaveAttribute('data-testid', 'im menubar item button data');
+      await expect(menubarItemButton).toHaveAttribute('data-testid', 'im menubar item button data');
       await expect(menubarList).toHaveAttribute('data-testid', 'im menubar list data');
-      // await expect(menubarItemPopupItem).toHaveAttribute('data-testid', 'im popup menu item data');
-      // await expect(menubarItemPopupItemButton).toHaveAttribute('data-testid', 'im popup item button data');
-      // await expect(popupList).toHaveAttribute('data-testid', 'im popup menulist data');
-      // await expect(popupSeparator).toHaveAttribute('data-testid', 'im popup separator data');
+      await expect(menubarItemPopupItem).toHaveAttribute('data-testid', 'im popup menu item data');
+      await expect(menubarItemPopupItemButton).toHaveAttribute('data-testid', 'im popup item button data');
+      await expect(popupList).toHaveAttribute('data-testid', 'im popup menulist data');
+      await expect(popupSeparator).toHaveAttribute('data-testid', 'im popup separator data');
     });
   });
 }

package/ds-leftnavigation/LeftNavigation.func.spec.js

@@ -5,7 +5,7 @@ import LeftNavCO from './LeftNavigationCO';
 import { mouseOver } from '../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-6120 - LeftNavigation: expand and collapse behaviour', () => {
+  describe.only('PUI-6120 - LeftNavigation: expand and collapse behaviour', () => {
     before('loading page', async () => {
       const errorOnGo = await LeftNavCO.fullFeatures.go();
       if (errorOnGo) throw errorOnGo;