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

package/ds-dialog/DSDialog.visual.spec.js

@@ -38,7 +38,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
   describe('PUI-7878 - DSDialog, ScrollBody layout -visual', () => {
     before('loading page', async () => {
-      const errorOnGo = await DSDialog.scrollBodyURL.go();
+      const errorOnGo = await DSDialog.scrollBodyContent.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('should display scrollable DSDialog correctly', async () => {

package/ds-dialog/DSDialogCO.js

@@ -1,32 +1,24 @@
 /* eslint-disable import/no-relative-packages */
 import { getElementByIndex } from './helpers/getElementByIndex';
-import { PATH_DIALOG_EXAMPLES, PATH_E2E_DIALOG } from '../paths';
+import { PATH_E2E_DIALOG } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSDialog extends PageObject {
   static basicURL = new Urlbuilder(PATH_E2E_DIALOG, 'basic');
 
-  static centeredURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'centered');
+  static centeredURL = new Urlbuilder(PATH_E2E_DIALOG, 'centered-test');
 
   static withPopperjs = new Urlbuilder(PATH_E2E_DIALOG, 'with-popperjs');
 
   static decisionURL = new Urlbuilder(PATH_E2E_DIALOG, 'decision-test');
 
-  static formDialogURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'form-dialog');
-
   static informationURL = new Urlbuilder(PATH_E2E_DIALOG, 'informational-test');
 
-  static manageFocusURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'manage-focus-after-close');
-
-  static removeFocusURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'remove-auto-focus');
-
-  static scrollBodyURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'scroll-body');
-
-  static shuttleURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'shuttle');
+  static removeFocusURL = new Urlbuilder(PATH_E2E_DIALOG, 'remove-auto-focus-test');
 
-  static tabloopURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'tab-loop');
+  static shuttleURL = new Urlbuilder(PATH_E2E_DIALOG, 'shuttle-test');
 
-  static wizardURL = new Urlbuilder(PATH_DIALOG_EXAMPLES, 'wizard');
+  static wizardURL = new Urlbuilder(PATH_E2E_DIALOG, 'wizard-test');
 
   static preventBackgroundShifting = new Urlbuilder(PATH_E2E_DIALOG, 'prevent-background-shifting');
 

package/ds-dialog/axe-core/DSDialog.error.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17332 - DSDialog:: Error dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.errorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Error DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.info.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17330 - DSDialog:: Information dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.informationURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Information DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.scroll-body.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17329 - DSDialog:: ScrollBody layout - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.scrollBodyContent.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display scrollable DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.success.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17333 - DSDialog, Success dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.successURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Success DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.warning.axe-core.spec.func.js

@@ -0,0 +1,24 @@
+import DSDialog from '../DSDialogCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17331 - DSDialog:: Warning dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.warningURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Warning DSDialog correctly and pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(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');
     });
   });
 }