dimsum-e2e-tests 3.62.1 → 3.70.0-alpha.10

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

@@ -0,0 +1,28 @@
+import DSDialog from '../DSDialogCO';
+import DSWizardCO from '../../ds-wizard/DSWizardCO';
+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-18396 - DSDialog:: Wizard dialog -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.wizardURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const step1 = await DSWizardCO.getStep(1);
+      await step1.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/click-outside/DSDialog.click-outside.func.spec.js

@@ -0,0 +1,31 @@
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for click-outside close behavior (onClickOutside callback)
+  describe('PUI-18397 - DSDialog:: click outside close -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.clickOutsideURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should open dialog after clicking trigger', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      await expect(dialog).toBeDisplayedInViewport();
+    });
+
+    it('02: should close dialog on click outside', async () => {
+      const background = await DSDialog.getDialogBackground();
+      await background.click({ x: 10, y: 10 });
+      const dialog = await DSDialog.getDialog();
+      await expect(dialog).not.toBeDisplayed();
+    });
+
+    it('03: should return focus to trigger after close', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await expect(triggerBtn).toBeFocused();
+    });
+  });
+}

package/ds-dialog/esc-close/DSDialog.esc-close.func.spec.js

@@ -0,0 +1,31 @@
+import { Key } from 'webdriverio';
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for ESC key close behavior (onClose callback)
+  describe('PUI-18382 - DSDialog:: ESC key close -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.escCloseURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should open dialog after clicking trigger', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      await expect(dialog).toBeDisplayedInViewport();
+    });
+
+    it('02: should close dialog on ESC key press', async () => {
+      await browser.keys(Key.Escape);
+      const dialog = await DSDialog.getDialog();
+      await expect(dialog).not.toBeDisplayed();
+    });
+
+    it('03: should return focus to trigger after ESC close', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await expect(triggerBtn).toBeFocused();
+    });
+  });
+}

package/ds-dialog/flexible-heading-level/DSDialog.flexible-heading-level.axe-core.func.spec.js

@@ -0,0 +1,46 @@
+import DSDialogCO 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-18398 - DSDialog:: flexible heading level - Axe-Core', () => {
+    beforeEach(async () => {
+      const errorOnGo = await DSDialogCO.flexibleHeadingLevelURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no accessibility violations with h2 title', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h2-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+
+    it('02: should have no accessibility violations with default h3 title', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h3-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+
+    it('03: should have no accessibility violations with h4 title', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h4-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/flexible-heading-level/DSDialog.flexible-heading-level.func.spec.js

@@ -0,0 +1,50 @@
+import DSDialogCO from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18399 - DSDialog:: flexible heading level - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialogCO.flexibleHeadingLevelURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    afterEach(async () => {
+      await browser.keys('Escape');
+    });
+
+    it('01: should render DSDialogTitle as h2 when as="h2" is passed', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h2-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const title = await DSDialogCO.getDialogTitleByTestId('dialog-title-h2');
+      await expect(title).toBeExisting();
+      await expect((await title.getTagName()).toLowerCase()).toBe('h2');
+      await expect(title).toHaveText('Dialog title as h2');
+    });
+
+    it('02: should render DSDialogTitle as h3 by default', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h3-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const title = await DSDialogCO.getDialogTitleByTestId('dialog-title-h3');
+      await expect(title).toBeExisting();
+      await expect((await title.getTagName()).toLowerCase()).toBe('h3');
+      await expect(title).toHaveText('Dialog title as h3 (default)');
+    });
+
+    it('03: should render DSDialogTitle as h4 when as="h4" is passed', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h4-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const title = await DSDialogCO.getDialogTitleByTestId('dialog-title-h4');
+      await expect(title).toBeExisting();
+      await expect((await title.getTagName()).toLowerCase()).toBe('h4');
+      await expect(title).toHaveText('Dialog title as h4');
+    });
+  });
+}

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

@@ -0,0 +1,25 @@
+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-18400 - DSDialog:: form dialog date picker -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.formDialogDatePickerURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should 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/form-dialog-datepicker/DSDialog.form-datepicker.visual.spec.js

@@ -0,0 +1,37 @@
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for form dialog with date picker integration
+  describe('PUI-18401 - DSDialog:: form dialog with date picker -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.formDialogDatePickerURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display form dialog with date picker correctly', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('form-dialog-datepicker'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  // Tests for form dialog with date picker workaround
+  describe('PUI-18402 - DSDialog:: form dialog date picker workaround -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.formDialogDatePickerWorkaroundURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display form dialog with workaround correctly', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('form-dialog-datepicker-workaround'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dialog/single-button-footer/DSDialog.single-button-footer.axe-core.func.spec.js

@@ -0,0 +1,25 @@
+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-18403 - DSDialog:: single button footer -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.singleButtonFooterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should 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/single-button-footer/DSDialog.single-button-footer.visual.spec.js

@@ -0,0 +1,20 @@
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for UX use case: Modal Dialog with single button footer
+  describe('PUI-18404 - DSDialog:: single button footer layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.singleButtonFooterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display single button footer dialog correctly', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('single-button-footer'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -0,0 +1,116 @@
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Visual tests for all dialog size/width variants
+  describe('PUI-18405 - DSDialog:: size small layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display small (320px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('small');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-small'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18406 - DSDialog:: size default layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display default (576px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('default');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-default'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18407 - DSDialog:: size medium layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display medium (656px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('medium');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-medium'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18408 - DSDialog:: size large layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display large (848px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('large');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-large'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18409 - DSDialog:: size x-large layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display x-large (1042px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('x-large');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-x-large'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18410 - DSDialog:: size xx-large layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display xx-large (1440px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('xx-large');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-xx-large'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18411 - DSDialog:: custom width layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display custom width (700px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('custom');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-custom-700'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-floating-context/DSFloatingContextCO.js

@@ -10,6 +10,8 @@ export default class DSFloatingContextCO extends PageObject {
 
   static slotsURL = new Urlbuilder(PATH_E2E_FLOATING_CONTEXT, 'slots-test');
 
+  static positionsTestURL = new Urlbuilder(PATH_E2E_FLOATING_CONTEXT, 'positions-test');
+
   static async getFloatingContextWrapper() {
     return $('[data-testid="ds-floating-wrapper-root"]');
   }
@@ -18,6 +20,14 @@ export default class DSFloatingContextCO extends PageObject {
     return $('[data-testid="ds-floatingwrapper-content"]');
   }
 
+  static async getFloatingContextContents() {
+    return $$('[data-testid="ds-floatingwrapper-content"]');
+  }
+
+  static async getHelpButtons() {
+    return $$('[aria-label="Help"]');
+  }
+
   static async getFloatingContextArrowSlot() {
     return $('[data-dimsum-slot="dsFloatingwrapperArrow"]');
   }

package/ds-floating-context/placement/DSFloatingContext.placement.visual.spec.js

@@ -0,0 +1,48 @@
+// Tests for the fix introduced in PUI-14527 (useFloatingContext placement string type mismatch)
+import { mouseOver } from '../../helpers';
+import DSFloatingContextCO from '../DSFloatingContextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18529 - DSFloatingContext:: useFloatingContext placement directions - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.positionsTestURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display tooltip with right placement on hover', async () => {
+      const buttons = await DSFloatingContextCO.getHelpButtons();
+      await mouseOver(buttons[0]);
+      const contents = await DSFloatingContextCO.getFloatingContextContents();
+      await contents[0].waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSFloatingContextCO.snapshotPath('placement-right'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display tooltip with top placement on hover', async () => {
+      const buttons = await DSFloatingContextCO.getHelpButtons();
+      await mouseOver(buttons[1]);
+      const contents = await DSFloatingContextCO.getFloatingContextContents();
+      await contents[0].waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSFloatingContextCO.snapshotPath('placement-top'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: should display tooltip with bottom placement on hover', async () => {
+      const buttons = await DSFloatingContextCO.getHelpButtons();
+      await mouseOver(buttons[2]);
+      const contents = await DSFloatingContextCO.getFloatingContextContents();
+      await contents[0].waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSFloatingContextCO.snapshotPath('placement-bottom'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('04: should display tooltip with left placement on hover', async () => {
+      const buttons = await DSFloatingContextCO.getHelpButtons();
+      await mouseOver(buttons[3]);
+      const contents = await DSFloatingContextCO.getFloatingContextContents();
+      await contents[0].waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSFloatingContextCO.snapshotPath('placement-left'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form-combobox-multi/DSComboboxMultiCO.js

@@ -6,6 +6,10 @@ export default class DSComboboxMultiCO extends PageObject {
   // STORIES
   static basicTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'basic-test');
 
+  static loadingTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'loading-test');
+
+  static skeletonTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'skeleton-test');
+
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'apply-aria-disabled-test');
 
   static readOnly = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'read-only-test');
@@ -29,6 +33,14 @@ export default class DSComboboxMultiCO extends PageObject {
 
   static disabled = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'disabled-test');
 
+  static grouped = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'grouped-test');
+
+  static inlineTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'inline-test');
+
+  static withTooltip = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'with-tooltip-test');
+
+  static themeFontURL = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'theme-font-family-test');
+
   static controlledMenuStateWithSectionsSlotsTest = new Urlbuilder(
     PATH_E2E_COMBOBOX_MULTI_SLOTS,
     'controlled-menu-state-with-section-slots-test',
@@ -71,14 +83,6 @@ export default class DSComboboxMultiCO extends PageObject {
     return $$('[data-testid="combobox-input"]')[index];
   }
 
-  static async getComboboxHiddenInput() {
-    return $('input[aria-hidden="true"]');
-  }
-
-  static async getComboboxHiddenInputByIndex(index) {
-    return $$('input[aria-hidden="true"]')[index];
-  }
-
   static async getSelectedValues() {
     return $('[data-testid="combobox-selected-values"]');
   }
@@ -128,6 +132,15 @@ export default class DSComboboxMultiCO extends PageObject {
     return $$('[data-testid="ds-pill-close-icon"]')[index];
   }
 
+  static async getPillsByComboboxIndex(index) {
+    const selectedValues = await this.getSelectedValuesByIndex(index);
+    return selectedValues.$$('[data-testid="ds-pill-wrapper"]');
+  }
+
+  static async getPillCloseBtnByPillLabel(label) {
+    return $(`[data-testid="ds-pill-wrapper"][data-label="${label}"] [data-testid="ds-pill-close-icon"]`);
+  }
+
   // OPTIONS
   static async getOptionByLabel(label) {
     return $(`//li[@data-testid="combobox-option"]//span[contains(text(), "${label}")]/ancestor::li`);
@@ -142,7 +155,7 @@ export default class DSComboboxMultiCO extends PageObject {
   }
 
   static async getSimpleTruncateText() {
-    return $('[data-testid="DS-SimpleTruncateText"]');
+    return $('[data-testid="combobox-selected-values"]');
   }
 
   static async getNumberOptions() {
@@ -191,7 +204,7 @@ export default class DSComboboxMultiCO extends PageObject {
   }
 
   static async getTooltip() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   // actions
@@ -273,7 +286,7 @@ export default class DSComboboxMultiCO extends PageObject {
   }
 
   static async getComboboxSectionLabelByIndex(index) {
-    return $$('[data-dimsum-slot="dsComboboxSectionLabel"]')[index];
+    return $$('[data-dimsum-parent-slot="dsComboboxSectionLabel"]')[index];
   }
 
   static async getComboboxSectionWrapperSlotByIndex(index) {
@@ -283,4 +296,18 @@ export default class DSComboboxMultiCO extends PageObject {
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSComboboxMulti', example, 'ds-combobox-multi');
   }
+
+  // The selection wrapper and the selected pills' labels both render through
+  // styled(DSTypography), so the owner slot lands on `data-dimsum-parent-slot`.
+  static async getThemedSelection() {
+    return $('[data-testid="theme-font-sentinel"] [data-dimsum-parent-slot="dsComboboxSelection"]');
+  }
+
+  static async getFallbackSelection() {
+    return $('[data-testid="theme-font-fallback"] [data-dimsum-parent-slot="dsComboboxSelection"]');
+  }
+
+  static async getThemedPillLabel() {
+    return $('[data-testid="theme-font-sentinel"] [data-dimsum-parent-slot="dsPillLabel"]');
+  }
 }

package/ds-form-combobox-multi/aria-busy-loading/DSComboboxMulti.aria-busy-loading.axe-core.func.spec.js

@@ -0,0 +1,55 @@
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+import { axeCoreCheck } from '../../helpers';
+
+// Tests for the fix introduced in PUI-18034
+// (busy listbox with aria-busy + aria-label so screen readers announce the
+// in-progress state via the input's aria-controls linkage; this spec verifies
+// the busy listbox surface passes axe-core).
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18471 - ComboboxMulti:: busy listbox while isLoading - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.loadingTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: busy listbox while isLoading should pass axe-core scan', async () => {
+      const dropdownMenuBtn = await DSComboboxMultiCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxMultiCO.getComboListbox();
+      await listbox.waitForExist();
+
+      // `scrollable-region-focusable` is disabled here as a documented false positive:
+      // in the busy/isLoading state the fast-list container is empty, so the region is
+      // not authentically scrollable from a user's perspective — TanStack Virtual leaves
+      // a residual scrollHeight that triggers the rule. The container's tabindex=-1 is a
+      // long-standing Firefox scroll-prevention workaround. The rule remains active for
+      // all other states (open menu with items, read-only, etc.).
+      const result = await axeCoreCheck({ extraDisabledRules: ['scrollable-region-focusable'] });
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18472 - ComboboxMulti:: busy listbox while isSkeleton - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: busy listbox while isSkeleton should pass axe-core scan', async () => {
+      const dropdownMenuBtn = await DSComboboxMultiCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxMultiCO.getComboListbox();
+      await listbox.waitForExist();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}