dimsum-e2e-tests 3.53.0-alpha.1 → 3.53.0-alpha.3

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.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
+
 ## [3.53.0-alpha.1](https://git.elliemae.io/platform-ui/dimsum/compare/v3.0.0-alpha.3...v3.53.0-alpha.1) (2025-05-28)
 
 ### Features

package/ds-accordion/DSAccordionCO.js

@@ -1,20 +1,16 @@
 /* eslint-disable import/no-relative-packages */
-import { PATH_ACCORDION_EXAMPLES, PATH_E2E_ACCORDION } from '../paths';
+import { PATH_E2E_ACCORDION } from '../paths';
 import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
 
 export default class DSAccordionCO extends PageObject {
   // Desktop
-  static basicURL = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_ACCORDION, 'basic');
 
-  static expandableURL = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'expandable');
+  static multipleURL = new Urlbuilder(PATH_E2E_ACCORDION, 'multiple');
 
-  static multipleURL = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'multiple');
+  static toMobileURL = new Urlbuilder(PATH_E2E_ACCORDION, 'desktop-to-mobile');
 
-  static toMobileURL = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'desktop-to-mobile');
-
-  static customActions = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'render-custom-actions');
-
-  static headerProps = new Urlbuilder(PATH_ACCORDION_EXAMPLES, 'header-props');
+  static customActions = new Urlbuilder(PATH_E2E_ACCORDION, 'render-custom-actions');
 
   static headerControls = new Urlbuilder(PATH_E2E_ACCORDION, 'header-control-examples-test');
 
@@ -42,6 +38,10 @@ export default class DSAccordionCO extends PageObject {
 
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_ACCORDION, 'apply-aria-disabled-test');
 
+  static scrollableContent = new Urlbuilder(PATH_E2E_ACCORDION, 'scrollable-content');
+
+  static wrapLabel = new Urlbuilder(PATH_E2E_ACCORDION, 'wrap-label');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Accordion', example);
@@ -100,6 +100,11 @@ export default class DSAccordionCO extends PageObject {
 
   static getToolbarByIndex = async (index) => getElementByIndex(this.getToolbarTriggers, index);
 
+  static getAccordionItemHeaderContainers = async () => $$('[data-testid="ds-accordion-item-header-container"]');
+
+  static getAccordionItemHeaderContainerByIndex = async (index) =>
+    getElementByIndex(this.getAccordionItemHeaderContainers, index);
+
   // slots
 
   static async getAccordionContainerSlotByIndex(index = 0) {
@@ -134,8 +139,7 @@ export default class DSAccordionCO extends PageObject {
     return $$('[data-dimsum-slot="dsAccordionItemContentContainer"]')[index];
   }
 
-  static async getAccordionItemHeaderSecodnaryTitleSlotByIndex(index = 0) {
-    // not used on example
+  static async getAccordionItemHeaderSecondaryTitleSlotByIndex(index = 0) {
     return $$('[data-dimsum-slot="dsAccordionItemHeaderSecondaryTitle"]')[index];
   }
 

package/ds-accordion/role/DSAccordion.role-heading.func.spec.js

@@ -0,0 +1,21 @@
+/* eslint-disable max-lines */
+import DSAccordionCO from '../DSAccordionCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17165 - Accordion: Role heading', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.subtitle.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have role heading on accordion item header', async () => {
+      const header = await DSAccordionCO.getAccordionItemHeaderContainerByIndex(0);
+      await expect(header).toHaveAttribute('role', 'heading');
+      await expect(header).toHaveAttribute('aria-level', '2');
+    });
+  });
+}

package/ds-accordion/scrollable-content/DSAccordion.scrollable-content.visual.spec.js

@@ -0,0 +1,42 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSAccordionCO from '../DSAccordionCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17174 - Accordion: Scrollable content -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.scrollableContent.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display first accordion header focused', async () => {
+      await browser.eyesOpen();
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.eyesCheckSnapshot(DSAccordionCO.snapshotPath('accordion-scrollable-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display scrollable content focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.Tab);
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSAccordionCO.snapshotPath('accordion-scrollable-top'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display scrollable content scrolled to the bottom', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSAccordionCO.snapshotPath('accordion-scrollable-bottom'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion/slots/DSAccordion.slots.func.spec.js

@@ -19,6 +19,7 @@ if (
       const itemHeaderAddon = await DSAccordionCO.getAccordionItemHeaderAddonSlotByIndex();
       const itemHeaderContainer = await DSAccordionCO.getAccordionItemHeaderContainerSlotByIndex();
       const headerPrimaryTitle = await DSAccordionCO.getAccordionItemHeaderPrimaryTitleSlotByIndex();
+      const headerSecondaryTitle = await DSAccordionCO.getAccordionItemHeaderSecondaryTitleSlotByIndex();
       const headerTitlesContainer = await DSAccordionCO.getAccordionItemHeaderTitlesContainerSlotByIndex();
       await itemHeader.click();
       const itemContentContainer = await DSAccordionCO.getAccordionItemContentContainerSlotByIndex();
@@ -30,6 +31,7 @@ if (
       await expect(itemHeaderContainer).toHaveAttribute('aria-label', 'im itemheadercontainer aria');
       await expect(itemContentContainer).toHaveAttribute('aria-label', 'im itemcontentcontainer aria');
       await expect(headerPrimaryTitle).toHaveAttribute('aria-label', 'im itemheaderprimarytitle aria');
+      await expect(headerSecondaryTitle).toHaveAttribute('aria-label', 'im itemheadersecondarytitle aria');
       await expect(headerTitlesContainer).toHaveAttribute('aria-label', 'im itemheadertitlecontainer aria');
     });
     it('02: should have a custom data-testid for each slot', async () => {
@@ -39,6 +41,7 @@ if (
       const itemHeaderAddon = await DSAccordionCO.getAccordionItemHeaderAddonSlotByIndex();
       const itemHeaderContainer = await DSAccordionCO.getAccordionItemHeaderContainerSlotByIndex();
       const headerPrimaryTitle = await DSAccordionCO.getAccordionItemHeaderPrimaryTitleSlotByIndex();
+      const headerSecondaryTitle = await DSAccordionCO.getAccordionItemHeaderSecondaryTitleSlotByIndex();
       const headerTitlesContainer = await DSAccordionCO.getAccordionItemHeaderTitlesContainerSlotByIndex();
       const itemContentContainer = await DSAccordionCO.getAccordionItemContentContainerSlotByIndex();
       await itemContentContainer.waitForDisplayed();
@@ -49,7 +52,16 @@ if (
       await expect(itemHeaderContainer).toHaveAttribute('data-testid', 'im itemheadercontainer data');
       await expect(itemContentContainer).toHaveAttribute('data-testid', 'im itemcontentcontainer data');
       await expect(headerPrimaryTitle).toHaveAttribute('data-testid', 'im itemheaderprimarytitle data');
+      await expect(headerSecondaryTitle).toHaveAttribute('data-testid', 'im itemheadersecondarytitle data');
       await expect(headerTitlesContainer).toHaveAttribute('data-testid', 'im itemheadertitlecontainer data');
     });
+    it('03: should have a custom lang attribute for header, primary and secondary titles', async () => {
+      const headerPrimaryTitle = await DSAccordionCO.getAccordionItemHeaderPrimaryTitleSlotByIndex();
+      const headerSecondaryTitle = await DSAccordionCO.getAccordionItemHeaderSecondaryTitleSlotByIndex();
+      const itemHeader = await DSAccordionCO.getAccordionItemHeaderSlotByIndex();
+      await expect(headerPrimaryTitle).toHaveAttribute('lang', 'en-US');
+      await expect(headerSecondaryTitle).toHaveAttribute('lang', 'es-ES');
+      await expect(itemHeader).toHaveAttribute('lang', 'en-US');
+    });
   });
 }

package/ds-accordion/wrapLabel/DSAccordion.wrap-label.visual.spec.js

@@ -0,0 +1,20 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSAccordionCO from '../DSAccordionCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17178 - Accordion: wrapLabel -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.wrapLabel.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion title and secondary title wrapped', async () => {
+      await browser.eyesOpen();
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.eyesCheckSnapshot(DSAccordionCO.snapshotPath('accordion-wrap-label'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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