dimsum-e2e-tests 3.57.0-next.4 → 3.57.0-next.41

package/CHANGELOG.md

@@ -3,6 +3,212 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.57.0-next.41 (2025-12-09)
+
+### Bug Fixes
+
+- ds-shuttle-v2:: fixed e2e tests for ghost items [PUI-17476](https://jira.elliemae.io/browse/PUI-17476) ([#7783](https://git.elliemae.io/platform-ui/dimsum/issues/7783)) ([b3f8831](https://git.elliemae.io/platform-ui/dimsum/commit/b3f88310454694d4bd31609e32e6d5d33e3b46b3))
+
+## 3.57.0-next.40 (2025-12-02)
+
+### Bug Fixes
+
+- ds-basic:: post refactor css import fixes ([#7780](https://git.elliemae.io/platform-ui/dimsum/issues/7780)) ([2f24485](https://git.elliemae.io/platform-ui/dimsum/commit/2f24485abcb87480dd3e82106746bc357b7e4a35))
+
+## 3.57.0-next.39 (2025-12-01)
+
+### Features
+
+- dimsum:: preparing for legacy packages final removal by fixing some mess [PUI-17248](https://jira.elliemae.io/browse/PUI-17248) ([#7726](https://git.elliemae.io/platform-ui/dimsum/issues/7726)) ([c2520db](https://git.elliemae.io/platform-ui/dimsum/commit/c2520dbd91cbd777c77f540f4181b94d3a882798))
+
+## 3.57.0-next.38 (2025-11-27)
+
+### Bug Fixes
+
+- ds-breadcrumb:: fix e2e test cases ([#7775](https://git.elliemae.io/platform-ui/dimsum/issues/7775)) ([426062a](https://git.elliemae.io/platform-ui/dimsum/commit/426062afa569542bd3c63814c47992e409f0a72c))
+
+## 3.57.0-next.37 (2025-11-27)
+
+### Bug Fixes
+
+- ds-menu-button:: flaky playwright test ([#7774](https://git.elliemae.io/platform-ui/dimsum/issues/7774)) ([3d226a8](https://git.elliemae.io/platform-ui/dimsum/commit/3d226a8d2f846adb8336df766aaba1668980ca3a))
+
+## 3.57.0-next.36 (2025-11-26)
+
+### Features
+
+- ds-shuttle-v2:: aria live component [PUI-15526](https://jira.elliemae.io/browse/PUI-15526) ([#7769](https://git.elliemae.io/platform-ui/dimsum/issues/7769)) ([fc02f10](https://git.elliemae.io/platform-ui/dimsum/commit/fc02f10e12badd934d072ee138017def6e8acd64))
+
+## 3.57.0-next.35 (2025-11-24)
+
+### Features
+
+- ds-pagination:: AxeCore + TS + Slots + DS Compliance [PUI-16510](https://jira.elliemae.io/browse/PUI-16510)e ([#7765](https://git.elliemae.io/platform-ui/dimsum/issues/7765)) ([fdb44cf](https://git.elliemae.io/platform-ui/dimsum/commit/fdb44cff2115567ac8a0ae2123e2cbc4c8fc0c54))
+
+## 3.57.0-next.34 (2025-11-19)
+
+### Features
+
+- ds-shuttle-v2:: dnd unit tests [PUI-15518](https://jira.elliemae.io/browse/PUI-15518) ([#7753](https://git.elliemae.io/platform-ui/dimsum/issues/7753)) ([963468a](https://git.elliemae.io/platform-ui/dimsum/commit/963468a39d9ecfaf8019ae4ea5d1faf10fda4687))
+
+## 3.57.0-next.33 (2025-11-18)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.57.0-next.32 (2025-11-15)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.57.0-next.31 (2025-11-13)
+
+### Bug Fixes
+
+- ds-banner:: update spec URL ([feea8ec](https://git.elliemae.io/platform-ui/dimsum/commit/feea8ecc9cfe736eb9262a8709f535f68924ba76))
+
+## 3.57.0-next.30 (2025-11-12)
+
+### Features
+
+- ds-dialog:: link spec v2 [PUI-17407](https://jira.elliemae.io/browse/PUI-17407) ([#7751](https://git.elliemae.io/platform-ui/dimsum/issues/7751)) ([8946d44](https://git.elliemae.io/platform-ui/dimsum/commit/8946d44ddaf24d0428d64a8b876bde34d583fbdf))
+
+## 3.57.0-next.29 (2025-11-12)
+
+### Features
+
+- ds-read-more:: link spec v2 [PUI-17369](https://jira.elliemae.io/browse/PUI-17369) ([#7750](https://git.elliemae.io/platform-ui/dimsum/issues/7750)) ([ad504a9](https://git.elliemae.io/platform-ui/dimsum/commit/ad504a96343bbc9c64dfffc19c00df4af51e35d5))
+
+## 3.57.0-next.28 (2025-11-12)
+
+### Bug Fixes
+
+- ds-menu-button:: added e2e test for next tabstop when expanded [PUI-17414](https://jira.elliemae.io/browse/PUI-17414) ([#7749](https://git.elliemae.io/platform-ui/dimsum/issues/7749)) ([26b5283](https://git.elliemae.io/platform-ui/dimsum/commit/26b5283d53f622e4eef15bad1375f517e975ee81))
+
+## 3.57.0-next.27 (2025-11-10)
+
+### Bug Fixes
+
+- ds-card-v3:: added e2e for slots [PUI-17361](https://jira.elliemae.io/browse/PUI-17361) ([#7746](https://git.elliemae.io/platform-ui/dimsum/issues/7746)) ([f2d7e78](https://git.elliemae.io/platform-ui/dimsum/commit/f2d7e789671973d1a567e19a3e2daab38f187635))
+
+## 3.57.0-next.26 (2025-11-06)
+
+### Bug Fixes
+
+- dimsum:: fix e2e test cases for Dialog, ShuttleV2 and DataTable [PUI-16930](https://jira.elliemae.io/browse/PUI-16930) ([#7742](https://git.elliemae.io/platform-ui/dimsum/issues/7742)) ([7c96ffb](https://git.elliemae.io/platform-ui/dimsum/commit/7c96ffb31af8c153ab907ae4a3ea64c2fb9ca58b))
+
+## 3.57.0-next.25 (2025-11-05)
+
+### Bug Fixes
+
+- ds-data-table:: sort click when filter menu is open [PUI-15155](https://jira.elliemae.io/browse/PUI-15155) ([#7740](https://git.elliemae.io/platform-ui/dimsum/issues/7740)) ([d87b64c](https://git.elliemae.io/platform-ui/dimsum/commit/d87b64cde933453499e4d0182ea5b40c99744574))
+
+## 3.57.0-next.24 (2025-11-04)
+
+### Bug Fixes
+
+- ds-form:: spec publication cdn [PUI-16198](https://jira.elliemae.io/browse/PUI-16198) ([#7722](https://git.elliemae.io/platform-ui/dimsum/issues/7722)) ([706e79c](https://git.elliemae.io/platform-ui/dimsum/commit/706e79ccf868f681d89ef68df0864b8773c172e1))
+
+## 3.57.0-next.23 (2025-11-04)
+
+### Bug Fixes
+
+- ds-shuttle-v2:: fixed e2e tests afeter autofocus was removed [PUI-15526](https://jira.elliemae.io/browse/PUI-15526) ([#7732](https://git.elliemae.io/platform-ui/dimsum/issues/7732)) ([86849cb](https://git.elliemae.io/platform-ui/dimsum/commit/86849cbf6e03ce8356ee4b53763d8bd08cc86a3c))
+
+## 3.57.0-next.22 (2025-11-04)
+
+### Bug Fixes
+
+- ds-read-more:: add visual test for 1 line use case [PUI-17309](https://jira.elliemae.io/browse/PUI-17309) ([#7730](https://git.elliemae.io/platform-ui/dimsum/issues/7730)) ([7033077](https://git.elliemae.io/platform-ui/dimsum/commit/703307710918421df948e8272a3e07f95340785a))
+
+## [3.57.0-next.21](https://git.elliemae.io/platform-ui/dimsum/compare/v3.57.0-next.20...v3.57.0-next.21) (2025-10-31)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.57.0-next.20 (2025-10-31)
+
+### Bug Fixes
+
+- ds-form-combobox:: tabindex -1 for menue items restored ([#7733](https://git.elliemae.io/platform-ui/dimsum/issues/7733)) ([4509365](https://git.elliemae.io/platform-ui/dimsum/commit/4509365665582440236798bc57504ff7128d13e0))
+
+## [3.57.0-next.19](https://git.elliemae.io/platform-ui/dimsum/compare/v3.57.0-next.18...v3.57.0-next.19) (2025-10-31)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## [3.57.0-next.18](https://git.elliemae.io/platform-ui/dimsum/compare/v3.57.0-next.17...v3.57.0-next.18) (2025-10-30)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.57.0-next.17 (2025-10-30)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## [3.57.0-next.16](https://git.elliemae.io/platform-ui/dimsum/compare/v3.57.0-next.15...v3.57.0-next.16) (2025-10-30)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.57.0-next.15 (2025-10-29)
+
+### Bug Fixes
+
+- ds-form-input-text:: restored focus tracking logic per regression [PUI-17351](https://jira.elliemae.io/browse/PUI-17351) ([#7728](https://git.elliemae.io/platform-ui/dimsum/issues/7728)) ([b08d9c8](https://git.elliemae.io/platform-ui/dimsum/commit/b08d9c8b21fa3de563c041067d3d83950d11eac4))
+
+## 3.57.0-next.14 (2025-10-29)
+
+### Bug Fixes
+
+- ds-data-table:: fixed axe-core unit test ([#7727](https://git.elliemae.io/platform-ui/dimsum/issues/7727)) ([93a1929](https://git.elliemae.io/platform-ui/dimsum/commit/93a19293301bd564cc75b27e8c7367c554b6c123))
+
+## 3.57.0-next.13 (2025-10-29)
+
+### Bug Fixes
+
+- ds-form-input-text:: fixed unit tests ([#7721](https://git.elliemae.io/platform-ui/dimsum/issues/7721)) ([66970ab](https://git.elliemae.io/platform-ui/dimsum/commit/66970abea2be7aba90c7231c9feb7b873b8c819a))
+
+## 3.57.0-next.12 (2025-10-23)
+
+### Bug Fixes
+
+- ds-mobile:: mobile card update ([#7702](https://git.elliemae.io/platform-ui/dimsum/issues/7702)) ([3c718ae](https://git.elliemae.io/platform-ui/dimsum/commit/3c718ae2b97b77f9eefbd262eb093f22cc21a4fd))
+
+## 3.57.0-next.11 (2025-10-23)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.57.0-next.10 (2025-10-21)
+
+### Bug Fixes
+
+- ds-data-table:: adding a slot for the popover wrapper [PUI-17259](https://jira.elliemae.io/browse/PUI-17259) ([#7700](https://git.elliemae.io/platform-ui/dimsum/issues/7700)) ([e841c77](https://git.elliemae.io/platform-ui/dimsum/commit/e841c776c9c1c203056bbdf7dcd8196175184007))
+
+## 3.57.0-next.9 (2025-10-21)
+
+### Features
+
+- dimsum:: third parties from catalog + mobile removed polished [PUI-17293](https://jira.elliemae.io/browse/PUI-17293) ([#7696](https://git.elliemae.io/platform-ui/dimsum/issues/7696)) ([8b060f7](https://git.elliemae.io/platform-ui/dimsum/commit/8b060f75541a9ed33f686636f0830d7a47299367))
+
+## 3.57.0-next.8 (2025-10-21)
+
+### Bug Fixes
+
+- ds-floating-context:: removed default role complementary [PUI-16416](https://jira.elliemae.io/browse/PUI-16416) ([#7691](https://git.elliemae.io/platform-ui/dimsum/issues/7691)) ([fa86dbc](https://git.elliemae.io/platform-ui/dimsum/commit/fa86dbc94423f829e19fc7f3c01b83fa99d067f6))
+
+## 3.57.0-next.7 (2025-10-20)
+
+### Features
+
+- ds-shuttle-v2:: ts testing [PUI-16342](https://jira.elliemae.io/browse/PUI-16342) ([#7695](https://git.elliemae.io/platform-ui/dimsum/issues/7695)) ([2213170](https://git.elliemae.io/platform-ui/dimsum/commit/22131708777560dc3342270a036dcb7ee91dfff7))
+
+## 3.57.0-next.6 (2025-10-16)
+
+### Features
+
+- ds-shuttle-v2:: dimsum compliace constant relocation [PUI-16342](https://jira.elliemae.io/browse/PUI-16342) ([#7694](https://git.elliemae.io/platform-ui/dimsum/issues/7694)) ([a2ae67f](https://git.elliemae.io/platform-ui/dimsum/commit/a2ae67fc72eece35752ff2cc83d0e65d1e127c06))
+
+## 3.57.0-next.5 (2025-10-15)
+
+### Bug Fixes
+
+- ds-accordion:: add functional tests for lang attribute customization [PUI-14885](https://jira.elliemae.io/browse/PUI-14885) ([#7692](https://git.elliemae.io/platform-ui/dimsum/issues/7692)) ([777e42e](https://git.elliemae.io/platform-ui/dimsum/commit/777e42ee9bdefb3e2b91eaa1fb51633dd8853d3b))
+
 ## 3.57.0-next.4 (2025-10-13)
 
 ### Features

package/ds-accordion/DSAccordionCO.js

@@ -139,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/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-breadcrumb/DSBreadcrumb.func.spec.js

@@ -62,15 +62,17 @@ if (
       const breadcrumb = await DSBreadcrumbCO.getBreadcrumbsByIndex(0);
       const currentItem = await DSBreadcrumbCO.getBreadcrumbItems(6);
       await currentItem.click();
-      await expect(currentItem).toHaveAttribute('aria-current', 'page');
+      const NavItem = await DSBreadcrumbCO.getBreadcrumbNavItems(6);
+      await expect(NavItem).toHaveAttribute('aria-current', 'page');
       await expect(breadcrumb).toHaveAttribute('id', 'my-custom-id');
     });
     // eslint-disable-next-line max-len
     it('02: should have with-buttons breadcrumb with correct aria-current and custom container aria-label', async () => {
       const breadcrumb = await DSBreadcrumbCO.getBreadcrumbsByIndex(1);
-      const currentItem = await DSBreadcrumbCO.getBreadcrumbItems(12);
+      const currentItem = await DSBreadcrumbCO.getBreadcrumbItems(6);
       await currentItem.click();
-      await expect(currentItem).toHaveAttribute('aria-current', 'step');
+      const buttonItem = await DSBreadcrumbCO.getBreadcrumbButtonItems(6);
+      await expect(buttonItem).toHaveAttribute('aria-current', 'step');
       await expect(breadcrumb).toHaveAttribute('aria-label', 'my-custom-aria-label');
     });
   });

package/ds-card-v3/DSCardV3CO.js

@@ -23,6 +23,8 @@ export default class DSCardV3CO extends PageObject {
 
   static singleSelectURL = new Urlbuilder(PATH_E2E_CARD_V3, 'single-select-test');
 
+  static slotsURL = new Urlbuilder(PATH_E2E_CARD_V3, 'slots-test');
+
   static reflowURL = new Urlbuilder(PATH_E2E_CARD_V3, 'reflow-test');
 
   static globalAttributesURL = new Urlbuilder(PATH_E2E_CARD_V3, 'global-attributes-test');
@@ -92,6 +94,24 @@ export default class DSCardV3CO extends PageObject {
     return $$('button[aria-label="drag and drop gripper"]')[index];
   }
 
+  // Slots
+
+  static async getRootSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardv3Root"]')[index];
+  }
+
+  static async getBodySlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardv3Body"]')[index];
+  }
+
+  static async getHeaderSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardv3Header"]')[index];
+  }
+
+  static async getFooterSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardv3Footer"]')[index];
+  }
+
   // Snapshot
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('card-v3', example);

package/ds-card-v3/slots/DSCardV3.slots.axe-core.spec.js

@@ -0,0 +1,22 @@
+import { axeCoreCheck } from '../../helpers';
+import DSCardV3CO from '../DSCardV3CO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17399 - CardV3: Slots - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display CardV3 with customized slots', async () => {
+      const root = await DSCardV3CO.getRootSlotByIndex();
+      await root.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-card-v3/slots/DSCardV3.slots.func.spec.js

@@ -0,0 +1,36 @@
+/* eslint-disable max-lines */
+import DSCardV3CO from '../DSCardV3CO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17397 - CardV3: Slots - Func Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: each CardV3 slot to have custom aria-* attribute', async () => {
+      const root = await DSCardV3CO.getRootSlotByIndex();
+      const body = await DSCardV3CO.getBodySlotByIndex();
+      const header = await DSCardV3CO.getHeaderSlotByIndex();
+      const footer = await DSCardV3CO.getFooterSlotByIndex();
+      await expect(root).toHaveAttribute('aria-label', 'root aria');
+      await expect(body).toHaveAttribute('aria-label', 'body aria');
+      await expect(header).toHaveAttribute('aria-label', 'header aria');
+      await expect(footer).toHaveAttribute('aria-label', 'footer aria');
+    });
+    it('02: each CardV3 slot to have custom data-* attribute', async () => {
+      const root = await DSCardV3CO.getRootSlotByIndex();
+      const body = await DSCardV3CO.getBodySlotByIndex();
+      const header = await DSCardV3CO.getHeaderSlotByIndex();
+      const footer = await DSCardV3CO.getFooterSlotByIndex();
+      await expect(root).toHaveAttribute('data-testid', 'root data');
+      await expect(body).toHaveAttribute('data-testid', 'body data');
+      await expect(header).toHaveAttribute('data-testid', 'header data');
+      await expect(footer).toHaveAttribute('data-testid', 'footer data');
+    });
+  });
+}

package/ds-card-v3/slots/DSCardV3.slots.visual.spec.js

@@ -0,0 +1,18 @@
+/* eslint-disable max-lines */
+import DSCardV3CO from '../DSCardV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17398 - CardV3: Slots - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardV3CO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display CardV3 with customized slots', async () => {
+      await browser.eyesOpen();
+      const root = await DSCardV3CO.getRootSlotByIndex();
+      await root.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSCardV3CO.snapshotPath('card-v3-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chip/DSChipCO.js

@@ -8,6 +8,8 @@ export default class DSChipCO extends PageObject {
 
   static popperURL = new Urlbuilder(PATH_E2E_CHIP, 'inside-popper-test');
 
+  static slotsURL = new Urlbuilder(PATH_E2E_CHIP, 'slots-test');
+
   static mobileURL = new Urlbuilder(PATH_E2E_CHIP, 'mobile-test');
 
   static shapeURL = new Urlbuilder(PATH_E2E_CHIP, 'shape-test');
@@ -45,4 +47,26 @@ export default class DSChipCO extends PageObject {
   static async getMobileContextMenu() {
     return $('[data-testid="ds-mobile-context-menu"]');
   }
+
+  // Slots
+
+  static async getButtonSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipButton"]')[index];
+  }
+
+  static async getEllipsisSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipEllipsis"]')[index];
+  }
+
+  static async getLabelSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipLabel"]')[index];
+  }
+
+  static async getRoundShapeSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipRoundShape"]')[index];
+  }
+
+  static async getRootSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipRoot"]')[index];
+  }
 }

package/ds-chip/slots/DSChip.slots.axe-core.spec.js

@@ -0,0 +1,17 @@
+import DSChipCO from '../DSChipCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17380 - Chip: Slots Test -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have customized slots chips and pass axe-core scan', async () => {
+      const popperTrigger = await DSChipCO.getRootSlotByIndex();
+      await popperTrigger.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,39 @@
+import DSChipCO from '../DSChipCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-17378 - Chip: Slots Test -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom data-* for each slot', async () => {
+      const buttonSlot = await DSChipCO.getButtonSlotByIndex(0);
+      const labelSlot = await DSChipCO.getLabelSlotByIndex(0);
+      const roundShapeSlot = await DSChipCO.getRoundShapeSlotByIndex(0);
+      const rootSlot = await DSChipCO.getRootSlotByIndex(0);
+      const ellipsisSlot = await DSChipCO.getEllipsisSlotByIndex(0);
+      await expect(buttonSlot).toHaveAttribute('data-testid', 'button data');
+      await expect(labelSlot).toHaveAttribute('data-testid', 'label data');
+      await expect(roundShapeSlot).toHaveAttribute('data-testid', 'roundshape data');
+      await expect(rootSlot).toHaveAttribute('data-testid', 'root data');
+      await expect(ellipsisSlot).toHaveAttribute('data-testid', 'ellipsis data');
+    });
+    it('02: should have custom aria-* for each slot', async () => {
+      const buttonSlot = await DSChipCO.getButtonSlotByIndex(0);
+      const labelSlot = await DSChipCO.getLabelSlotByIndex(0);
+      const roundShapeSlot = await DSChipCO.getRoundShapeSlotByIndex(0);
+      const rootSlot = await DSChipCO.getRootSlotByIndex(0);
+      const ellipsisSlot = await DSChipCO.getEllipsisSlotByIndex(0);
+      await expect(buttonSlot).toHaveAttribute('aria-label', 'button aria');
+      await expect(labelSlot).toHaveAttribute('aria-label', 'label aria');
+      await expect(roundShapeSlot).toHaveAttribute('aria-label', 'roundshape aria');
+      await expect(rootSlot).toHaveAttribute('aria-label', 'root aria');
+      await expect(ellipsisSlot).toHaveAttribute('aria-label', 'ellipsis aria');
+    });
+  });
+}

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

@@ -0,0 +1,17 @@
+import DSChipCO from '../DSChipCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17379 - Chip: Slots Test -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display chips with custom colors for each slot', async () => {
+      await browser.eyesOpen();
+      const popperTrigger = await DSChipCO.getRootSlotByIndex();
+      await popperTrigger.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSChipCO.snapshotPath('chips-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/DSLargeInputTextCO.js

@@ -23,6 +23,11 @@ export default class DSLargeInputTextCO extends PageObject {
 
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'apply-aria-disabled-test');
 
+  static applyAriaDisabledUndefined = new Urlbuilder(
+    PATH_E2E_CONTROLLEDLARGEINPUT,
+    'pui-17313-value-undefined-apply-aria-disabled',
+  );
+
   static async getInputs() {
     return $$('[data-testid="ds-controlledlargetextinput-input"]');
   }

package/ds-controlled-form/ds-controlled-large-input-text/aria-disabled/DSLargeInputText.aria-disabled.func.spec.js

@@ -0,0 +1,19 @@
+import { Key } from 'webdriverio';
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17391 - LargeInputText:: Aria-Disabled value Undefined', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.applyAriaDisabledUndefined.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should not be able to change the value when aria-disabled is true and value is undefined', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys('Test Value');
+      await expect(input).toBeFocused();
+      await expect(input).toHaveValue('');
+    });
+  });
+}

package/ds-data-table-async/DSDataTableCO.js

@@ -14,6 +14,7 @@ import {
   PATH_E2E_DATATABLE_STATES,
   PATH_E2E_DATATABLE_CELL,
   PATH_E2E_DATATABLE_USE_CASES,
+  PATH_E2E_DATATABLE_SLOTS,
 } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 import { CellCO } from './components';
@@ -206,6 +207,10 @@ export default class DataTableCO extends PageObject {
 
   static integratedExampleWithFilters = new Urlbuilder(PATH_E2E_DATATABLE_USE_CASES, 'integrated-example-with-filters');
 
+  // Slots
+
+  static slotsFilters = new Urlbuilder(PATH_E2E_DATATABLE_SLOTS, 'slots-filters');
+
   // E2E FOLDER -- TO BE MOVED TO ITS OWN FOLDER
 
   static basic = new Urlbuilder(PATH_E2E_DATATABLE, 'basic');
@@ -218,7 +223,7 @@ export default class DataTableCO extends PageObject {
 
   static controlledWidthTest = new Urlbuilder(PATH_E2E_DATATABLE, 'controlled-width-test');
 
-  static customWithDate = new Urlbuilder(PATH_E2E_DATATABLE, 'custom-render-w-date');
+  static customWithDate = new Urlbuilder(PATH_E2E_DATATABLE, 'custom-render-w-date-test');
 
   static withCombobox = new Urlbuilder(PATH_E2E_DATATABLE, 'with-combobox');
 

package/ds-data-table-async/basic/DSDataTable.basic.visual.spec.js

@@ -3,7 +3,7 @@
 /* eslint-disable prettier/prettier */
 import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
-import { RowCO, HeaderCO } from '../components';
+import { RowCO } from '../components';
 import { asyncMouseOver } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
@@ -64,50 +64,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
-  describe('PUI-6983 - DataTable, Column header when sorting  -visual', async () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.sortByColumn.go();
-      if (errorOnGo) throw errorOnGo;
-      await DSDataTableCO.waitForDataTable();
-    });
-    it('01: should hover on position header and show the unsorted icon for the column', async () => {
-      const positionHeader = await HeaderCO.getHeaderCellByIndex(2);
-      await asyncMouseOver(positionHeader);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-column-header-unsorted'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('02: should click on position header and sort the rows descending by this column changing the headers icon', async () => {
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.ArrowDown);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-column-header-descending'));
-      await expect(snapshot).toEqual(0);
-    });
-    it('03: should click on position header and sort the rows ascending by this column changing the headers icon', async () => {
-      await browser.keys(Key.ArrowUp);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('datatable-column-header-ascending'));
-      await expect(snapshot).toEqual(0);
-    });
-  });
-  describe('PUI-7041 - DataTable, Column header truncated  -visual', async () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.sortByColumn.go();
-      if (errorOnGo) throw errorOnGo;
-      await DSDataTableCO.waitForDataTable();
-    });
-    it('Should click on name header and sort the rows ascending by this column changing the headers icon', async () => {
-      const countryHeader = await HeaderCO.getHeaderCellByIndex(1);
-      await countryHeader.click();
-      await asyncMouseOver(countryHeader);
-      // eslint-disable-next-line wdio/no-pause
-      await browser.pause(1000);
-      const snapshot = await browser.checkSnapshot(
-        DSDataTableCO.snapshotPath('datatable-column-header-truncated-wtooltip'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-  });
   describe('PUI-7039 - DataTable, Multi select empty  -visual', async () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataTableCO.multiSelectEmpty.go();

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

@@ -13,6 +13,14 @@ export default class FilterBarCO extends PageObject {
     return $('[data-testid="popper-container"]');
   }
 
+  static getFilterBarMenuWrapper() {
+    return $('[data-testid="ds-flyoutmenu-root"]');
+  }
+
+  static getFilterBarMenuListBox() {
+    return $('[data-testid="ds-flyoutmenu-list-wrapper"]');
+  }
+
   static getClearFilters() {
     return $('//li[@role="menuitem"]//span[contains(text(), "Clear Filters")]/ancestor::li');
   }