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

package/ds-form-native-select/NativeSelect.axe-core.func.spec.js

@@ -54,4 +54,43 @@ if (
       expect(result.length).toBe(0);
     });
   });
+
+  describe('PUI-16464 - NativeSelect: ApplyAriaDisabled -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await NativeSelect.applyAriaDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have applyAriaDisabled native select and pass axe-core scan', async () => {
+      const nativeSelect = await NativeSelect.getRootByIndex(0);
+      await nativeSelect.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-16464 - NativeSelect: ReadOnly -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await NativeSelect.readOnlyURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have readOnly native select and pass axe-core scan', async () => {
+      const nativeSelect = await NativeSelect.getRootByIndex(0);
+      await nativeSelect.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-16464 - NativeSelect: ApplyAriaDisabled + hasError -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await NativeSelect.applyAriaDisabledWithErrorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have applyAriaDisabled + hasError native select and pass axe-core scan', async () => {
+      const nativeSelect = await NativeSelect.getRootByIndex(0);
+      await nativeSelect.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
 }

package/ds-form-native-select/NativeSelect.visual.spec.js

@@ -0,0 +1,33 @@
+import NativeSelect from './NativeSelectCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18537 - NativeSelect:: basic state -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await NativeSelect.controlledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render the basic controlled native select', async () => {
+      const root = await NativeSelect.getRootByIndex(0);
+      await root.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(NativeSelect.snapshotPath('basic'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  // Coverage for the fix introduced in PUI-14617
+  // (disabled-state colors aligned with Combobox disabled-state colors to meet WCAG 1.4.3).
+  describe('PUI-18538 - NativeSelect:: disabled state -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await NativeSelect.disabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render the disabled native select', async () => {
+      const root = await NativeSelect.getRootByIndex(0);
+      await root.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(NativeSelect.snapshotPath('disabled'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-native-select/NativeSelectCO.js

@@ -11,6 +11,12 @@ export default class NativeSelect extends PageObject {
 
   static disabledURL = new Urlbuilder(PATH_E2E_NATIVE_SELECT, 'disabled-test');
 
+  static applyAriaDisabledURL = new Urlbuilder(PATH_E2E_NATIVE_SELECT, 'apply-aria-disabled-test');
+
+  static readOnlyURL = new Urlbuilder(PATH_E2E_NATIVE_SELECT, 'read-only-test');
+
+  static applyAriaDisabledWithErrorURL = new Urlbuilder(PATH_E2E_NATIVE_SELECT, 'apply-aria-disabled-with-error-test');
+
   // Selectors
   static async getInputSlotByIndex(index = 0) {
     return $$(`[data-dimsum-slot="dsNativeselectInput"]`)[index];

package/ds-form-native-select/option-selection/NativeSelect.option-selection.func.spec.js

@@ -0,0 +1,25 @@
+import NativeSelect from '../NativeSelectCO';
+
+// Tests for the option selection behavior of the native select introduced in PUI-14617.
+// Selecting an option must update the <select> value (options use value={index}).
+// Uses the WebDriver native select command (selectByIndex) so the native popup is opened and an
+// option committed the same way in every browser — simulated keystrokes on the OS-drawn popup are
+// not reachable by WebDriver on macOS/Safari, which is why a keystroke-based assertion is not portable.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18563 - NativeSelect:: Option selection updates value -Func', () => {
+    before(async () => {
+      const errorOnGo = await NativeSelect.controlledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should update the value when selecting an option from the popup', async () => {
+      const nativeSelect = await NativeSelect.getRootByIndex(0);
+      await nativeSelect.waitForDisplayed();
+
+      const input = await NativeSelect.getInputSlotByIndex(0);
+      await input.selectByIndex(2);
+
+      await expect(input).toHaveValue('2');
+    });
+  });
+}

package/ds-global-header/GlobalHeader.axe-core.func.spec.js

@@ -90,6 +90,36 @@ if (
     });
   });
 
+  // Skipped due to defect PUI-17970
+  describe.skip('PUI-18379 - GlobalHeader: with search toggle -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await GlobalHeaderCO.withSearchToggleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have global header with search toggle and pass axe-core scan', async () => {
+      const globalHeader = await GlobalHeaderCO.getGlobalHeader();
+      await globalHeader.waitForDisplayed();
+      const toggleSearch = await GlobalHeaderCO.getGHToolbarItem(0);
+      await expect(toggleSearch).toHaveAttribute('aria-expanded', 'false');
+      await expect(toggleSearch).toHaveAttribute('aria-controls');
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should have global header with search toggle expanded and pass axe-core scan', async () => {
+      const toggleSearch = await GlobalHeaderCO.getGHToolbarItem(0);
+      await toggleSearch.click();
+      await expect(toggleSearch).toHaveAttribute('aria-expanded', 'true');
+      await expect(toggleSearch).toHaveAttribute('aria-controls', /^ds-global-header/);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should have global header with populated search toggle and pass axe-core scan', async () => {
+      await type('Labor');
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
   // Skipped due to defect PUI-17970
   describe.skip('PUI-16270 - GlobalHeader: Controled with Iframe -AxeCore', () => {
     before(async () => {

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

@@ -164,4 +164,35 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+
+  describe('PUI-18378 - GlobalHeader: with SearchToggle -Visual', () => {
+    before(async () => {
+      const errorOnGo = await GlobalHeader.withSearchToggleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display global header with expanded search toggle', async () => {
+      await browser.eyesOpen();
+      const searchToggleTrigger = await GlobalHeader.getGHToolbarItem(0);
+      await searchToggleTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(GlobalHeader.snapshotPath('global-with-searchbox-open'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display global header with populated search toggle', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys('Labor');
+      const snapshot = await browser.eyesCheckSnapshot(GlobalHeader.snapshotPath('global-with-searchbox-populated'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display global header with focused spinbutton and highlighted result', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowUp);
+      const globalHeader = await GlobalHeader.getGlobalHeader();
+      await globalHeader.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(GlobalHeader.snapshotPath('global-with-searchbox-highlight'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-leftnavigation/LeftNavigationCO.js

@@ -71,11 +71,11 @@ export default class LeftNavCO extends PageObject {
   }
 
   static async getTruncatedText(index) {
-    return $$('[data-testid="DS-SimpleTruncateText"]')[index];
+    return $$('[data-testid="leftnav-list-item-label"]')[index];
   }
 
   static async getTooltip() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   static async getSubItemBtn() {

package/ds-menu-button/DSMenuButtonCO.js

@@ -21,6 +21,8 @@ export default class DSMenuButtonCO extends PageObject {
 
   static skeletonMenuItem = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'skeleton-menu-item-test');
 
+  static slotsTest = new Urlbuilder(PATH_E2E_MENU_BUTTON, 'slots-test');
+
   // UseCases (E2E simplified versions)
   static cardExample = new Urlbuilder(PATH_MENU_BUTTON_USECASES, 'card-example-test');
 
@@ -85,6 +87,27 @@ export default class DSMenuButtonCO extends PageObject {
     return $(`${item} div span`);
   }
 
+  // Slots test selectors (by data-dimsum-slot)
+  static async getSlotsOpinionatedButtonRoot() {
+    return $('[data-dimsum-parent-slot="dsOpinionatedbuttonRoot"');
+  }
+
+  static async getSlotsFloatingWrapper() {
+    return $('[data-dimsum-parent-slot="dsFlyoutmenuFloatingWrapper"');
+  }
+
+  static async getSlotsFlyoutMenuRoot() {
+    return $('[data-dimsum-slot="dsFlyoutmenuRoot"]');
+  }
+
+  static async getSlotsListWrapper() {
+    return $('[data-dimsum-slot="dsFlyoutmenuListWrapper"]');
+  }
+
+  static async getSlotsMenuItemWrappers(index = 0) {
+    return $$('[data-dimsum-slot="dsMenuitemMenuItemWrapper"]')[index];
+  }
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSMenuItems', example, 'ds-menu-items');

package/ds-menu-button/slots/DSMenuButton.slots.func.spec.js

@@ -0,0 +1,40 @@
+import DSMenuButtonCO from '../DSMenuButtonCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18356 - DSMenuButton:: Slots - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have custom aria-label to each slot', async () => {
+      const triggerBtn = await DSMenuButtonCO.getSlotsOpinionatedButtonRoot();
+      await expect(triggerBtn).toHaveAttribute('aria-label', 'im dsOpinionatedbuttonRoot aria');
+      await triggerBtn.click();
+
+      const flyoutRoot = await DSMenuButtonCO.getSlotsFlyoutMenuRoot();
+      await flyoutRoot.waitForDisplayed();
+      const listWrapper = await DSMenuButtonCO.getSlotsListWrapper();
+      const floatingWrapper = await DSMenuButtonCO.getSlotsFloatingWrapper();
+      const menuItem = await DSMenuButtonCO.getSlotsMenuItemWrappers();
+      await expect(listWrapper).toHaveAttribute('aria-label', 'im dsFlyoutmenuListWrapper aria');
+      await expect(flyoutRoot).toHaveAttribute('aria-label', 'im dsFlyoutmenuRoot aria');
+      await expect(floatingWrapper).toHaveAttribute('aria-label', 'im dsFlyoutmenuFloatingWrapper aria');
+      await expect(menuItem).toHaveAttribute('aria-label', 'im dsMenuitemMenuItemWrapper aria');
+    });
+
+    it('02: should apply custom data-testid to each slot', async () => {
+      const triggerBtn = await DSMenuButtonCO.getSlotsOpinionatedButtonRoot();
+      const flyoutRoot = await DSMenuButtonCO.getSlotsFlyoutMenuRoot();
+      const listWrapper = await DSMenuButtonCO.getSlotsListWrapper();
+      const floatingWrapper = await DSMenuButtonCO.getSlotsFloatingWrapper();
+      const menuItem = await DSMenuButtonCO.getSlotsMenuItemWrappers();
+
+      await expect(triggerBtn).toHaveAttribute('data-testid', 'im dsOpinionatedbuttonRoot data');
+      await expect(flyoutRoot).toHaveAttribute('data-testid', 'im dsFlyoutmenuRoot data');
+      await expect(listWrapper).toHaveAttribute('data-testid', 'im dsFlyoutmenuListWrapper data');
+      await expect(floatingWrapper).toHaveAttribute('data-testid', 'im dsFlyoutmenuFloatingWrapper data');
+      await expect(menuItem).toHaveAttribute('data-testid', 'im dsMenuitemMenuItemWrapper data');
+    });
+  });
+}

package/ds-menu-button/slots/DSMenuButton.slots.visual.spec.js

@@ -0,0 +1,26 @@
+import DSMenuButtonCO from '../DSMenuButtonCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18357 - DSMenuButton:: Slots - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSMenuButtonCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display slots story in dark theme default state correctly', async () => {
+      const triggerBtn = await DSMenuButtonCO.getSlotsOpinionatedButtonRoot();
+      await triggerBtn.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSMenuButtonCO.snapshotPath('slots-default'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display slots story with menu open in dark theme correctly', async () => {
+      const triggerBtn = await DSMenuButtonCO.getSlotsOpinionatedButtonRoot();
+      await triggerBtn.click();
+      const flyoutRoot = await DSMenuButtonCO.getSlotsFlyoutMenuRoot();
+      await flyoutRoot.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSMenuButtonCO.snapshotPath('slots-open'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-modal-slide/ModalSlideCO.js

@@ -31,6 +31,8 @@ export default class ModalSlideCO extends PageObject {
 
   static applyAriaDisabledFooterURL = new Urlbuilder(PATH_E2E_MODALSLIDE, 'apply-aria-disabled-footer-test');
 
+  static slotsTest = new Urlbuilder(PATH_E2E_MODALSLIDE, 'slots-test');
+
   static async getModalSlide() {
     return $('[data-testid="ds-modal-slide"]');
   }
@@ -95,6 +97,43 @@ export default class ModalSlideCO extends PageObject {
     await browser.pause(500); // pause to allow animation to finish
   }
 
+  // Slots
+  static async getSlotActualContent() {
+    return $('[data-dimsum-slot="dsModalslideActualContent"]');
+  }
+
+  static async getSlotContent() {
+    return $('[data-dimsum-slot="dsModalslideContent"]');
+  }
+
+  static async getSlotContentWrapper() {
+    return $('[data-dimsum-slot="dsModalslideContentWrapper"]');
+  }
+
+  static async getSlotFooterSeparator() {
+    return $('[data-dimsum-slot="dsModalslideFooterSeparator"]');
+  }
+
+  static async getSlotGridContent() {
+    return $('[data-dimsum-slot="dsModalslideGridContent"]');
+  }
+
+  static async getSlotHeaderSeparator() {
+    return $('[data-dimsum-slot="dsModalslideHeaderSeparator"]');
+  }
+
+  static async getSlotOverlay() {
+    return $('[data-dimsum-slot="dsModalslideOverlay"]');
+  }
+
+  static async getSlotRoot() {
+    return $('[data-dimsum-slot="dsModalslideRoot"]');
+  }
+
+  static async getSlotHeader() {
+    return $('[data-dimsum-parent-slot="dsModalslideTitle"]');
+  }
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('ModalSlide', example, 'ds-modal-slide');

package/ds-modal-slide/custom-header/ModalSlide.customHeader.focusRing.visual.spec.js

@@ -10,7 +10,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
 
     it('01: should show consistent focus ring on modal body (5th tab stop)', async () => {
-      await ModalSlideCO.openModalSlide();
+      const trigger = await ModalSlideCO.getOpenModalSlideBtn();
+      await trigger.click();
       // Tab through CustomHeader: backarrow(1) -> breadcrumb items(2,3,4) -> body(5)
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);

package/ds-modal-slide/slots/ModalSlide.slots.func.spec.js

@@ -0,0 +1,74 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import ModalSlideCO from '../ModalSlideCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18428 - SquareIndicator: Slots - Func Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ModalSlideCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: each SquareIndicator slot to have custom aria-* attribute', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const actualContent = await ModalSlideCO.getSlotActualContent();
+      const content = await ModalSlideCO.getSlotContent();
+      const contentWrapper = await ModalSlideCO.getSlotContentWrapper();
+      const footerSeparator = await ModalSlideCO.getSlotFooterSeparator();
+      const gridContent = await ModalSlideCO.getSlotGridContent();
+      const headerSeparator = await ModalSlideCO.getSlotHeaderSeparator();
+      const overlay = await ModalSlideCO.getSlotOverlay();
+      const root = await ModalSlideCO.getSlotRoot();
+      await expect(actualContent).toHaveAttribute('aria-label', 'actual content aria');
+      await expect(content).toHaveAttribute('aria-label', 'content aria');
+      await expect(contentWrapper).toHaveAttribute('aria-label', 'content wrapper aria');
+      await expect(footerSeparator).toHaveAttribute('aria-label', 'footer separator aria');
+      await expect(gridContent).toHaveAttribute('aria-label', 'grid content aria');
+      await expect(headerSeparator).toHaveAttribute('aria-label', 'header separator aria');
+      await expect(overlay).toHaveAttribute('aria-label', 'overlay aria');
+      await expect(root).toHaveAttribute('aria-label', 'root aria');
+    });
+    it('02: each SquareIndicator slot to have custom data-* attribute', async () => {
+      const actualContent = await ModalSlideCO.getSlotActualContent();
+      const content = await ModalSlideCO.getSlotContent();
+      const contentWrapper = await ModalSlideCO.getSlotContentWrapper();
+      const footerSeparator = await ModalSlideCO.getSlotFooterSeparator();
+      const gridContent = await ModalSlideCO.getSlotGridContent();
+      const headerSeparator = await ModalSlideCO.getSlotHeaderSeparator();
+      const overlay = await ModalSlideCO.getSlotOverlay();
+      const root = await ModalSlideCO.getSlotRoot();
+      await expect(actualContent).toHaveAttribute('data-testid', 'actual content data');
+      await expect(content).toHaveAttribute('data-testid', 'content data');
+      await expect(contentWrapper).toHaveAttribute('data-testid', 'content wrapper data');
+      await expect(footerSeparator).toHaveAttribute('data-testid', 'footer separator data');
+      await expect(gridContent).toHaveAttribute('data-testid', 'grid content data');
+      await expect(headerSeparator).toHaveAttribute('data-testid', 'header separator data');
+      await expect(overlay).toHaveAttribute('data-testid', 'overlay data');
+      await expect(root).toHaveAttribute('data-testid', 'root data');
+    });
+    it('03: each ModalSlide slot to have custom lang attribute', async () => {
+      const actualContent = await ModalSlideCO.getSlotActualContent();
+      const content = await ModalSlideCO.getSlotContent();
+      const contentWrapper = await ModalSlideCO.getSlotContentWrapper();
+      const footerSeparator = await ModalSlideCO.getSlotFooterSeparator();
+      const gridContent = await ModalSlideCO.getSlotGridContent();
+      const headerSeparator = await ModalSlideCO.getSlotHeaderSeparator();
+      const overlay = await ModalSlideCO.getSlotOverlay();
+      const root = await ModalSlideCO.getSlotRoot();
+      await expect(actualContent).toHaveAttribute('lang', 'en');
+      await expect(content).toHaveAttribute('lang', 'es');
+      await expect(contentWrapper).toHaveAttribute('lang', 'fr');
+      await expect(footerSeparator).toHaveAttribute('lang', 'de');
+      await expect(gridContent).toHaveAttribute('lang', 'it');
+      await expect(headerSeparator).toHaveAttribute('lang', 'pt');
+      await expect(overlay).toHaveAttribute('lang', 'ja');
+      await expect(root).toHaveAttribute('lang', 'zh');
+    });
+  });
+}

package/ds-modal-slide/slots/ModalSlide.slots.visual.spec.js

@@ -0,0 +1,27 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import ModalSlideCO from '../ModalSlideCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18429 - ModalSlide: Slots Test - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await ModalSlideCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display ModalSlide with customized slots', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const root = await ModalSlideCO.getSlotRoot();
+      await root.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(ModalSlideCO.snapshotPath('modal-slide-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-page-layout/PageLayoutCO.js

@@ -1,12 +1,12 @@
-import { PATH_PAGE_LAYOUT_TEMPLATE } from '../paths';
+import { PATH_E2E_PAGE_LAYOUT } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class PageLayoutCO extends PageObject {
-  static basicURL = new Urlbuilder(PATH_PAGE_LAYOUT_TEMPLATE, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_PAGE_LAYOUT, 'basic-test');
 
-  static complexURL = new Urlbuilder(PATH_PAGE_LAYOUT_TEMPLATE, 'complex-page');
+  static complexURL = new Urlbuilder(PATH_E2E_PAGE_LAYOUT, 'complex-page-test');
 
-  static integratedURL = new Urlbuilder(PATH_PAGE_LAYOUT_TEMPLATE, 'integrated-example');
+  static integratedURL = new Urlbuilder(PATH_E2E_PAGE_LAYOUT, 'integrated-example-test');
 
   // Snapshots
   static snapshotPath(example = 'basic') {

package/ds-progress-indicator/DSProgressIndicator.axe-core.func.spec.js

@@ -1,3 +1,4 @@
+/* eslint-disable wdio/no-pause */
 import DSProgressIndicatorCO from './DSProgressIndicatorCO';
 import { axeCoreCheck } from '../helpers';
 
@@ -14,6 +15,7 @@ if (
     });
     it('01: should display basic progress indicator and pass axe-core', async () => {
       await (await DSProgressIndicatorCO.getUploadLabel()).waitForDisplayed();
+      await browser.pause(500);
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });

package/ds-progress-indicator/DSProgressIndicatorCO.js

@@ -12,7 +12,7 @@ export default class DSProgressIndicatorCO extends PageObject {
   }
 
   static async getUploadLabel() {
-    return $('//div[contains(text(), "upload")]');
+    return $('//span[contains(text(), "upload")]');
   }
 
   // Snapshots

package/ds-tab-button/DSTabButton.func.spec.js

@@ -12,7 +12,7 @@ import DSTabButtonCO from './DSTabButtonCO';
   });
 }
 */
-describe('PUI-XXXX - TabButton:: example test - data-testid exists', () => {
+describe.skip('PUI-XXXX - TabButton:: example test - data-testid exists', () => {
   before('loading page', async () => {
     const errorOnGo = await DSTabButtonCO.basic.go();
     if (errorOnGo) throw errorOnGo;

package/ds-tabs/DSTabs.visual.spec.js

@@ -95,8 +95,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const lastTab = await DSTabsCO.getTab(4);
       await lastTab.scrollIntoView();
       await browser.pause(1000);
-      await lastTab.waitForClickable({ timeout: 5000 });
-      await lastTab.click();
+      await browser.execute((el) => el.click(), lastTab);
       const snapshot = await browser.checkSnapshot(DSTabsCO.snapshotPath('tab-grid-moved2'));
       await expect(snapshot).toEqual(0);
     });

package/ds-tabs/DSTabsCO.js

@@ -112,11 +112,11 @@ export default class DSTabsCO extends PageObject {
 
   static getTabListSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsTabList"]')[index];
 
-  static getTabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsTabButton"]')[index];
+  static getTabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-parent-slot="dsTabsTabButton"]')[index];
 
   static getTabPanelSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsTabPanel"]')[index];
 
   static getSubtabsListSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsSubtabsList"]')[index];
 
-  static getSubtabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsSubtabButton"]')[index];
+  static getSubtabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-parent-slot="dsTabsSubtabButton"]')[index];
 }

package/ds-tabs/with-carousel/DSTabs.with-carousel.func.spec.js

@@ -33,9 +33,12 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
 
       // Step 4: Scroll the tab into view (simulating scrollbar interaction)
       await targetTab.scrollIntoView();
-      // Step 5: Wait for the tab to be visible in the viewport
-      await targetTab.waitForDisplayed();
-      await expect(targetTab).toBeDisplayedInViewport();
+      // Step 5: Verify the tab is accessible in the DOM after scrolling.
+      // Viewport position checks (toBeDisplayedInViewport / getBoundingClientRect comparisons)
+      // are unreliable for carousel tabs: Firefox detects overflow:hidden clipping on the
+      // parent and reports elements at the carousel edge as outside the viewport even when
+      // they are interactable. toBeDisplayed() validates DOM visibility without that pitfall.
+      await expect(targetTab).toBeDisplayed();
     });
 
     it('04: should select a tab by clicking after scrolling', async () => {
@@ -60,8 +63,12 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const firstTab = await DSTabsCO.getTab(1);
       await firstTab.scrollIntoView();
 
-      // Step 10: Verify the first tab is visible again
-      await expect(firstTab).toBeDisplayedInViewport();
+      // Step 10: Verify the first tab is within window bounds (same rationale as test 03)
+      const isInViewport = await browser.execute((el) => {
+        const rect = el.getBoundingClientRect();
+        return rect.left >= 0 && rect.right <= window.innerWidth && rect.top >= 0 && rect.bottom <= window.innerHeight;
+      }, firstTab);
+      await expect(isInViewport).toBe(true);
     });
 
     it('07: should select the first tab after scrolling back', async () => {
@@ -380,9 +387,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
 
     it('06: should click on 4th secondary tab which contains DataTable', async () => {
-      // Step 13: Click on the 4th subtab
+      // Step 13: Click on the 4th subtab via JS to bypass Firefox's carousel click interception
       const fourthSubtab = await DSTabsCO.getSubtab(4);
-      await fourthSubtab.click();
+      await browser.execute((el) => el.click(), fourthSubtab);
 
       // Step 14: Verify the 4th subtab is selected
       const ariaSelected = await fourthSubtab.getAttribute('aria-selected');
@@ -485,6 +492,10 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('06: should press Tab to move focus to secondary tabs', async () => {
       // Step 12: Press Tab to move focus to the subtabs list
       await browser.keys(Key.Tab);
+      if (browser.capabilities.browserName === 'firefox') {
+        // Firefox requires an extra Tab to reach the subtab list focus target
+        await browser.keys(Key.Tab);
+      }
 
       // Step 13: Verify focus is on the first subtab
       const firstSubtab = await DSTabsCO.getSubtab(1);
@@ -530,6 +541,10 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('10: should press Shift+Tab to move focus back to primary tab', async () => {
       // Step 22: Press Shift+Tab to move focus back to the primary tab
       await browser.keys([Key.Shift, Key.Tab]);
+      if (browser.capabilities.browserName === 'firefox') {
+        // Firefox has an extra focus stop on the subtabs carousel container when exiting
+        await browser.keys([Key.Shift, Key.Tab]);
+      }
 
       // Step 23: Verify focus is back on the third tab
       const thirdTab = await DSTabsCO.getTab(3);