dimsum-e2e-tests 3.53.0-alpha.2 → 3.53.0-alpha.4

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.53.0-alpha.4 (2025-12-17)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.53.0-alpha.3 (2025-12-16)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
 ## 3.53.0-alpha.2 (2025-12-10)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-autocomplete/DSAutocompleteCO.js

@@ -8,6 +8,8 @@ export default class DSAutocompleteCO extends PageObject {
 
   static basic = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'basic-test');
 
+  static slots = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'slots-test');
+
   static sectionTitles = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'with-section-titles-test');
 
   // Snapshots
@@ -28,4 +30,20 @@ export default class DSAutocompleteCO extends PageObject {
   static async getAutocompleteOptions() {
     return $$('[data-testid="autocomplete-option"]');
   }
+
+  static async getContainerSlot(index = 0) {
+    return $$('[data-dimsum-slot="dsAutocompleteContainer"]')[index];
+  }
+
+  static async getOptionSlot(index = 0) {
+    return $$('[data-dimsum-slot="dsAutocompleteOption"]')[index];
+  }
+
+  static async getInputSlot(index = 0) {
+    return $$('[data-dimsum-slot="dsInputtextInput"]')[index];
+  }
+
+  static async getMenulistSlot(index = 0) {
+    return $$('[data-dimsum-slot="dsAutocompleteMenuList"]')[index];
+  }
 }

package/ds-autocomplete/slots/DSAutocomplete.slots.axe-core.func.spec.js

@@ -0,0 +1,20 @@
+import { Key } from 'webdriverio';
+import DSAutocompleteCO from '../DSAutocompleteCO';
+import { type, axeCoreCheck } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17531 - Autocomplete:: Slots -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.slots.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display autocomplete w/ custom color', async () => {
+      await browser.keys(Key.Tab);
+      await type('4');
+      const menulist = await DSAutocompleteCO.getMenulistSlot();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-autocomplete/slots/DSAutocomplete.slots.func.spec.js

@@ -0,0 +1,45 @@
+import { Key } from 'webdriverio';
+import DSAutocompleteCO from '../DSAutocompleteCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17529 - Autocomplete:: Slots -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.slots.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom aria-label for each slot', async () => {
+      const autocomplete = await DSAutocompleteCO.getContainerSlot();
+      await autocomplete.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys('4');
+      const container = await DSAutocompleteCO.getContainerSlot();
+      const input = await DSAutocompleteCO.getInputSlot();
+      const menulist = await DSAutocompleteCO.getMenulistSlot();
+      const options = await DSAutocompleteCO.getOptionSlot();
+      await expect(container).toHaveAttribute('aria-label', 'container aria');
+      await expect(input).toHaveAttribute('aria-label', 'input aria');
+      await expect(menulist).toHaveAttribute('aria-label', 'menulist aria');
+      await expect(options).toHaveAttribute('aria-label', 'option aria');
+    });
+    it('02: should have custom data-testid for each slot', async () => {
+      const container = await DSAutocompleteCO.getContainerSlot();
+      const input = await DSAutocompleteCO.getInputSlot();
+      const menulist = await DSAutocompleteCO.getMenulistSlot();
+      const options = await DSAutocompleteCO.getOptionSlot();
+      await expect(container).toHaveAttribute('data-testid', 'container data');
+      await expect(input).toHaveAttribute('data-testid', 'input data');
+      await expect(menulist).toHaveAttribute('data-testid', 'menulist data');
+      await expect(options).toHaveAttribute('data-testid', 'option data');
+    });
+    it('03: should have custom lang  for each slot', async () => {
+      const container = await DSAutocompleteCO.getContainerSlot();
+      const input = await DSAutocompleteCO.getInputSlot();
+      const menulist = await DSAutocompleteCO.getMenulistSlot();
+      const options = await DSAutocompleteCO.getOptionSlot();
+      await expect(container).toHaveAttribute('lang', 'es');
+      await expect(input).toHaveAttribute('lang', 'es');
+      await expect(menulist).toHaveAttribute('lang', 'es');
+      await expect(options).toHaveAttribute('lang', 'es');
+    });
+  });
+}

package/ds-autocomplete/slots/DSAutocomplete.slots.visual.spec.js

@@ -0,0 +1,21 @@
+import { Key } from 'webdriverio';
+import DSAutocompleteCO from '../DSAutocompleteCO';
+import { type } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17530 - Autocomplete:: Slots -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.slots.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display autocomplete w/ custom color', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await type('4');
+      const menulist = await DSAutocompleteCO.getMenulistSlot();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.eyesCheckSnapshot(DSAutocompleteCO.snapshotPath('autocomplete-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-banner/DSBanner.func.spec.js

@@ -47,14 +47,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSBannerCO.infoURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should open the banner', async () => {
+    it('01: should open the banner', async () => {
       await DSBannerCO.openBanner();
       const banner = await DSBannerCO.getBanner();
       await expect(banner).toBeDisplayed();
     });
-    it('should be focusing the banner', async () => {
-      const banner = await DSBannerCO.getBanner();
-      await expect(banner).toBeDisplayed();
+    it('02: should be focusing the banner', async () => {
+      const dsBannerContainer = await DSBannerCO.getBannerContainer();
+      await expect(dsBannerContainer).toBeFocused();
     });
   });
   describe('PUI-10369 - DSBanner, focus close button on open -func', () => {
@@ -68,60 +68,4 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(closeButton).toBeFocused();
     });
   });
-  if (browser.capabilities.browserName === 'chrome' || browser.capabilities.browserName === 'Chrome') {
-    describe('PUI-15113 - Banner - Slots -Func', () => {
-      before('loading page', async () => {
-        const errorOnGo = await DSBannerCO.slotsTest.go();
-        if (errorOnGo) throw errorOnGo;
-      });
-      it('01: should find the expected SLOTS for the component', async () => {
-        const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
-        const bannerSubtitleSlot = await DSBannerCO.getSubtitleSlotByIndex();
-        const bannerContainer = await DSBannerCO.getContainerSlotByIndex();
-        const bannerInnerContainer = await DSBannerCO.getInnerContainerSlotByIndex();
-        const bannerIconsSlots = await DSBannerCO.getIconContainerSlotByIndex();
-        const bannerButtonSlot = await DSBannerCO.getButtonRootSlotByIndex();
-        const bannerActionLinkSlot = await DSBannerCO.getActionLinkSlotByIndex();
-        await expect(bannerTitleSlot).toBeDisplayed();
-        await expect(bannerSubtitleSlot).toBeDisplayed();
-        await expect(bannerContainer).toBeDisplayed();
-        await expect(bannerInnerContainer).toBeDisplayed();
-        await expect(bannerIconsSlots).toBeDisplayed();
-        await expect(bannerButtonSlot).toBeDisplayed();
-        await expect(bannerActionLinkSlot).toBeDisplayed();
-      });
-      it('02: should find custom aria for each SLOT', async () => {
-        const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
-        const bannerSubtitleSlot = await DSBannerCO.getSubtitleSlotByIndex();
-        const bannerContainer = await DSBannerCO.getContainerSlotByIndex();
-        const bannerInnerContainer = await DSBannerCO.getInnerContainerSlotByIndex();
-        const bannerIconsSlots = await DSBannerCO.getIconContainerSlotByIndex();
-        const bannerButtonSlot = await DSBannerCO.getButtonRootSlotByIndex();
-        const bannerActionLinkSlot = await DSBannerCO.getActionLinkSlotByIndex();
-        await expect(bannerTitleSlot).toHaveAttribute('aria-label', 'im title aria');
-        await expect(bannerSubtitleSlot).toHaveAttribute('aria-label', 'im subtitle aria');
-        await expect(bannerContainer).toHaveAttribute('aria-label', 'im container aria');
-        await expect(bannerInnerContainer).toHaveAttribute('aria-label', 'im inner container aria');
-        await expect(bannerIconsSlots).toHaveAttribute('aria-label', 'im iconcontainer aria');
-        await expect(bannerButtonSlot).toHaveAttribute('aria-label', 'im closebutton aria');
-        await expect(bannerActionLinkSlot).toHaveAttribute('aria-label', 'im actionlink aria');
-      });
-      it('03: should find custom data for each SLOT', async () => {
-        const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
-        const bannerSubtitleSlot = await DSBannerCO.getSubtitleSlotByIndex();
-        const bannerContainer = await DSBannerCO.getContainerSlotByIndex();
-        const bannerInnerContainer = await DSBannerCO.getInnerContainerSlotByIndex();
-        const bannerIconsSlots = await DSBannerCO.getIconContainerSlotByIndex();
-        const bannerButtonSlot = await DSBannerCO.getButtonRootSlotByIndex();
-        const bannerActionLinkSlot = await DSBannerCO.getActionLinkSlotByIndex();
-        await expect(bannerTitleSlot).toHaveAttribute('data-testid', 'im title data');
-        await expect(bannerSubtitleSlot).toHaveAttribute('data-testid', 'im subtitle data');
-        await expect(bannerContainer).toHaveAttribute('data-testid', 'im container data');
-        await expect(bannerInnerContainer).toHaveAttribute('data-testid', 'im inner container data');
-        await expect(bannerIconsSlots).toHaveAttribute('data-testid', 'im iconcontainer data');
-        await expect(bannerButtonSlot).toHaveAttribute('data-testid', 'im closebutton data');
-        await expect(bannerActionLinkSlot).toHaveAttribute('data-testid', 'im actionlink data');
-      });
-    });
-  }
 }

package/ds-banner/DSBanner.text-resize.visual.spec.js

@@ -0,0 +1,15 @@
+import DSBannerCO from './DSBannerCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17535 - DSBanner - Text Resize In Different Layouts - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.textResizeInDifferentLayoutsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display text resize in different layouts properly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('text-resize-in-different-layouts'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-banner/DSBanner.text-wrapping.visual.spec.js

@@ -0,0 +1,31 @@
+import { Key } from 'webdriverio';
+import DSBannerCO from './DSBannerCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10367 - DSBanner, With text wrapping - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.textWrappingURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the layout properly with text wrapping', async () => {
+      await browser.eyesOpen();
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('text-wrapping'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should focus action link correctly', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('text-wrapping-focus-action-link'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should focus close button correctly', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('text-wrapping-focus-close-button'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-banner/DSBanner.visual.spec.js

@@ -84,21 +84,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
   });
 
-  describe('PUI-10367 - DSBanner, With text wrapping - Visual Test', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSBannerCO.textWrappingURL.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('should display the layout properly with text wrapping', async () => {
-      await browser.eyesOpen();
-      await DSBannerCO.openBanner();
-      const banner = await DSBannerCO.getBanner();
-      await banner.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('text-wrapping'));
-      await expect(snapshot).toEqual(0);
-    });
-  });
-
   describe('PUI-10368 - DSBanner, Pushes content- Visual Test', () => {
     before('loading page', async () => {
       const errorOnGo = await DSBannerCO.pushesContentURL.go();
@@ -113,18 +98,4 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
-
-  describe('PUI-15114 - DSBanner, Slots- Visual Test', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSBannerCO.slotsTest.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('should display the banners customized using slots', async () => {
-      await browser.eyesOpen();
-      const banner = await DSBannerCO.getContainerSlotByIndex();
-      await banner.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('banner-slots-test'));
-      await expect(snapshot).toEqual(0);
-    });
-  });
 }

package/ds-banner/DSBannerCO.js

@@ -26,6 +26,16 @@ export default class DSBannerCO extends PageObject {
 
   static slotsTest = new Urlbuilder(PATH_E2E_BANNER, 'slots-test');
 
+  static textResizeInDifferentLayoutsTest = new Urlbuilder(PATH_E2E_BANNER, 'text-resize-in-different-layouts-test');
+
+  static ariaLiveAssertiveTest = new Urlbuilder(PATH_E2E_BANNER, 'aria-live-assertive-test');
+
+  static ariaLivePoliteTest = new Urlbuilder(PATH_E2E_BANNER, 'aria-live-polite-test');
+
+  static roleAlertTest = new Urlbuilder(PATH_E2E_BANNER, 'role-alert-test');
+
+  static roleRegionTest = new Urlbuilder(PATH_E2E_BANNER, 'role-region-test');
+
   static async getButton() {
     return $('[data-testid="ds-button"]');
   }
@@ -52,6 +62,10 @@ export default class DSBannerCO extends PageObject {
     return $('[data-testid="ds-banner"');
   }
 
+  static async getBannerContainer() {
+    return $('[data-testid="ds-banner-container"]');
+  }
+
   static async dangerLabel() {
     return $('div*=Danger');
   }
@@ -61,11 +75,11 @@ export default class DSBannerCO extends PageObject {
   }
 
   static async getTitleSlotByIndex(index = 0) {
-    return $$('[data-dimsum-slot="dsBannerTitle"]')[index];
+    return $$('[data-dimsum-parent-slot="dsBannerTitle"]')[index];
   }
 
   static async getSubtitleSlotByIndex(index = 0) {
-    return $$('[data-dimsum-slot="dsBannerSubtitle"]')[index];
+    return $$('[data-dimsum-parent-slot="dsBannerSubtitle"]')[index];
   }
 
   static async getButtonRootSlotByIndex(index = 0) {
@@ -76,6 +90,10 @@ export default class DSBannerCO extends PageObject {
     return $$('[data-dimsum-slot="dsBannerContainer"]')[index];
   }
 
+  static async getLayoutSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsBannerLayout"]')[index];
+  }
+
   static async getIconContainerSlotByIndex(index = 0) {
     return $$('[data-dimsum-slot="dsBannerIconContainer"]')[index];
   }
@@ -84,6 +102,10 @@ export default class DSBannerCO extends PageObject {
     return $$('[data-dimsum-slot="dsBannerInnerContainer"]')[index];
   }
 
+  static async getBannerLiveRegionPortalSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsBannerLiveRegionPortal"]')[index];
+  }
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSBanner', example, 'ds-banner');

package/ds-banner/aria-and-role/DSBanner.aria-and-role.func.spec.js

@@ -0,0 +1,63 @@
+import DSBannerCO from '../DSBannerCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17537 - Banner - Aria Assertive -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.ariaLiveAssertiveTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have aria-live="assertive" attribute on banner after trigger', async () => {
+      const triggerButton = await DSBannerCO.getButton();
+      await triggerButton.click();
+      const banner = await DSBannerCO.getBannerLiveRegionPortalSlotByIndex();
+      await banner.waitForDisplayed();
+      await expect(banner).toHaveAttribute('aria-live', 'assertive');
+    });
+  });
+  describe('PUI-17538 - Banner - Aria Polite -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.ariaLivePoliteTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have aria-live="polite" attribute on banner after trigger', async () => {
+      const triggerButton = await DSBannerCO.getButton();
+      await triggerButton.click();
+      const banner = await DSBannerCO.getBannerLiveRegionPortalSlotByIndex();
+      await banner.waitForDisplayed();
+      await expect(banner).toHaveAttribute('aria-live', 'polite');
+    });
+  });
+  describe('PUI-17539 - Banner - Role Alert -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.roleAlertTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have role="alert"attribute on banner after trigger', async () => {
+      const triggerButton = await DSBannerCO.getButton();
+      await triggerButton.click();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      await expect(banner).toHaveAttribute('role', 'alert');
+    });
+  });
+  describe('PUI-17540 - Banner - Role Region and Alert -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.roleRegionTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have role="region" and role="alert" attributes on banner after trigger', async () => {
+      const triggerButton = await DSBannerCO.getButton();
+      await triggerButton.click();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const bannerContainer = await DSBannerCO.getBannerContainer();
+      await expect(bannerContainer).toHaveAttribute('role', 'region');
+      await expect(banner).toHaveAttribute('role', 'alert');
+    });
+  });
+}

package/ds-banner/slots/DSBanner.slots.func.spec.js

@@ -0,0 +1,65 @@
+import DSBannerCO from '../DSBannerCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-15113 - Banner - Slots -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should find the expected SLOTS for the component', async () => {
+      const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
+      const bannerSubtitleSlot = await DSBannerCO.getSubtitleSlotByIndex();
+      const bannerContainer = await DSBannerCO.getContainerSlotByIndex();
+      const bannerInnerContainer = await DSBannerCO.getInnerContainerSlotByIndex();
+      const bannerIconsSlots = await DSBannerCO.getIconContainerSlotByIndex();
+      const bannerButtonSlot = await DSBannerCO.getButtonRootSlotByIndex();
+      const bannerLayoutSlot = await DSBannerCO.getLayoutSlotByIndex();
+      const bannerActionLinkSlot = await DSBannerCO.getActionLinkSlotByIndex();
+      await expect(bannerTitleSlot).toBeDisplayed();
+      await expect(bannerSubtitleSlot).toBeDisplayed();
+      await expect(bannerContainer).toBeDisplayed();
+      await expect(bannerInnerContainer).toBeDisplayed();
+      await expect(bannerIconsSlots).toBeDisplayed();
+      await expect(bannerButtonSlot).toBeDisplayed();
+      await expect(bannerLayoutSlot).toBeDisplayed();
+      await expect(bannerActionLinkSlot).toBeDisplayed();
+    });
+    it('02: should find custom aria for each SLOT', async () => {
+      const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
+      const bannerSubtitleSlot = await DSBannerCO.getSubtitleSlotByIndex();
+      const bannerContainer = await DSBannerCO.getContainerSlotByIndex();
+      const bannerInnerContainer = await DSBannerCO.getInnerContainerSlotByIndex();
+      const bannerIconsSlots = await DSBannerCO.getIconContainerSlotByIndex();
+      const bannerButtonSlot = await DSBannerCO.getButtonRootSlotByIndex();
+      const bannerActionLinkSlot = await DSBannerCO.getActionLinkSlotByIndex();
+      await expect(bannerTitleSlot).toHaveAttribute('aria-label', 'im title aria');
+      await expect(bannerSubtitleSlot).toHaveAttribute('aria-label', 'im subtitle aria');
+      await expect(bannerContainer).toHaveAttribute('aria-label', 'im container aria');
+      await expect(bannerInnerContainer).toHaveAttribute('aria-label', 'im inner container aria');
+      await expect(bannerIconsSlots).toHaveAttribute('aria-label', 'im iconcontainer aria');
+      await expect(bannerButtonSlot).toHaveAttribute('aria-label', 'im closebutton aria');
+      await expect(bannerActionLinkSlot).toHaveAttribute('aria-label', 'im actionlink aria');
+    });
+    it('03: should find custom data for each SLOT', async () => {
+      const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
+      const bannerSubtitleSlot = await DSBannerCO.getSubtitleSlotByIndex();
+      const bannerContainer = await DSBannerCO.getContainerSlotByIndex();
+      const bannerInnerContainer = await DSBannerCO.getInnerContainerSlotByIndex();
+      const bannerIconsSlots = await DSBannerCO.getIconContainerSlotByIndex();
+      const bannerButtonSlot = await DSBannerCO.getButtonRootSlotByIndex();
+      const bannerActionLinkSlot = await DSBannerCO.getActionLinkSlotByIndex();
+      await expect(bannerTitleSlot).toHaveAttribute('data-testid', 'im title data');
+      await expect(bannerSubtitleSlot).toHaveAttribute('data-testid', 'im subtitle data');
+      await expect(bannerContainer).toHaveAttribute('data-testid', 'im container data');
+      await expect(bannerInnerContainer).toHaveAttribute('data-testid', 'im inner container data');
+      await expect(bannerIconsSlots).toHaveAttribute('data-testid', 'im iconcontainer data');
+      await expect(bannerButtonSlot).toHaveAttribute('data-testid', 'im closebutton data');
+      await expect(bannerActionLinkSlot).toHaveAttribute('data-testid', 'im actionlink data');
+    });
+  });
+}

package/ds-banner/slots/DSBanner.slots.visual.spec.js

@@ -0,0 +1,17 @@
+import DSBannerCO from '../DSBannerCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-15114 - DSBanner, Slots- Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the banners customized using slots', async () => {
+      await browser.eyesOpen();
+      const banner = await DSBannerCO.getContainerSlotByIndex();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('banner-slots-test'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chat/DSChat.func.spec.js

@@ -2,6 +2,7 @@
 import { Key } from 'webdriverio';
 import { ChatCO, ComposerCO, HeaderCO, StoryBtnsCO, BubbleCO, TileCO } from './components';
 import { type } from '../helpers';
+import DSBannerCO from '../ds-banner/DSBannerCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-9250 - Chat, Keyboard Navigation', () => {
@@ -85,7 +86,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await triggerChat.click();
       const openBannerTop = await ChatCO.getToggleBtnByIndex(0);
       await openBannerTop.click();
-      const topBanner = await ChatCO.getBanner();
+      const topBanner = await DSBannerCO.getBannerContainer();
       const bannerType = await topBanner.getAttribute('data-type');
       await expect(bannerType).toEqual('danger');
       await expect(topBanner).toBeFocused();
@@ -93,7 +94,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('should focus the bottom banner', async () => {
       const openBannerTop = await ChatCO.getToggleBtnByIndex(1);
       await openBannerTop.click();
-      const bottomBanner = await ChatCO.getBanner();
+      const bottomBanner = await DSBannerCO.getBannerContainer();
       const bannerType = await bottomBanner.getAttribute('data-type');
       await expect(bannerType).toEqual('warning');
       await expect(bottomBanner).toBeFocused();

package/ds-chat/DSChat.visual.spec.js

@@ -3,6 +3,7 @@
 import { Key } from 'webdriverio';
 import { ChatCO, BubbleCO, FloatingButtonCO, ComposerCO, TileCO } from './components';
 import { type } from '../helpers';
+import DSBannerCO from '../ds-banner/DSBannerCO';
 
 describe('PUI-6671 - Chat, System Message - Visual Tests', () => {
   before('loading page', async () => {
@@ -161,7 +162,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       const newMessagesTrigger = await ChatCO.getButtonByIndex(0);
       await newMessagesTrigger.click();
-      const viewMessagesAction = await ChatCO.getBannerActionLink();
+      const viewMessagesAction = await DSBannerCO.getActionLink();
       await viewMessagesAction.click();
       // eslint-disable-next-line wdio/no-pause
       await browser.pause(500);
@@ -224,7 +225,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
     it('should display the new messages', async () => {
-      const actionLink = await ChatCO.getBannerActionLink();
+      const actionLink = await DSBannerCO.getActionLink();
       await actionLink.click();
       const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-new-msgs-inview'));
       await expect(snapshot).toEqual(0);

package/ds-chat/DSChatCO.js

@@ -76,10 +76,6 @@ export default class DSChatCO extends PageObject {
     return $$('[data-testid="chat-card-wrapper"]');
   }
 
-  static async getBannerActionLink() {
-    return $('[data-testid="ds-banner-action-link"]');
-  }
-
   static async getSidebarFooterButton() {
     return $('[data-testid="sidebar-button-sidebar_footer"]');
   }
@@ -116,10 +112,6 @@ export default class DSChatCO extends PageObject {
 
   static getButtonByIndex = async (index) => getElementByIndex(this.getButtons, index);
 
-  static async getBanner() {
-    return $('[data-testid="ds-banner"]');
-  }
-
   // Snapshots
   // eslint-disable-next-line max-lines
   static snapshotPath(example = 'basic') {

package/ds-controlled-form/ds-controlled-radio-group/DSControlledRadioGroup.axe-core.func.spec.js

@@ -0,0 +1,31 @@
+import { Key } from 'webdriverio';
+import DSControlledRadioCO from './DSControlledRadioGroupCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-cccc - DSControlledRadioGroup - AxeCore Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.browserCompatibleKeyboardNavigationTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display radio groups in both vertical and horizontal orientations and pass axe-core', async () => {
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should display first radio button selected and pass axe-core', async () => {
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should display fourth radio button selected and pass axe-core', async () => {
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-data-table-async/components/PaginationNavCO.js

@@ -31,5 +31,5 @@ export default class PaginationNavCO extends PageObject {
 
   static getSegPagSpans = async () => (await this.getPagesMenu()).$$(' div > span');
 
-  static getSegPagContent = async () => $$('[data-testid="ds-pagination-paginator"] > div > span')[1];
+  static getSegPagContent = async () => $$('[data-testid="ds-pagination-paginator"] > div > span')[0];
 }