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

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 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.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-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-form-combobox-multi/DSComboboxMultiCO.js

@@ -1,5 +1,5 @@
 import { Key } from 'webdriverio';
-import { PATH_E2E_COMBOBOX_MULTI } from '../paths';
+import { PATH_E2E_COMBOBOX_MULTI, PATH_E2E_COMBOBOX_MULTI_SLOTS } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSComboboxMultiCO extends PageObject {
@@ -23,6 +23,15 @@ export default class DSComboboxMultiCO extends PageObject {
 
   static disabled = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'disabled-test');
 
+  static controlledMenuStateWithSectionsSlotsTest = new Urlbuilder(
+    PATH_E2E_COMBOBOX_MULTI_SLOTS,
+    'controlled-menu-state-with-section-slots-test',
+  );
+
+  static loadingIndicatorSlotsTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI_SLOTS, 'loading-indicator-slots-test');
+
+  static skeletonSlotsTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI_SLOTS, 'skeleton-slots-test');
+
   // COMBOBOX - INPUT
   static async getCombobox() {
     return $('[data-testid="combobox-container"]');
@@ -195,6 +204,76 @@ export default class DSComboboxMultiCO extends PageObject {
     await menuList.waitForExist();
   }
 
+  // Slots
+
+  static async getComboboxRootSlot() {
+    return $('[data-dimsum-slot="dsComboboxRoot"]');
+  }
+
+  static async getComboboxInputWrapperSlot() {
+    return $('[data-dimsum-slot="dsComboboxInputWrapper"]');
+  }
+
+  static async getComboboxInputSlot() {
+    return $('[data-dimsum-slot="dsComboboxInput"]');
+  }
+
+  static async getComboboxDropDownMenuBtnSlot() {
+    return $('[data-dimsum-parent-slot="dsComboboxDropdownButton"]');
+  }
+
+  static async getFloatingWrapperRootSlot() {
+    return $('[data-dimsum-slot="dsFloatingwrapperRoot"]');
+  }
+
+  static async getFloatingWrapperContentSlot() {
+    return $('[data-dimsum-slot="dsFloatingwrapperContent"]');
+  }
+
+  static async getFastListSlot() {
+    return $('[data-dimsum-parent-slot="dsComboboxFastList"]');
+  }
+
+  static async getFastListWrapperListSlot() {
+    return $('[data-dimsum-slot="dsFastlistWrapperList"]');
+  }
+
+  static async getFastListItemSlot() {
+    return $('[data-dimsum-slot="dsFastlistItem"]');
+  }
+
+  static async getMenuitemMenuItemWrapperSlot() {
+    return $('[data-dimsum-slot="dsMenuitemMenuItemWrapper"]');
+  }
+
+  static async getMenuitemMenuItemsContentWrapperSlotByIndex(index) {
+    return $$('[data-dimsum-slot="dsMenuitemMenuItemContentWrapper"]')[index];
+  }
+
+  static async getMenuitemMenuItemLabelSlotByIndex(index) {
+    return $$('[data-dimsum-slot="dsMenuitemMenuItemLabel"]')[index];
+  }
+
+  static async getComboboxLoadingIndicator() {
+    return $('[data-dimsum-parent-slot="dsComboboxLoadingIndicator"]');
+  }
+
+  static async getComboboxSkeletonMenuItem() {
+    return $('[data-dimsum-parent-slot="dsComboboxSkeletonMenuItem"]');
+  }
+
+  static async getComboboxMenuItemSlotByIndex(index) {
+    return $$('[data-dimsum-parent-slot="dsComboboxMultiMenuItem"]')[index];
+  }
+
+  static async getComboboxSectionLabelByIndex(index) {
+    return $$('[data-dimsum-slot="dsComboboxSectionLabel"]')[index];
+  }
+
+  static async getComboboxSectionWrapperSlotByIndex(index) {
+    return $$('[data-dimsum-slot="dsComboboxSectionWrapper"]')[index];
+  }
+
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSComboboxMulti', example, 'ds-combobox-multi');
   }

package/ds-form-combobox-multi/slots/DSComboboxMulti.slots.func.spec.js

@@ -0,0 +1,100 @@
+/* eslint-disable max-lines */
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17260 - ComboboxMulti:: Slots - Controlled Menu and Sections -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.controlledMenuStateWithSectionsSlotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom aria-* for each slot', async () => {
+      const comboboxRootSlot = await DSComboboxMultiCO.getComboboxRootSlot();
+      const comboboxInputWrapperSlot = await DSComboboxMultiCO.getComboboxInputWrapperSlot();
+      const comboboxInputSlot = await DSComboboxMultiCO.getComboboxInputSlot();
+      const comboboxDropdownButtonSlot = await DSComboboxMultiCO.getComboboxDropDownMenuBtnSlot();
+      const comboboxFastlistWrapperList = await DSComboboxMultiCO.getFastListSlot();
+      const comboboxMenuItemLabel = await DSComboboxMultiCO.getComboboxMenuItemSlotByIndex(0);
+      const comboboxSectionLabel = await DSComboboxMultiCO.getComboboxSectionLabelByIndex(0);
+      const comboboxSectionWrapper = await DSComboboxMultiCO.getComboboxSectionWrapperSlotByIndex(0);
+      await expect(comboboxRootSlot).toHaveAttribute('aria-label', 'root aria');
+      await expect(comboboxInputWrapperSlot).toHaveAttribute('aria-label', 'inputwrapper aria');
+      await expect(comboboxInputSlot).toHaveAttribute('aria-label', 'input aria');
+      await expect(comboboxDropdownButtonSlot).toHaveAttribute('aria-label', 'ddbutton aria');
+      await expect(comboboxFastlistWrapperList).toHaveAttribute('aria-label', 'fastlist aria');
+      await expect(comboboxMenuItemLabel).toHaveAttribute('aria-label', 'multimenuitem aria');
+      await expect(comboboxSectionLabel).toHaveAttribute('aria-label', 'sectionlabel aria');
+      await expect(comboboxSectionWrapper).toHaveAttribute('aria-label', 'sectionwrapper aria');
+    });
+    it('02: should have custom data-* for each slot', async () => {
+      const comboboxRootSlot = await DSComboboxMultiCO.getComboboxRootSlot();
+      const comboboxInputWrapperSlot = await DSComboboxMultiCO.getComboboxInputWrapperSlot();
+      const comboboxInputSlot = await DSComboboxMultiCO.getComboboxInputSlot();
+      const comboboxDropdownButtonSlot = await DSComboboxMultiCO.getComboboxDropDownMenuBtnSlot();
+      const comboboxFastlistWrapperList = await DSComboboxMultiCO.getFastListSlot();
+      const comboboxMenuItemLabel = await DSComboboxMultiCO.getComboboxMenuItemSlotByIndex(0);
+      const comboboxSectionLabel = await DSComboboxMultiCO.getComboboxSectionLabelByIndex(0);
+      const comboboxSectionWrapper = await DSComboboxMultiCO.getComboboxSectionWrapperSlotByIndex(0);
+      await expect(comboboxRootSlot).toHaveAttribute('data-testid', 'root data');
+      await expect(comboboxInputWrapperSlot).toHaveAttribute('data-testid', 'inputwrapper data');
+      await expect(comboboxInputSlot).toHaveAttribute('data-testid', 'input data');
+      await expect(comboboxDropdownButtonSlot).toHaveAttribute('data-testid', 'ddbutton data');
+      await expect(comboboxFastlistWrapperList).toHaveAttribute('data-testid', 'fastlist data');
+      await expect(comboboxMenuItemLabel).toHaveAttribute('data-testid', 'multimenuitem data');
+      await expect(comboboxSectionLabel).toHaveAttribute('data-testid', 'sectionlabel data');
+      await expect(comboboxSectionWrapper).toHaveAttribute('data-testid', 'sectionwrapper data');
+    });
+    it('03: should have custom lang for each slot', async () => {
+      const comboboxRootSlot = await DSComboboxMultiCO.getComboboxRootSlot();
+      const comboboxInputWrapperSlot = await DSComboboxMultiCO.getComboboxInputWrapperSlot();
+      const comboboxInputSlot = await DSComboboxMultiCO.getComboboxInputSlot();
+      const comboboxDropdownButtonSlot = await DSComboboxMultiCO.getComboboxDropDownMenuBtnSlot();
+      const comboboxFastlistWrapperList = await DSComboboxMultiCO.getFastListSlot();
+      const comboboxMenuItemLabel = await DSComboboxMultiCO.getComboboxMenuItemSlotByIndex(0);
+      const comboboxSectionLabel = await DSComboboxMultiCO.getComboboxSectionLabelByIndex(0);
+      const comboboxSectionWrapper = await DSComboboxMultiCO.getComboboxSectionWrapperSlotByIndex(0);
+      await expect(comboboxRootSlot).toHaveAttribute('lang', 'pt');
+      await expect(comboboxInputWrapperSlot).toHaveAttribute('lang', 'es');
+      await expect(comboboxInputSlot).toHaveAttribute('lang', 'de');
+      await expect(comboboxDropdownButtonSlot).toHaveAttribute('lang', 'en');
+      await expect(comboboxFastlistWrapperList).toHaveAttribute('lang', 'fr');
+      await expect(comboboxMenuItemLabel).toHaveAttribute('lang', 'it');
+      await expect(comboboxSectionLabel).toHaveAttribute('lang', 'nl');
+      await expect(comboboxSectionWrapper).toHaveAttribute('lang', 'sv');
+    });
+  });
+
+  describe('PUI-17261 - ComboboxMulti:: Slots - Loading Indicator -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.loadingIndicatorSlotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom data-*, aria-* and lang for loading indicator specific slots', async () => {
+      const combobox = await DSComboboxMultiCO.getComboboxRootSlot();
+      await combobox.click();
+      const dsComboboxLoadingIndicator = await DSComboboxMultiCO.getComboboxLoadingIndicator();
+      await expect(dsComboboxLoadingIndicator).toHaveAttribute('aria-label', 'loadingindicator aria');
+      await expect(dsComboboxLoadingIndicator).toHaveAttribute('data-testid', 'loadingindicator data');
+      await expect(dsComboboxLoadingIndicator).toHaveAttribute('lang', 'it');
+    });
+  });
+
+  describe('PUI-17262 - ComboboxMulti:: Slots - Skeleton -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.skeletonSlotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom data-*, aria-* and lang for skeleton specific slots', async () => {
+      const combobox = await DSComboboxMultiCO.getComboboxRootSlot();
+      await combobox.click();
+      const comboboxSkeleton = await DSComboboxMultiCO.getComboboxSkeletonMenuItem();
+      await expect(comboboxSkeleton).toHaveAttribute('aria-label', 'skeletonmenuitem aria');
+      await expect(comboboxSkeleton).toHaveAttribute('data-testid', 'skeletonmenuitem data');
+      await expect(comboboxSkeleton).toHaveAttribute('lang', 'ja');
+    });
+  });
+}

package/ds-form-combobox-multi/slots/DSComboboxMulti.slots.visual.spec.js

@@ -0,0 +1,51 @@
+/* eslint-disable max-lines */
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet
+) {
+  describe('PUI-17269 - ComboboxMulti:: Slots - Controlled Menu and Sections -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.controlledMenuStateWithSectionsSlotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display basic combobox multi with customized slots', async () => {
+      await browser.eyesOpen();
+      const combobox = await DSComboboxMultiCO.getComboboxRootSlot();
+      await combobox.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxMultiCO.snapshotPath('combo-multi-slots-basic'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-17268 - ComboboxMulti:: Slots - Loading Indicator -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.loadingIndicatorSlotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display combobox multi with loading indicator with customized slots', async () => {
+      await browser.eyesOpen();
+      const combobox = await DSComboboxMultiCO.getComboboxRootSlot();
+      await combobox.click();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxMultiCO.snapshotPath('combo-multi-slots-loading-indicator'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-17267 - ComboboxMulti:: Slots - Skeleton -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.skeletonSlotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display basic combobox multi with skeleton with customized slots', async () => {
+      await browser.eyesOpen();
+      const combobox = await DSComboboxMultiCO.getComboboxRootSlot();
+      await combobox.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxMultiCO.snapshotPath('combo-multi-slots-skeleton'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-single/DSComboboxSingleCO.js

@@ -16,20 +16,14 @@ export default class DSComboboxSingleCO extends PageObject {
 
   static readOnlyWithMenuOpenable = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'read-only-with-menu-openable-test');
 
-  static controlledMenuStateAdvancedCustomizationTest = new Urlbuilder(
+  static controlledMenuStateWithSectionsSlotsTest = new Urlbuilder(
     PATH_E2E_COMBOBOX_SINGLE_SLOTS,
-    'controlled-menu-state-advanced-customization-test',
+    'controlled-menu-state-with-section-slots-test',
   );
 
-  static loadingAdvancedCustomizationTest = new Urlbuilder(
-    PATH_E2E_COMBOBOX_SINGLE_SLOTS,
-    'loading-advanced-customization-test',
-  );
+  static loadingIndicatorSlotsTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE_SLOTS, 'loading-indicator-slots-test');
 
-  static skeletonAdvancedCustomizationTest = new Urlbuilder(
-    PATH_E2E_COMBOBOX_SINGLE_SLOTS,
-    'skeleton-advanced-customization-test',
-  );
+  static skeletonSlotsTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE_SLOTS, 'skeleton-slots-test');
 
   static floatingAfterFiltering = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'floating-after-filtering');
 
@@ -217,8 +211,8 @@ export default class DSComboboxSingleCO extends PageObject {
     return $('[data-dimsum-parent-slot="dsComboboxFastList"]');
   }
 
-  static async getFastListWrapperListSlot() {
-    return $('[data-dimsum-slot="dsFastlistWrapperList"]');
+  static async getFastListSlot() {
+    return $('[data-dimsum-slot="dsFastlistContainer"]');
   }
 
   static async getFastListItemSlot() {
@@ -233,8 +227,8 @@ export default class DSComboboxSingleCO extends PageObject {
     return $$('[data-dimsum-slot="dsMenuitemMenuItemContentWrapper"]')[index];
   }
 
-  static async getMenuitemMenuItemLabelSlotByIndex(index) {
-    return $$('[data-dimsum-slot="dsMenuitemMenuItemLabel"]')[index];
+  static async getComboboxMenuItemSlotByIndex(index) {
+    return $$('[data-dimsum-parent-slot="dsComboboxSingleMenuItem"]')[index];
   }
 
   static async getComboboxLoadingIndicator() {
@@ -244,6 +238,14 @@ export default class DSComboboxSingleCO extends PageObject {
   static async getComboboxSkeletonMenuItem() {
     return $('[data-dimsum-parent-slot="dsComboboxSkeletonMenuItem"]');
   }
+
+  static async getComboboxSectionLabelByIndex(index) {
+    return $$('[data-dimsum-slot="dsComboboxSectionLabel"]')[index];
+  }
+
+  static async getComboboxSectionWrapperSlotByIndex(index) {
+    return $$('[data-dimsum-slot="dsComboboxSectionWrapper"]')[index];
+  }
   // Slots end
 
   // actions

package/ds-form-combobox-single/slots/DSComboboxSingle.slots.func.spec.js

@@ -7,64 +7,94 @@ if (
     browser.capabilities.browserName === 'chrome') ||
   browser.capabilities.browserName === 'Chrome'
 ) {
-  describe('PUI-16558 - ComboboxSingle:: Slots - Controlled Menu Customization', () => {
+  describe('PUI-16558 - ComboboxSingle:: Slots - Controlled Menu and Sections -Func', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSComboboxSingleCO.controlledMenuStateAdvancedCustomizationTest.go();
+      const errorOnGo = await DSComboboxSingleCO.controlledMenuStateWithSectionsSlotsTest.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('01: should have custom data-* and aria-*', async () => {
+    it('01: should have custom aria-* for each slot', async () => {
       const comboboxRootSlot = await DSComboboxSingleCO.getComboboxRootSlot();
       const comboboxInputWrapperSlot = await DSComboboxSingleCO.getComboboxInputWrapperSlot();
       const comboboxInputSlot = await DSComboboxSingleCO.getComboboxInputSlot();
       const comboboxDropdownButtonSlot = await DSComboboxSingleCO.getComboboxDropDownMenuBtnSlot();
-      const comboboxFastlistWrapperList = await DSComboboxSingleCO.getFastListWrapperListSlot();
-      const comboboxMenuItemContent = await DSComboboxSingleCO.getMenuitemMenuItemsContentWrapperSlotByIndex(0);
-      const comboboxMenuItemLabel = await DSComboboxSingleCO.getMenuitemMenuItemLabelSlotByIndex(0);
-
-      await expect(comboboxRootSlot).toHaveAttribute('aria-label', 'Combobox with custom attributes');
-      await expect(comboboxInputWrapperSlot).toHaveAttribute(
-        'aria-label',
-        'Combobox input wrapper with custom attributes',
-      );
-      await expect(comboboxInputSlot).toHaveAttribute('aria-label', 'Combobox input with custom attributes');
-      await expect(comboboxDropdownButtonSlot).toHaveAttribute('aria-label', 'Combobox dropdown toggle menu button');
-      await expect(comboboxFastlistWrapperList).toHaveAttribute(
-        'aria-label',
-        'Combobox fast list wrapper with custom attributes',
-      );
-      await expect(comboboxMenuItemContent).toHaveAttribute('data-testid', 'custom-menu-item-content-wrapper-0');
-      await expect(comboboxMenuItemLabel).toHaveAttribute(
-        'aria-label',
-        'Custom Luke Skywalker too long this text is super long',
-      );
+      const comboboxFastlistWrapperList = await DSComboboxSingleCO.getFastListSlot();
+      const comboboxMenuItemLabel = await DSComboboxSingleCO.getComboboxMenuItemSlotByIndex(0);
+      const comboboxSectionLabel = await DSComboboxSingleCO.getComboboxSectionLabelByIndex(0);
+      const comboboxSectionWrapper = await DSComboboxSingleCO.getComboboxSectionWrapperSlotByIndex(0);
+      await expect(comboboxRootSlot).toHaveAttribute('aria-label', 'root aria');
+      await expect(comboboxInputWrapperSlot).toHaveAttribute('aria-label', 'inputwrapper aria');
+      await expect(comboboxInputSlot).toHaveAttribute('aria-label', 'input aria');
+      await expect(comboboxDropdownButtonSlot).toHaveAttribute('aria-label', 'ddbutton aria');
+      await expect(comboboxFastlistWrapperList).toHaveAttribute('aria-label', 'fastlist aria');
+      await expect(comboboxMenuItemLabel).toHaveAttribute('aria-label', 'singlemenuitem aria');
+      await expect(comboboxSectionLabel).toHaveAttribute('aria-label', 'sectionlabel aria');
+      await expect(comboboxSectionWrapper).toHaveAttribute('aria-label', 'sectionwrapper aria');
+    });
+    it('02: should have custom data-* for each slot', async () => {
+      const comboboxRootSlot = await DSComboboxSingleCO.getComboboxRootSlot();
+      const comboboxInputWrapperSlot = await DSComboboxSingleCO.getComboboxInputWrapperSlot();
+      const comboboxInputSlot = await DSComboboxSingleCO.getComboboxInputSlot();
+      const comboboxDropdownButtonSlot = await DSComboboxSingleCO.getComboboxDropDownMenuBtnSlot();
+      const comboboxFastlistWrapperList = await DSComboboxSingleCO.getFastListSlot();
+      const comboboxMenuItemLabel = await DSComboboxSingleCO.getComboboxMenuItemSlotByIndex(0);
+      const comboboxSectionLabel = await DSComboboxSingleCO.getComboboxSectionLabelByIndex(0);
+      const comboboxSectionWrapper = await DSComboboxSingleCO.getComboboxSectionWrapperSlotByIndex(0);
+      await expect(comboboxRootSlot).toHaveAttribute('data-testid', 'root data');
+      await expect(comboboxInputWrapperSlot).toHaveAttribute('data-testid', 'inputwrapper data');
+      await expect(comboboxInputSlot).toHaveAttribute('data-testid', 'input data');
+      await expect(comboboxDropdownButtonSlot).toHaveAttribute('data-testid', 'ddbutton data');
+      await expect(comboboxFastlistWrapperList).toHaveAttribute('data-testid', 'fastlist data');
+      await expect(comboboxMenuItemLabel).toHaveAttribute('data-testid', 'singlemenuitem data');
+      await expect(comboboxSectionLabel).toHaveAttribute('data-testid', 'sectionlabel data');
+      await expect(comboboxSectionWrapper).toHaveAttribute('data-testid', 'sectionwrapper data');
+    });
+    it('03: should have custom lang for each slot', async () => {
+      const comboboxRootSlot = await DSComboboxSingleCO.getComboboxRootSlot();
+      const comboboxInputWrapperSlot = await DSComboboxSingleCO.getComboboxInputWrapperSlot();
+      const comboboxInputSlot = await DSComboboxSingleCO.getComboboxInputSlot();
+      const comboboxDropdownButtonSlot = await DSComboboxSingleCO.getComboboxDropDownMenuBtnSlot();
+      const comboboxFastlistWrapperList = await DSComboboxSingleCO.getFastListSlot();
+      const comboboxMenuItemLabel = await DSComboboxSingleCO.getComboboxMenuItemSlotByIndex(0);
+      const comboboxSectionLabel = await DSComboboxSingleCO.getComboboxSectionLabelByIndex(0);
+      const comboboxSectionWrapper = await DSComboboxSingleCO.getComboboxSectionWrapperSlotByIndex(0);
+      await expect(comboboxRootSlot).toHaveAttribute('lang', 'ja');
+      await expect(comboboxInputWrapperSlot).toHaveAttribute('lang', 'it');
+      await expect(comboboxInputSlot).toHaveAttribute('lang', 'de');
+      await expect(comboboxDropdownButtonSlot).toHaveAttribute('lang', 'fr');
+      await expect(comboboxFastlistWrapperList).toHaveAttribute('lang', 'es');
+      await expect(comboboxMenuItemLabel).toHaveAttribute('lang', 'pt');
+      await expect(comboboxSectionLabel).toHaveAttribute('lang', 'zh');
+      await expect(comboboxSectionWrapper).toHaveAttribute('lang', 'ru');
     });
   });
 
-  describe('PUI-16559 - ComboboxSingle:: Slots - loading advanced customization', () => {
+  describe('PUI-16559 - ComboboxSingle:: Slots - Loading Indicator -Func', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSComboboxSingleCO.loadingAdvancedCustomizationTest.go();
+      const errorOnGo = await DSComboboxSingleCO.loadingIndicatorSlotsTest.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('01: should have custom data-* and aria-*', async () => {
-      const combobox = await DSComboboxSingleCO.getCombobox();
+    it('01: should have custom data-*, aria-* and lang for loading indicator specific slots', async () => {
+      const combobox = await DSComboboxSingleCO.getComboboxRootSlot();
       await combobox.click();
       const dsComboboxLoadingIndicator = await DSComboboxSingleCO.getComboboxLoadingIndicator();
-
-      await expect(dsComboboxLoadingIndicator).toHaveAttribute('aria-label', 'Loading characters...');
+      await expect(dsComboboxLoadingIndicator).toHaveAttribute('aria-label', 'loadingindicator aria');
+      await expect(dsComboboxLoadingIndicator).toHaveAttribute('data-testid', 'loadingindicator data');
+      await expect(dsComboboxLoadingIndicator).toHaveAttribute('lang', 'it');
     });
   });
 
-  describe('PUI-16560 - ComboboxSingle:: Slots - skeleton advanced customization', () => {
+  describe('PUI-16560 - ComboboxSingle:: Slots - Skeleton -Func', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSComboboxSingleCO.skeletonAdvancedCustomizationTest.go();
+      const errorOnGo = await DSComboboxSingleCO.skeletonSlotsTest.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('01: should have custom data-* and aria-*', async () => {
-      const combobox = await DSComboboxSingleCO.getCombobox();
+    it('01: should have custom data-*, aria-* and lang for skeleton specific slots', async () => {
+      const combobox = await DSComboboxSingleCO.getComboboxRootSlot();
       await combobox.click();
       const comboboxSkeleton = await DSComboboxSingleCO.getComboboxSkeletonMenuItem();
-
-      await expect(comboboxSkeleton).toHaveAttribute('data-testid', 'ds-form-combobox-skeleton-menu-item');
+      await expect(comboboxSkeleton).toHaveAttribute('aria-label', 'skeleton aria');
+      await expect(comboboxSkeleton).toHaveAttribute('data-testid', 'skeleton data');
+      await expect(comboboxSkeleton).toHaveAttribute('lang', 'ja');
     });
   });
 }

package/ds-form-combobox-single/slots/DSComboboxSingle.slots.visual.spec.js

@@ -0,0 +1,53 @@
+/* eslint-disable max-lines */
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17270 - ComboboxSingle:: Slots - Controlled Menu and Sections -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.controlledMenuStateWithSectionsSlotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display basic combobox single with customized slots', async () => {
+      await browser.eyesOpen();
+      const combobox = await DSComboboxSingleCO.getComboboxRootSlot();
+      await combobox.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxSingleCO.snapshotPath('combo-single-slots-basic'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-17271 - ComboboxSingle:: Slots - Loading Indicator -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.loadingIndicatorSlotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display combobox single with loading indicator with customized slots', async () => {
+      await browser.eyesOpen();
+      const combobox = await DSComboboxSingleCO.getComboboxRootSlot();
+      await combobox.click();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combo-single-slots-loading-indicator'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-17273 - ComboboxSingle:: Slots - Skeleton -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.skeletonSlotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display basic combobox single with skeleton with customized slots', async () => {
+      await browser.eyesOpen();
+      const combobox = await DSComboboxSingleCO.getComboboxRootSlot();
+      await combobox.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxSingleCO.snapshotPath('combo-single-slots-skeleton'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-layout-blocks/form-layout-block-item/DSFormLayoutBlockItem.axe-core.func.spec.js

@@ -142,10 +142,13 @@ if (
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });
-    it('02: should have required attribute for required formLayoutBlock label', async () => {
+    it('02: should have required attribute and aria-hidden for required formLayoutBlock label', async () => {
       const formLayout = await DSFormLayoutBlockItemCO.getBlockContainersByIndex(0);
       await formLayout.waitForDisplayed();
+      const star = await DSFormLayoutBlockItemCO.getRequiredStarFromindex();
+      const ariaHidden = await star.getAttribute('aria-hidden');
       const isRequired = await formLayout.getAttribute('required');
+      expect(ariaHidden).toEqual('true');
       expect(isRequired).toBe('true');
     });
   });

package/ds-form-layout-blocks/form-layout-block-item/DSFormLayoutBlockItemCO.js

@@ -43,6 +43,10 @@ export default class DSFormLayoutBlockItemCO extends PageObject {
     return $$('[data-testid="ds-inputtext-input"]')[index];
   }
 
+  static async getRequiredStarFromIndex(index = 0) {
+    return $$('[data-testid="ds-formlayoutblockitem-mark"]')[index];
+  }
+
   static async getTextFocuseableByIndex(index = 0) {
     return $$(`[data-testid="ds-input-text-root"]`)[index];
   }

package/package.json

@@ -1,194 +1,194 @@
 {
   "type": "module",
   "name": "dimsum-e2e-tests",
-  "version": "3.57.0-next.2",
+  "version": "3.57.0-next.3",
   "description": "End-to-end tests for dimsum library",
   "dependencies": {
-    "@elliemae/ds-accessibility": "3.57.0-next.2",
-    "@elliemae/ds-app-picker": "3.57.0-next.2",
-    "@elliemae/ds-accordion": "3.57.0-next.2",
-    "@elliemae/ds-backdrop": "3.57.0-next.2",
-    "@elliemae/ds-basic": "3.57.0-next.2",
-    "@elliemae/ds-banner": "3.57.0-next.2",
-    "@elliemae/ds-breadcrumb": "3.57.0-next.2",
-    "@elliemae/ds-button-group": "3.57.0-next.2",
-    "@elliemae/ds-button": "3.57.0-next.2",
-    "@elliemae/ds-button-v1": "3.57.0-next.2",
-    "@elliemae/ds-card": "3.57.0-next.2",
-    "@elliemae/ds-card-navigation": "3.57.0-next.2",
-    "@elliemae/ds-card-array": "3.57.0-next.2",
-    "@elliemae/ds-button-v2": "3.57.0-next.2",
-    "@elliemae/ds-card-v1-detail": "3.57.0-next.2",
-    "@elliemae/ds-card-v1": "3.57.0-next.2",
-    "@elliemae/ds-card-v2": "3.57.0-next.2",
-    "@elliemae/ds-card-v2-action-addon": "3.57.0-next.2",
-    "@elliemae/ds-card-v2-group": "3.57.0-next.2",
-    "@elliemae/ds-card-v3": "3.57.0-next.2",
-    "@elliemae/ds-card-v3-poc": "3.57.0-next.2",
-    "@elliemae/ds-chat-bubble": "3.57.0-next.2",
-    "@elliemae/ds-chat-card": "3.57.0-next.2",
-    "@elliemae/ds-chat-empty-state": "3.57.0-next.2",
-    "@elliemae/ds-chat-container": "3.57.0-next.2",
-    "@elliemae/ds-chat": "3.57.0-next.2",
-    "@elliemae/ds-chat-container-header": "3.57.0-next.2",
-    "@elliemae/ds-chat-floating-button": "3.57.0-next.2",
-    "@elliemae/ds-chat-message-delimeter": "3.57.0-next.2",
-    "@elliemae/ds-chat-sidebar": "3.57.0-next.2",
-    "@elliemae/ds-chat-tile": "3.57.0-next.2",
-    "@elliemae/ds-chat-system-message": "3.57.0-next.2",
-    "@elliemae/ds-chip": "3.57.0-next.2",
-    "@elliemae/ds-classnames": "3.57.0-next.2",
-    "@elliemae/ds-circular-progress-indicator": "3.57.0-next.2",
-    "@elliemae/ds-codeeditor": "3.57.0-next.2",
-    "@elliemae/ds-comments": "3.57.0-next.2",
-    "@elliemae/ds-controlled-form": "3.57.0-next.2",
-    "@elliemae/ds-data-table": "3.57.0-next.2",
-    "@elliemae/ds-csv-converter": "3.57.0-next.2",
-    "@elliemae/ds-data-table-action-cell": "3.57.0-next.2",
-    "@elliemae/ds-data-table-cell": "3.57.0-next.2",
-    "@elliemae/ds-common": "3.57.0-next.2",
-    "@elliemae/ds-data-table-cell-header": "3.57.0-next.2",
-    "@elliemae/ds-data-table-expand-cell": "3.57.0-next.2",
-    "@elliemae/ds-data-table-filters": "3.57.0-next.2",
-    "@elliemae/ds-data-table-drag-and-drop-cell": "3.57.0-next.2",
-    "@elliemae/ds-data-table-single-select-cell": "3.57.0-next.2",
-    "@elliemae/ds-data-table-multi-select-cell": "3.57.0-next.2",
-    "@elliemae/ds-datagrids": "3.57.0-next.2",
-    "@elliemae/ds-dataviz": "3.57.0-next.2",
-    "@elliemae/ds-dataviz-pie": "3.57.0-next.2",
-    "@elliemae/ds-date-picker": "3.57.0-next.2",
-    "@elliemae/ds-date-range-picker": "3.57.0-next.2",
-    "@elliemae/ds-date-range-selector": "3.57.0-next.2",
-    "@elliemae/ds-date-time-picker": "3.57.0-next.2",
-    "@elliemae/ds-decision-graph": "3.57.0-next.2",
-    "@elliemae/ds-date-time-recurrence-picker": "3.57.0-next.2",
-    "@elliemae/ds-dialog": "3.57.0-next.2",
-    "@elliemae/ds-dropdownmenu": "3.57.0-next.2",
-    "@elliemae/ds-drag-and-drop": "3.57.0-next.2",
-    "@elliemae/ds-dropdownmenu-v2": "3.57.0-next.2",
-    "@elliemae/ds-fast-list": "3.57.0-next.2",
-    "@elliemae/ds-floating-context": "3.57.0-next.2",
-    "@elliemae/ds-filterbar": "3.57.0-next.2",
-    "@elliemae/ds-dropzone": "3.57.0-next.2",
-    "@elliemae/ds-form": "3.57.0-next.2",
-    "@elliemae/ds-form-checkbox": "3.57.0-next.2",
-    "@elliemae/ds-form-date-range-picker": "3.57.0-next.2",
-    "@elliemae/ds-form-combobox": "3.57.0-next.2",
-    "@elliemae/ds-form-date-time-picker": "3.57.0-next.2",
-    "@elliemae/ds-form-input-text": "3.57.0-next.2",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.57.0-next.2",
-    "@elliemae/ds-form-input-textarea": "3.57.0-next.2",
-    "@elliemae/ds-form-layout-blocks": "3.57.0-next.2",
-    "@elliemae/ds-form-layout-input-group": "3.57.0-next.2",
-    "@elliemae/ds-form-layout-label": "3.57.0-next.2",
-    "@elliemae/ds-form-multi-combobox": "3.57.0-next.2",
-    "@elliemae/ds-form-layout-autocomplete": "3.57.0-next.2",
-    "@elliemae/ds-form-native-select": "3.57.0-next.2",
-    "@elliemae/ds-form-radio": "3.57.0-next.2",
-    "@elliemae/ds-form-select": "3.57.0-next.2",
-    "@elliemae/ds-form-single-combobox": "3.57.0-next.2",
-    "@elliemae/ds-form-toggle": "3.57.0-next.2",
-    "@elliemae/ds-group-box": "3.57.0-next.2",
-    "@elliemae/ds-global-header": "3.57.0-next.2",
-    "@elliemae/ds-grid": "3.57.0-next.2",
-    "@elliemae/ds-hidden": "3.57.0-next.2",
-    "@elliemae/ds-header": "3.57.0-next.2",
-    "@elliemae/ds-hooks-focus-stack": "3.57.0-next.2",
-    "@elliemae/ds-hooks-fontsize-detector": "3.57.0-next.2",
-    "@elliemae/ds-hooks-focus-trap": "3.57.0-next.2",
-    "@elliemae/ds-hooks-fontsize-media": "3.57.0-next.2",
-    "@elliemae/ds-hooks-headless-tooltip": "3.57.0-next.2",
-    "@elliemae/ds-hooks-is-mobile": "3.57.0-next.2",
-    "@elliemae/ds-hooks-is-showing-ellipsis": "3.57.0-next.2",
-    "@elliemae/ds-hooks-keyboard-navigation": "3.57.0-next.2",
-    "@elliemae/ds-hooks-on-first-focus-in": "3.57.0-next.2",
-    "@elliemae/ds-icon": "3.57.0-next.2",
-    "@elliemae/ds-hooks-on-blur-out": "3.57.0-next.2",
-    "@elliemae/ds-icons": "3.57.0-next.2",
-    "@elliemae/ds-imagelibrarymodal": "3.57.0-next.2",
-    "@elliemae/ds-image": "3.57.0-next.2",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.57.0-next.2",
-    "@elliemae/ds-label-value": "3.57.0-next.2",
-    "@elliemae/ds-layout-provider": "3.57.0-next.2",
-    "@elliemae/ds-left-navigation": "3.57.0-next.2",
-    "@elliemae/ds-list-section-header": "3.57.0-next.2",
-    "@elliemae/ds-menu": "3.57.0-next.2",
-    "@elliemae/ds-loading-indicator": "3.57.0-next.2",
-    "@elliemae/ds-menu-button": "3.57.0-next.2",
-    "@elliemae/ds-menu-items": "3.57.0-next.2",
-    "@elliemae/ds-menu-items-action": "3.57.0-next.2",
-    "@elliemae/ds-menu-items-commons": "3.57.0-next.2",
-    "@elliemae/ds-menu-items-single": "3.57.0-next.2",
-    "@elliemae/ds-menu-items-multi": "3.57.0-next.2",
-    "@elliemae/ds-menu-items-separator": "3.57.0-next.2",
-    "@elliemae/ds-menu-items-section": "3.57.0-next.2",
-    "@elliemae/ds-menu-items-skeleton": "3.57.0-next.2",
-    "@elliemae/ds-menu-items-single-with-submenu": "3.57.0-next.2",
-    "@elliemae/ds-menu-items-submenu": "3.57.0-next.2",
-    "@elliemae/ds-mini-toolbar": "3.57.0-next.2",
-    "@elliemae/ds-mobile": "3.57.0-next.2",
-    "@elliemae/ds-menu-tree-item": "3.57.0-next.2",
-    "@elliemae/ds-modal": "3.57.0-next.2",
-    "@elliemae/ds-modal-slide": "3.57.0-next.2",
-    "@elliemae/ds-notification-badge": "3.57.0-next.2",
-    "@elliemae/ds-overlay": "3.57.0-next.2",
-    "@elliemae/ds-number-range-field": "3.57.0-next.2",
-    "@elliemae/ds-page-header-v1": "3.57.0-next.2",
-    "@elliemae/ds-page-header-v2": "3.57.0-next.2",
-    "@elliemae/ds-page-header": "3.57.0-next.2",
-    "@elliemae/ds-page-layout": "3.57.0-next.2",
-    "@elliemae/ds-page-number": "3.57.0-next.2",
-    "@elliemae/ds-pagination": "3.57.0-next.2",
-    "@elliemae/ds-pills": "3.57.0-next.2",
-    "@elliemae/ds-popper": "3.57.0-next.2",
-    "@elliemae/ds-pills-v2": "3.57.0-next.2",
-    "@elliemae/ds-popover": "3.57.0-next.2",
-    "@elliemae/ds-portal": "3.57.0-next.2",
-    "@elliemae/ds-progress-indicator": "3.57.0-next.2",
-    "@elliemae/ds-popperjs": "3.57.0-next.2",
-    "@elliemae/ds-props-helpers": "3.57.0-next.2",
-    "@elliemae/ds-query-builder": "3.57.0-next.2",
-    "@elliemae/ds-resizeable-container": "3.57.0-next.2",
-    "@elliemae/ds-read-more": "3.57.0-next.2",
-    "@elliemae/ds-ribbon": "3.57.0-next.2",
-    "@elliemae/ds-scrollable-container": "3.57.0-next.2",
-    "@elliemae/ds-search-field": "3.57.0-next.2",
-    "@elliemae/ds-separator": "3.57.0-next.2",
-    "@elliemae/ds-shared": "3.57.0-next.2",
-    "@elliemae/ds-shuttle": "3.57.0-next.2",
-    "@elliemae/ds-side-panel": "3.57.0-next.2",
-    "@elliemae/ds-shuttle-v2": "3.57.0-next.2",
-    "@elliemae/ds-side-panel-header": "3.57.0-next.2",
-    "@elliemae/ds-skeleton": "3.57.0-next.2",
-    "@elliemae/ds-slider": "3.57.0-next.2",
-    "@elliemae/ds-slider-v2": "3.57.0-next.2",
-    "@elliemae/ds-square-indicator": "3.57.0-next.2",
-    "@elliemae/ds-spinner": "3.57.0-next.2",
-    "@elliemae/ds-svg": "3.57.0-next.2",
-    "@elliemae/ds-system": "3.57.0-next.2",
-    "@elliemae/ds-stepper": "3.57.0-next.2",
-    "@elliemae/ds-tabs": "3.57.0-next.2",
-    "@elliemae/ds-test-utils": "3.57.0-next.2",
-    "@elliemae/ds-time-picker": "3.57.0-next.2",
-    "@elliemae/ds-text-wrapper": "3.57.0-next.2",
-    "@elliemae/ds-toast": "3.57.0-next.2",
-    "@elliemae/ds-toolbar": "3.57.0-next.2",
-    "@elliemae/ds-toolbar-v2": "3.57.0-next.2",
-    "@elliemae/ds-toolbar-v1": "3.57.0-next.2",
-    "@elliemae/ds-tooltip-v3": "3.57.0-next.2",
-    "@elliemae/ds-tree-model": "3.57.0-next.2",
-    "@elliemae/ds-treeview": "3.57.0-next.2",
-    "@elliemae/ds-truncated-expandable-text": "3.57.0-next.2",
-    "@elliemae/ds-transition": "3.57.0-next.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.57.0-next.2",
-    "@elliemae/ds-typescript-helpers": "3.57.0-next.2",
-    "@elliemae/ds-uploader": "3.57.0-next.2",
-    "@elliemae/ds-typography": "3.57.0-next.2",
-    "@elliemae/ds-wizard": "3.57.0-next.2",
-    "@elliemae/ds-wysiwygeditor": "3.57.0-next.2",
-    "@elliemae/ds-virtual-list": "3.57.0-next.2",
-    "@elliemae/ds-zipcode-search": "3.57.0-next.2",
-    "@elliemae/ds-zoom": "3.57.0-next.2",
-    "@elliemae/ds-zustand-helpers": "3.57.0-next.2"
+    "@elliemae/ds-accessibility": "3.57.0-next.3",
+    "@elliemae/ds-accordion": "3.57.0-next.3",
+    "@elliemae/ds-app-picker": "3.57.0-next.3",
+    "@elliemae/ds-backdrop": "3.57.0-next.3",
+    "@elliemae/ds-banner": "3.57.0-next.3",
+    "@elliemae/ds-basic": "3.57.0-next.3",
+    "@elliemae/ds-breadcrumb": "3.57.0-next.3",
+    "@elliemae/ds-button": "3.57.0-next.3",
+    "@elliemae/ds-button-group": "3.57.0-next.3",
+    "@elliemae/ds-button-v1": "3.57.0-next.3",
+    "@elliemae/ds-button-v2": "3.57.0-next.3",
+    "@elliemae/ds-card": "3.57.0-next.3",
+    "@elliemae/ds-card-navigation": "3.57.0-next.3",
+    "@elliemae/ds-card-v1": "3.57.0-next.3",
+    "@elliemae/ds-card-v1-detail": "3.57.0-next.3",
+    "@elliemae/ds-card-array": "3.57.0-next.3",
+    "@elliemae/ds-card-v2": "3.57.0-next.3",
+    "@elliemae/ds-card-v2-group": "3.57.0-next.3",
+    "@elliemae/ds-card-v3": "3.57.0-next.3",
+    "@elliemae/ds-card-v2-action-addon": "3.57.0-next.3",
+    "@elliemae/ds-card-v3-poc": "3.57.0-next.3",
+    "@elliemae/ds-chat": "3.57.0-next.3",
+    "@elliemae/ds-chat-bubble": "3.57.0-next.3",
+    "@elliemae/ds-chat-card": "3.57.0-next.3",
+    "@elliemae/ds-chat-container": "3.57.0-next.3",
+    "@elliemae/ds-chat-container-header": "3.57.0-next.3",
+    "@elliemae/ds-chat-empty-state": "3.57.0-next.3",
+    "@elliemae/ds-chat-floating-button": "3.57.0-next.3",
+    "@elliemae/ds-chat-message-delimeter": "3.57.0-next.3",
+    "@elliemae/ds-chat-sidebar": "3.57.0-next.3",
+    "@elliemae/ds-chat-system-message": "3.57.0-next.3",
+    "@elliemae/ds-chat-tile": "3.57.0-next.3",
+    "@elliemae/ds-chip": "3.57.0-next.3",
+    "@elliemae/ds-circular-progress-indicator": "3.57.0-next.3",
+    "@elliemae/ds-classnames": "3.57.0-next.3",
+    "@elliemae/ds-common": "3.57.0-next.3",
+    "@elliemae/ds-comments": "3.57.0-next.3",
+    "@elliemae/ds-codeeditor": "3.57.0-next.3",
+    "@elliemae/ds-controlled-form": "3.57.0-next.3",
+    "@elliemae/ds-csv-converter": "3.57.0-next.3",
+    "@elliemae/ds-data-table": "3.57.0-next.3",
+    "@elliemae/ds-data-table-action-cell": "3.57.0-next.3",
+    "@elliemae/ds-data-table-cell": "3.57.0-next.3",
+    "@elliemae/ds-data-table-drag-and-drop-cell": "3.57.0-next.3",
+    "@elliemae/ds-data-table-expand-cell": "3.57.0-next.3",
+    "@elliemae/ds-data-table-single-select-cell": "3.57.0-next.3",
+    "@elliemae/ds-data-table-cell-header": "3.57.0-next.3",
+    "@elliemae/ds-data-table-filters": "3.57.0-next.3",
+    "@elliemae/ds-data-table-multi-select-cell": "3.57.0-next.3",
+    "@elliemae/ds-dataviz": "3.57.0-next.3",
+    "@elliemae/ds-datagrids": "3.57.0-next.3",
+    "@elliemae/ds-date-picker": "3.57.0-next.3",
+    "@elliemae/ds-dataviz-pie": "3.57.0-next.3",
+    "@elliemae/ds-date-time-picker": "3.57.0-next.3",
+    "@elliemae/ds-date-range-selector": "3.57.0-next.3",
+    "@elliemae/ds-date-range-picker": "3.57.0-next.3",
+    "@elliemae/ds-decision-graph": "3.57.0-next.3",
+    "@elliemae/ds-date-time-recurrence-picker": "3.57.0-next.3",
+    "@elliemae/ds-dialog": "3.57.0-next.3",
+    "@elliemae/ds-drag-and-drop": "3.57.0-next.3",
+    "@elliemae/ds-dropdownmenu": "3.57.0-next.3",
+    "@elliemae/ds-dropdownmenu-v2": "3.57.0-next.3",
+    "@elliemae/ds-dropzone": "3.57.0-next.3",
+    "@elliemae/ds-fast-list": "3.57.0-next.3",
+    "@elliemae/ds-floating-context": "3.57.0-next.3",
+    "@elliemae/ds-filterbar": "3.57.0-next.3",
+    "@elliemae/ds-form": "3.57.0-next.3",
+    "@elliemae/ds-form-date-range-picker": "3.57.0-next.3",
+    "@elliemae/ds-form-combobox": "3.57.0-next.3",
+    "@elliemae/ds-form-checkbox": "3.57.0-next.3",
+    "@elliemae/ds-form-input-textarea": "3.57.0-next.3",
+    "@elliemae/ds-form-date-time-picker": "3.57.0-next.3",
+    "@elliemae/ds-form-input-text": "3.57.0-next.3",
+    "@elliemae/ds-form-layout-autocomplete": "3.57.0-next.3",
+    "@elliemae/ds-form-helpers-mask-hooks": "3.57.0-next.3",
+    "@elliemae/ds-form-layout-blocks": "3.57.0-next.3",
+    "@elliemae/ds-form-layout-label": "3.57.0-next.3",
+    "@elliemae/ds-form-layout-input-group": "3.57.0-next.3",
+    "@elliemae/ds-form-multi-combobox": "3.57.0-next.3",
+    "@elliemae/ds-form-select": "3.57.0-next.3",
+    "@elliemae/ds-form-native-select": "3.57.0-next.3",
+    "@elliemae/ds-form-radio": "3.57.0-next.3",
+    "@elliemae/ds-form-single-combobox": "3.57.0-next.3",
+    "@elliemae/ds-form-toggle": "3.57.0-next.3",
+    "@elliemae/ds-grid": "3.57.0-next.3",
+    "@elliemae/ds-global-header": "3.57.0-next.3",
+    "@elliemae/ds-group-box": "3.57.0-next.3",
+    "@elliemae/ds-header": "3.57.0-next.3",
+    "@elliemae/ds-hidden": "3.57.0-next.3",
+    "@elliemae/ds-hooks-focus-stack": "3.57.0-next.3",
+    "@elliemae/ds-hooks-focus-trap": "3.57.0-next.3",
+    "@elliemae/ds-hooks-fontsize-media": "3.57.0-next.3",
+    "@elliemae/ds-hooks-fontsize-detector": "3.57.0-next.3",
+    "@elliemae/ds-hooks-headless-tooltip": "3.57.0-next.3",
+    "@elliemae/ds-hooks-is-showing-ellipsis": "3.57.0-next.3",
+    "@elliemae/ds-hooks-is-mobile": "3.57.0-next.3",
+    "@elliemae/ds-hooks-keyboard-navigation": "3.57.0-next.3",
+    "@elliemae/ds-hooks-on-first-focus-in": "3.57.0-next.3",
+    "@elliemae/ds-image": "3.57.0-next.3",
+    "@elliemae/ds-hooks-on-blur-out": "3.57.0-next.3",
+    "@elliemae/ds-icon": "3.57.0-next.3",
+    "@elliemae/ds-icons": "3.57.0-next.3",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.57.0-next.3",
+    "@elliemae/ds-imagelibrarymodal": "3.57.0-next.3",
+    "@elliemae/ds-label-value": "3.57.0-next.3",
+    "@elliemae/ds-left-navigation": "3.57.0-next.3",
+    "@elliemae/ds-list-section-header": "3.57.0-next.3",
+    "@elliemae/ds-layout-provider": "3.57.0-next.3",
+    "@elliemae/ds-loading-indicator": "3.57.0-next.3",
+    "@elliemae/ds-menu-button": "3.57.0-next.3",
+    "@elliemae/ds-menu": "3.57.0-next.3",
+    "@elliemae/ds-menu-items": "3.57.0-next.3",
+    "@elliemae/ds-menu-items-action": "3.57.0-next.3",
+    "@elliemae/ds-menu-items-multi": "3.57.0-next.3",
+    "@elliemae/ds-menu-items-section": "3.57.0-next.3",
+    "@elliemae/ds-menu-items-commons": "3.57.0-next.3",
+    "@elliemae/ds-menu-items-separator": "3.57.0-next.3",
+    "@elliemae/ds-menu-items-single": "3.57.0-next.3",
+    "@elliemae/ds-menu-items-single-with-submenu": "3.57.0-next.3",
+    "@elliemae/ds-menu-items-submenu": "3.57.0-next.3",
+    "@elliemae/ds-menu-items-skeleton": "3.57.0-next.3",
+    "@elliemae/ds-menu-tree-item": "3.57.0-next.3",
+    "@elliemae/ds-modal": "3.57.0-next.3",
+    "@elliemae/ds-mini-toolbar": "3.57.0-next.3",
+    "@elliemae/ds-mobile": "3.57.0-next.3",
+    "@elliemae/ds-number-range-field": "3.57.0-next.3",
+    "@elliemae/ds-notification-badge": "3.57.0-next.3",
+    "@elliemae/ds-overlay": "3.57.0-next.3",
+    "@elliemae/ds-modal-slide": "3.57.0-next.3",
+    "@elliemae/ds-page-header": "3.57.0-next.3",
+    "@elliemae/ds-page-header-v1": "3.57.0-next.3",
+    "@elliemae/ds-page-header-v2": "3.57.0-next.3",
+    "@elliemae/ds-page-layout": "3.57.0-next.3",
+    "@elliemae/ds-pills": "3.57.0-next.3",
+    "@elliemae/ds-page-number": "3.57.0-next.3",
+    "@elliemae/ds-pagination": "3.57.0-next.3",
+    "@elliemae/ds-pills-v2": "3.57.0-next.3",
+    "@elliemae/ds-popper": "3.57.0-next.3",
+    "@elliemae/ds-popover": "3.57.0-next.3",
+    "@elliemae/ds-popperjs": "3.57.0-next.3",
+    "@elliemae/ds-progress-indicator": "3.57.0-next.3",
+    "@elliemae/ds-portal": "3.57.0-next.3",
+    "@elliemae/ds-props-helpers": "3.57.0-next.3",
+    "@elliemae/ds-query-builder": "3.57.0-next.3",
+    "@elliemae/ds-resizeable-container": "3.57.0-next.3",
+    "@elliemae/ds-read-more": "3.57.0-next.3",
+    "@elliemae/ds-search-field": "3.57.0-next.3",
+    "@elliemae/ds-scrollable-container": "3.57.0-next.3",
+    "@elliemae/ds-ribbon": "3.57.0-next.3",
+    "@elliemae/ds-separator": "3.57.0-next.3",
+    "@elliemae/ds-shared": "3.57.0-next.3",
+    "@elliemae/ds-side-panel": "3.57.0-next.3",
+    "@elliemae/ds-shuttle-v2": "3.57.0-next.3",
+    "@elliemae/ds-shuttle": "3.57.0-next.3",
+    "@elliemae/ds-skeleton": "3.57.0-next.3",
+    "@elliemae/ds-side-panel-header": "3.57.0-next.3",
+    "@elliemae/ds-slider": "3.57.0-next.3",
+    "@elliemae/ds-spinner": "3.57.0-next.3",
+    "@elliemae/ds-slider-v2": "3.57.0-next.3",
+    "@elliemae/ds-svg": "3.57.0-next.3",
+    "@elliemae/ds-square-indicator": "3.57.0-next.3",
+    "@elliemae/ds-stepper": "3.57.0-next.3",
+    "@elliemae/ds-system": "3.57.0-next.3",
+    "@elliemae/ds-test-utils": "3.57.0-next.3",
+    "@elliemae/ds-tabs": "3.57.0-next.3",
+    "@elliemae/ds-text-wrapper": "3.57.0-next.3",
+    "@elliemae/ds-toast": "3.57.0-next.3",
+    "@elliemae/ds-time-picker": "3.57.0-next.3",
+    "@elliemae/ds-toolbar": "3.57.0-next.3",
+    "@elliemae/ds-toolbar-v2": "3.57.0-next.3",
+    "@elliemae/ds-toolbar-v1": "3.57.0-next.3",
+    "@elliemae/ds-tooltip-v3": "3.57.0-next.3",
+    "@elliemae/ds-truncated-expandable-text": "3.57.0-next.3",
+    "@elliemae/ds-treeview": "3.57.0-next.3",
+    "@elliemae/ds-transition": "3.57.0-next.3",
+    "@elliemae/ds-tree-model": "3.57.0-next.3",
+    "@elliemae/ds-typescript-helpers": "3.57.0-next.3",
+    "@elliemae/ds-truncated-tooltip-text": "3.57.0-next.3",
+    "@elliemae/ds-typography": "3.57.0-next.3",
+    "@elliemae/ds-virtual-list": "3.57.0-next.3",
+    "@elliemae/ds-uploader": "3.57.0-next.3",
+    "@elliemae/ds-wizard": "3.57.0-next.3",
+    "@elliemae/ds-wysiwygeditor": "3.57.0-next.3",
+    "@elliemae/ds-zipcode-search": "3.57.0-next.3",
+    "@elliemae/ds-zoom": "3.57.0-next.3",
+    "@elliemae/ds-zustand-helpers": "3.57.0-next.3"
   }
 }

package/paths.js

@@ -313,6 +313,7 @@ export const PATH_E2E_VIRTUAL_LIST = `${PATH_E2E}/Virtual-list`;
 export const PATH_E2E_COMBOBOX = `${PATH_E2E_END_OF_LIFE}/ComboboxV2`;
 export const PATH_E2E_COMBOBOX_V3 = `${PATH_E2E}/ComboboxV3`;
 export const PATH_E2E_COMBOBOX_MULTI = `${PATH_E2E}/ComboboxMulti`;
+export const PATH_E2E_COMBOBOX_MULTI_SLOTS = `${PATH_E2E}/ComboboxMulti/Slots`;
 export const PATH_E2E_COMBOBOX_SINGLE = `${PATH_E2E}/ComboboxSingle`;
 export const PATH_E2E_COMBOBOX_SINGLE_SLOTS = `${PATH_E2E}/ComboboxSingle/Slots`;
 export const PATH_E2E_CONTROLLEDFORM = `${PATH_E2E}/Controlled-form`;