dimsum-e2e-tests 3.57.0-next.2 → 3.57.0-next.22

package/CHANGELOG.md

@@ -3,6 +3,114 @@
 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.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
+
+- ds-shuttle-v2:: dimsum compliance [PUI-16342](https://jira.elliemae.io/browse/PUI-16342) ([#7687](https://git.elliemae.io/platform-ui/dimsum/issues/7687)) ([2408054](https://git.elliemae.io/platform-ui/dimsum/commit/2408054f546d9cd01d138edf57321b4317b98aa4))
+
+## 3.57.0-next.3 (2025-10-13)
+
+### Bug Fixes
+
+- ds-form-layout-blocks:: updated e2e test for required [PUI-10970](https://jira.elliemae.io/browse/PUI-10970) ([#7671](https://git.elliemae.io/platform-ui/dimsum/issues/7671)) ([67a471b](https://git.elliemae.io/platform-ui/dimsum/commit/67a471b30a92e03b0d6a7fb9ad8cfe45c2692c71))
+
 ## 3.57.0-next.2 (2025-10-13)
 
 ### Bug Fixes

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-card-navigation/CardNavigationCO.js

@@ -8,6 +8,8 @@ export default class CardNavigation extends PageObject {
 
   static textWrapURL = new Urlbuilder(PATH_E2E_CARD_NAVIGATION, 'wrap-text-test');
 
+  static slotsTest = new Urlbuilder(PATH_E2E_CARD_NAVIGATION, 'slots-test');
+
   static getDescription() {
     return $('[data-testid="ds-card-navigation--description"]');
   }
@@ -20,6 +22,54 @@ export default class CardNavigation extends PageObject {
     return $$('[data-testid="ds-button"]')[index];
   }
 
+  static getCardNavigationActionsSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationActions"]')[index];
+  }
+
+  static getCardNavigationActionButtonSlotByIndex(index = 0) {
+    return $$('[data-dimsum-parent-slot="dsCardnavigationActionButton"]')[index];
+  }
+
+  static getCardNavigationButtonWrapperSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationButtonWrapper"]')[index];
+  }
+
+  static getCardNavigationCentralContentSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationCentralContent"]')[index];
+  }
+
+  static getCardNavigationContentSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationContent"]')[index];
+  }
+
+  static getCardNavigationDescriptionTextSlotByIndex(index = 0) {
+    return $$('[data-dimsum-parent-slot="dsCardnavigationDescriptionText"]')[index];
+  }
+
+  static getCardNavigationInteractiveElementRegionSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationInteractiveElementRegion"]')[index];
+  }
+
+  static getCardNavigationTitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationTitle"]')[index];
+  }
+
+  static getCardNavigationRootSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationRoot"]')[index];
+  }
+
+  static getCardNavigationTitleTypographySlotByIndex(index = 0) {
+    return $$('[data-dimsum-parent-slot="dsCardnavigationTitleTypography"]')[index];
+  }
+
+  static getCardNavigationTitleWrapperSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationTitleWrapper"]')[index];
+  }
+
+  static getCardNavigationTypeSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationType"]')[index];
+  }
+
   // Snapshots
   static snapshotPath(example = 'truncated-text') {
     return PageObject.getSnapshotPathBuilder('DSCardNavigation', example, 'ds-card-navigation');

package/ds-card-navigation/DSCardNavigation.slots.func.spec.js

@@ -0,0 +1,127 @@
+/* eslint-disable max-statements */
+/* eslint-disable max-len */
+import CardNavigationCO from './CardNavigationCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17279: CardNavigation: Slots -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await CardNavigationCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a custom aria-* for each slot', async () => {
+      const cardNavActions = await (
+        await CardNavigationCO.getCardNavigationActionsSlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavActionButton = await (
+        await CardNavigationCO.getCardNavigationActionButtonSlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavButtonWrapper = await (
+        await CardNavigationCO.getCardNavigationButtonWrapperSlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavCentralContent = await (
+        await CardNavigationCO.getCardNavigationCentralContentSlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavContent = await (
+        await CardNavigationCO.getCardNavigationContentSlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavDescText = await (
+        await CardNavigationCO.getCardNavigationDescriptionTextSlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavInteractElemReg = await (
+        await CardNavigationCO.getCardNavigationInteractiveElementRegionSlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavTitle = await (
+        await CardNavigationCO.getCardNavigationTitleSlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavRoot = await (await CardNavigationCO.getCardNavigationRootSlotByIndex()).getAttribute('aria-label');
+      const cardNavTitleTypography = await (
+        await CardNavigationCO.getCardNavigationTitleTypographySlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavTitleWrapper = await (
+        await CardNavigationCO.getCardNavigationTitleWrapperSlotByIndex()
+      ).getAttribute('aria-label');
+      const cardNavType = await (await CardNavigationCO.getCardNavigationTypeSlotByIndex()).getAttribute('aria-label');
+      await expect(cardNavActions).toEqual('actions aria');
+      await expect(cardNavActionButton).toEqual('actionbutton aria');
+      await expect(cardNavButtonWrapper).toEqual('buttonwrapper aria');
+      await expect(cardNavCentralContent).toEqual('centralcontent aria');
+      await expect(cardNavContent).toEqual('content aria');
+      await expect(cardNavDescText).toEqual('descriptiontext aria');
+      await expect(cardNavInteractElemReg).toEqual('interactiveelemregion aria');
+      await expect(cardNavTitle).toEqual('title aria');
+      await expect(cardNavRoot).toEqual('root aria');
+      await expect(cardNavTitleTypography).toEqual('titletypography aria');
+      await expect(cardNavTitleWrapper).toEqual('titlewrapper aria');
+      await expect(cardNavType).toEqual('type aria');
+    });
+    it('02: should have a custom data-testid for each slot', async () => {
+      const cardNavActions = await (
+        await CardNavigationCO.getCardNavigationActionsSlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavActionButton = await (
+        await CardNavigationCO.getCardNavigationActionButtonSlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavButtonWrapper = await (
+        await CardNavigationCO.getCardNavigationButtonWrapperSlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavCentralContent = await (
+        await CardNavigationCO.getCardNavigationCentralContentSlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavContent = await (
+        await CardNavigationCO.getCardNavigationContentSlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavDescText = await (
+        await CardNavigationCO.getCardNavigationDescriptionTextSlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavInteractElemReg = await (
+        await CardNavigationCO.getCardNavigationInteractiveElementRegionSlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavTitle = await (
+        await CardNavigationCO.getCardNavigationTitleSlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavRoot = await (await CardNavigationCO.getCardNavigationRootSlotByIndex()).getAttribute('data-testid');
+      const cardNavTitleTypography = await (
+        await CardNavigationCO.getCardNavigationTitleTypographySlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavTitleWrapper = await (
+        await CardNavigationCO.getCardNavigationTitleWrapperSlotByIndex()
+      ).getAttribute('data-testid');
+      const cardNavType = await (await CardNavigationCO.getCardNavigationTypeSlotByIndex()).getAttribute('data-testid');
+      await expect(cardNavActions).toEqual('actions data');
+      await expect(cardNavActionButton).toEqual('actionbutton data');
+      await expect(cardNavButtonWrapper).toEqual('buttonwrapper data');
+      await expect(cardNavCentralContent).toEqual('centralcontent data');
+      await expect(cardNavContent).toEqual('content data');
+      await expect(cardNavDescText).toEqual('descriptiontext data');
+      await expect(cardNavInteractElemReg).toEqual('interactiveelemregion data');
+      await expect(cardNavTitle).toEqual('title data');
+      await expect(cardNavRoot).toEqual('root data');
+      await expect(cardNavTitleTypography).toEqual('titletypography data');
+      await expect(cardNavTitleWrapper).toEqual('titlewrapper data');
+      await expect(cardNavType).toEqual('type data');
+    });
+    it('03: should have a custom lang for each text-containing slot', async () => {
+      const cardNavCentralContent = await (
+        await CardNavigationCO.getCardNavigationCentralContentSlotByIndex()
+      ).getAttribute('lang');
+      const cardNavContent = await (await CardNavigationCO.getCardNavigationContentSlotByIndex()).getAttribute('lang');
+      const cardNavDescText = await (
+        await CardNavigationCO.getCardNavigationDescriptionTextSlotByIndex()
+      ).getAttribute('lang');
+      const cardNavTitle = await (await CardNavigationCO.getCardNavigationTitleSlotByIndex()).getAttribute('lang');
+      const cardNavTitleTypography = await (
+        await CardNavigationCO.getCardNavigationTitleTypographySlotByIndex()
+      ).getAttribute('lang');
+      await expect(cardNavCentralContent).toEqual('es');
+      await expect(cardNavContent).toEqual('es');
+      await expect(cardNavDescText).toEqual('es');
+      await expect(cardNavTitle).toEqual('es');
+      await expect(cardNavTitleTypography).toEqual('es');
+    });
+  });
+}

package/ds-card-navigation/DSCardNavigation.slots.visual.spec.js

@@ -0,0 +1,26 @@
+/* eslint-disable max-statements */
+/* eslint-disable prettier/prettier */
+/* eslint-disable max-len */
+// import { Key } from 'webdriverio';
+import CardNavigationCO from './CardNavigationCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17283: CardNavigation: Slots -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await CardNavigationCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a custom aria-* for each slot', async () => {
+      await browser.eyesOpen();
+      const cardNavRoot = await CardNavigationCO.getCardNavigationRootSlotByIndex();
+      await cardNavRoot.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(CardNavigationCO.snapshotPath('cardnav-slots-test'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

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

@@ -142,4 +142,12 @@ export default class FiltersCO extends PageObject {
   static getFilterPopoverContent = async () => $('[data-testid="ds-datatable-filter-popover-content"]');
 
   static getFreeTextSearchInput = async () => $('[data-testid="data-table-filter-free-text-search"]');
+
+  static getFilterMenuContentSlot = async () => $('[data-dimsum-slot="dsDatatableFilterPopoverContent"]');
+
+  static getFilterPopoverSlot = async () => $('[data-dimsum-slot="dsDatatableFilterPopover"]');
+
+  static getFreeTextSearchWrapperSlot = async () => $('[data-dimsum-slot="dsDatatableFreeTextSearchWrapper"]');
+
+  static getFreeTextSearchFilterSlot = async () => $('[data-dimsum-parent-slot="dsDatatableFreeTextSearchFilter"]');
 }

package/ds-data-table-async/filters/DSDataTable.free-text-search.keyboard.func.spec.js

@@ -67,7 +67,43 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(isFilteredJJ).toEqual(true);
       await expect(pill1).toBeDisplayed();
     });
-    it('06: should close the filter - Escape', async () => {
+    it('06: should not clear the filter when the input is empty and press Enter', async () => {
+      await browser.keys(Key.Return);
+      // await browser.keys([Key.Backspace, Key.Backspace, Key.Backspace, Key.Backspace, Key.Backspace]);
+      if (browser.capabilities.browserName === 'Safari') {
+        await browser.keys([Key.Command, 'A']);
+      } else {
+        await browser.keys([Key.Control, 'A']);
+      }
+      await browser.keys(Key.Delete);
+      await browser.keys(Key.Return);
+      const freeTextSearchInput = await FiltersCO.getFreeTextSearchInput();
+      const results = await RowCO.getRows();
+      const filteredLastNames = await DSDataTableCO.getAllColumnResults(results, 2);
+      const isFilteredJWick = filteredLastNames.some((name) => name.toLowerCase() === 'jane johnson');
+      const isFilteredJJ = filteredLastNames.some((name) => name.toLowerCase() === 'jane wick');
+      const pill1 = await FilterBarCO.getPillByText('j');
+      await expect(freeTextSearchInput).toBeFocused();
+      await expect(isFilteredJWick).toEqual(true);
+      await expect(isFilteredJJ).toEqual(true);
+      await expect(pill1).toBeDisplayed();
+    });
+    it('07: should not clear the filter when the input has whitespace and press Enter', async () => {
+      await browser.keys(Key.Return);
+      await type(' ');
+      await browser.keys(Key.Return);
+      const freeTextSearchInput = await FiltersCO.getFreeTextSearchInput();
+      const results = await RowCO.getRows();
+      const filteredLastNames = await DSDataTableCO.getAllColumnResults(results, 2);
+      const isFilteredJWick = filteredLastNames.some((name) => name.toLowerCase() === 'jane johnson');
+      const isFilteredJJ = filteredLastNames.some((name) => name.toLowerCase() === 'jane wick');
+      const pill1 = await FilterBarCO.getPillByText('j');
+      await expect(freeTextSearchInput).toBeFocused();
+      await expect(isFilteredJWick).toEqual(true);
+      await expect(isFilteredJJ).toEqual(true);
+      await expect(pill1).toBeDisplayed();
+    });
+    it('08: should close the filter - Escape', async () => {
       await browser.keys(Key.Return);
       const freeTextPopover = await FiltersCO.getFilterPopoverContent();
       await freeTextPopover.waitForDisplayed();
@@ -77,14 +113,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(freeTextPopover).not.toBeDisplayed();
       await expect(buttonFirstNameColumn).toBeFocused();
     });
-    it('07: should display "no results found" when no matching rows are found', async () => {
+    it('09: should display "no results found" when no matching rows are found', async () => {
       await browser.keys(Key.Return);
       await type('this is a test');
       await browser.keys(Key.Return);
       const noResults = await DSDataTableCO.getDataTableEmptyStateWrapper();
       const FirstNameColumnHeader = await HeaderCO.getHeaderCellByIndex(1);
       const buttonFirstNameColumn = await FiltersCO.getHeaderCellFilterButtonByHeaderCell(FirstNameColumnHeader, 0);
-      const pill1 = await FilterBarCO.getPillByText('john this is a test');
+      const pill1 = await FilterBarCO.getPillByText('this is a test');
       await expect(noResults).toBeDisplayedInViewport();
       await expect(buttonFirstNameColumn).toBeFocused();
       await expect(pill1).toBeDisplayed();
@@ -151,7 +187,36 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(isFilteredJJ).toEqual(true);
       await expect(pill1).toBeDisplayed();
     });
-    it('06: should close the filter - Escape', async () => {
+    it('06: should not clear the filter when the input is empty and press Enter', async () => {
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Return);
+      const freeTextSearchInput = await FiltersCO.getFreeTextSearchInput();
+      const results = await RowCO.getRows();
+      const filteredLastNames = await DSDataTableCO.getAllColumnResults(results, 2);
+      const isFilteredJWick = filteredLastNames.some((name) => name.toLowerCase() === 'jane johnson');
+      const isFilteredJJ = filteredLastNames.some((name) => name.toLowerCase() === 'jane wick');
+      const pill1 = await FilterBarCO.getPillByText('j');
+      await expect(freeTextSearchInput).toBeFocused();
+      await expect(isFilteredJWick).toEqual(true);
+      await expect(isFilteredJJ).toEqual(true);
+      await expect(pill1).toBeDisplayed();
+    });
+    it('07: should not clear the filter when the input has whitespace and press Enter', async () => {
+      await browser.keys(Key.Return);
+      await type(' ');
+      await browser.keys(Key.Return);
+      const freeTextSearchInput = await FiltersCO.getFreeTextSearchInput();
+      const results = await RowCO.getRows();
+      const filteredLastNames = await DSDataTableCO.getAllColumnResults(results, 2);
+      const isFilteredJWick = filteredLastNames.some((name) => name.toLowerCase() === 'jane johnson');
+      const isFilteredJJ = filteredLastNames.some((name) => name.toLowerCase() === 'jane wick');
+      const pill1 = await FilterBarCO.getPillByText('j');
+      await expect(freeTextSearchInput).toBeFocused();
+      await expect(isFilteredJWick).toEqual(true);
+      await expect(isFilteredJJ).toEqual(true);
+      await expect(pill1).toBeDisplayed();
+    });
+    it('08: should close the filter - Escape', async () => {
       await browser.keys(Key.Return);
       const freeTextPopover = await FiltersCO.getFilterPopoverContent();
       await freeTextPopover.waitForDisplayed();
@@ -161,7 +226,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(freeTextPopover).not.toBeDisplayed();
       await expect(buttonLastNameColumn).toBeFocused();
     });
-    it('07: should display "no results found" when no matching rows are found', async () => {
+    it('09: should display "no results found" when no matching rows are found', async () => {
       await browser.keys(Key.Return);
       await type('this is a test');
       await browser.keys(Key.Return);

package/ds-data-table-async/filters/DSDataTable.text-filters.func.spec.js

@@ -248,9 +248,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await pill2.waitForDisplayed();
       const filterBarMenuBtn = await FilterBarCO.getFilterBarDropdownMenuButton();
       await filterBarMenuBtn.click();
-      const filterBarMenu = await FilterBarCO.getFilterBarDropdownMenu();
+      const filterBarMenu = await FilterBarCO.getFilterBarMenuListBox();
       await filterBarMenu.waitForDisplayed();
-      const clearFilters = await FilterBarCO.getFilterBarDropDownOption('Clear Filters');
+      const clearFilters = await FilterBarCO.getFilterBarDropDownMenuItemByIndex(0);
       await clearFilters.click();
       await expect(pill1).not.toBeDisplayed();
       await expect(pill2).not.toBeDisplayed();
@@ -272,7 +272,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys([Key.Shift, Key.Tab]);
       await browser.keys([Key.Shift, Key.Tab]);
       await browser.keys(Key.Enter);
-      const filterBarMenu = await FilterBarCO.getFilterBarDropdownMenu();
+      const filterBarMenu = await FilterBarCO.getFilterBarMenuListBox();
       await filterBarMenu.waitForDisplayed();
       await browser.keys(Key.Return);
       await expect(pill1).not.toBeDisplayed();

package/ds-data-table-async/select/DSDataTable.select.func.spec.js

@@ -5,7 +5,7 @@ import DSDataTableCO from '../DSDataTableCO';
 import { HeaderCO, RowCO, FiltersCO } from '../components';
 import { getRadioValue } from '../helpers';
 import { tabStops, isChecked, type } from '../../helpers';
-import DSToggleCO from '../../ds-toggle/DSToggleCO';
+import DSToggleCO from '../../ds-form-toggle/DSToggleCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-7043 - DataTable, Single select disabled selection', () => {

package/ds-data-table-async/slots/DSDataTable.slots.func.spec.js

@@ -0,0 +1,40 @@
+/* eslint-disable max-lines */
+import DSDataTableCO from '../DSDataTableCO';
+import DSFiltersCO from '../components/FiltersCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17326 - DataTable:: FreeTextSearch Slots - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.slotsFilters.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom aria-* for each slot', async () => {
+      await DSFiltersCO.openFilterPopperByColumnName('name');
+      const dataTableFilterPopoverSlot = await DSFiltersCO.getFilterPopoverSlot();
+      const dataTableFilterPopoverContent = await DSFiltersCO.getFilterMenuContentSlot();
+      const dataTableFreeTextSearchWrapperSlot = await DSFiltersCO.getFreeTextSearchWrapperSlot();
+      const dataTableFreeTextSearchFilterSlot = await DSFiltersCO.getFreeTextSearchFilterSlot();
+
+      await expect(dataTableFilterPopoverSlot).toHaveAttribute('aria-label', 'Filter popover aria');
+      await expect(dataTableFilterPopoverContent).toHaveAttribute('aria-label', 'Filter popover content aria');
+      await expect(dataTableFreeTextSearchWrapperSlot).toHaveAttribute('aria-label', 'Free text search wrapper aria');
+      await expect(dataTableFreeTextSearchFilterSlot).toHaveAttribute('aria-label', 'Free text search input aria');
+    });
+    it('02: should have custom data-* for each slot', async () => {
+      const dataTableFilterPopoverSlot = await DSFiltersCO.getFilterPopoverSlot();
+      const dataTableFilterPopoverContent = await DSFiltersCO.getFilterMenuContentSlot();
+      const dataTableFreeTextSearchWrapperSlot = await DSFiltersCO.getFreeTextSearchWrapperSlot();
+      const dataTableFreeTextSearchFilterSlot = await DSFiltersCO.getFreeTextSearchFilterSlot();
+
+      await expect(dataTableFilterPopoverSlot).toHaveAttribute('data-testid', 'Filter popover data');
+      await expect(dataTableFilterPopoverContent).toHaveAttribute('data-testid', 'Filter popover content data');
+      await expect(dataTableFreeTextSearchWrapperSlot).toHaveAttribute('data-testid', 'Free text search wrapper data');
+      await expect(dataTableFreeTextSearchFilterSlot).toHaveAttribute('data-testid', 'Free text search input data');
+    });
+  });
+}

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

@@ -0,0 +1,19 @@
+/* eslint-disable max-lines */
+import DSDataTableCO from '../DSDataTableCO';
+import FiltersCO from '../components/FiltersCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17327 - DataTable:: FreeTextSearch Slots -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.slotsFilters.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display FreeTextSearch with customized slots', async () => {
+      await browser.eyesOpen();
+      await FiltersCO.openFilterPopperByColumnName('name');
+
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('free-text-search-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}