dimsum-e2e-tests 3.70.0-next.3 → 3.70.0-next.30

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,8 @@ export default class DSComboboxMultiCO extends PageObject {
 
   static disabled = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'disabled-test');
 
+  static inlineTest = new Urlbuilder(PATH_E2E_COMBOBOX_MULTI, 'inline-test');
+
   static controlledMenuStateWithSectionsSlotsTest = new Urlbuilder(
     PATH_E2E_COMBOBOX_MULTI_SLOTS,
     'controlled-menu-state-with-section-slots-test',
@@ -142,7 +148,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 +197,7 @@ export default class DSComboboxMultiCO extends PageObject {
   }
 
   static async getTooltip() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   // actions

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);
+    });
+  });
+}

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

@@ -0,0 +1,57 @@
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+// Tests for the fix introduced in PUI-18034
+// (carries aria-busy + aria-label on the listbox during loading/skeleton so
+// screen readers announce the in-progress state via the input's aria-controls
+// linkage; replaces the prior racing assertive live region).
+// aria-multiselectable is preserved on the busy listbox.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18447 - ComboboxMulti:: busy listbox while isLoading - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.loadingTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: listbox is aria-busy + aria-multiselectable and aria-controls linked', async () => {
+      const dropdownMenuBtn = await DSComboboxMultiCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxMultiCO.getComboListbox();
+      await listbox.waitForExist();
+
+      await expect(listbox).toHaveAttribute('role', 'listbox');
+      await expect(listbox).toHaveAttribute('aria-busy', 'true');
+      await expect(listbox).toHaveAttribute('aria-label', 'Loading options please wait');
+      await expect(listbox).toHaveAttribute('aria-multiselectable', 'true');
+
+      const listboxId = await listbox.getAttribute('id');
+      const input = await DSComboboxMultiCO.getComboboxInput();
+      await expect(input).toHaveAttribute('aria-controls', listboxId);
+    });
+  });
+
+  describe('PUI-18448 - ComboboxMulti:: busy listbox while isSkeleton - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: listbox is aria-busy + aria-multiselectable with aria-label', async () => {
+      const dropdownMenuBtn = await DSComboboxMultiCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxMultiCO.getComboListbox();
+      await listbox.waitForExist();
+
+      await expect(listbox).toHaveAttribute('role', 'listbox');
+      await expect(listbox).toHaveAttribute('aria-busy', 'true');
+      await expect(listbox).toHaveAttribute('aria-label', 'Loading options please wait');
+      await expect(listbox).toHaveAttribute('aria-multiselectable', 'true');
+    });
+  });
+}

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

@@ -1,6 +1,7 @@
 /* eslint-disable max-lines */
 import { Key } from 'webdriverio';
 import DSComboboxMultiCO from '../DSComboboxMultiCO';
+import { mouseOver } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-14364 - ComboboxMulti:: applyAriaDisabled prop - visual', () => {
@@ -43,5 +44,19 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       );
       await expect(snapshot).toEqual(0);
     });
+    // PUI-15476: aria-disabled item text color must change to n600 on hover
+    it('04: listbox with aria-disabled item hovered should display n600 text color', async () => {
+      await browser.eyesOpen();
+      const secondCombobox = await DSComboboxMultiCO.getComboboxWrapperByIndex(1);
+      await secondCombobox.click();
+      const menuList = await DSComboboxMultiCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const ariaDisabledOption = await DSComboboxMultiCO.getOptionByIndex(1);
+      await mouseOver(ariaDisabledOption);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxMultiCO.snapshotPath('combobox-multi-aria-disabled-item-hovered'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
   });
 }

package/ds-form-combobox-multi/disabled/DSComboboxMulti.disabled.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+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-18473 - ComboboxMulti:: disabled - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: disabled combobox should pass axe-core scan', async () => {
+      const combobox = await DSComboboxMultiCO.getCombobox();
+      await combobox.waitForExist();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,21 @@
+/* eslint-disable max-lines */
+import DSComboboxMultiCO from '../DSComboboxMultiCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for the fix introduced in PUI-15481 (inline padding 8px top/bottom — was 10px)
+  describe('PUI-18560 - ComboboxMulti:: inline config padding - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxMultiCO.inlineTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: inline combobox should render with the corrected 8px padding', async () => {
+      await browser.eyesOpen();
+      const pillDropdownBtn = await DSComboboxMultiCO.getPillDropDownBtn();
+      await pillDropdownBtn.click();
+      const menuList = await DSComboboxMultiCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxMultiCO.snapshotPath('combobox-multi-inline-padding'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -4,6 +4,10 @@ import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSComboboxSingleCO extends PageObject {
   // STORIES
+  static loadingTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'loading-test');
+
+  static skeletonTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'skeleton-test');
+
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'apply-aria-disabled-test');
 
   static readOnly = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'read-only-test');
@@ -33,6 +37,8 @@ export default class DSComboboxSingleCO extends PageObject {
 
   static disabled = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'disabled-test');
 
+  static inlineTest = new Urlbuilder(PATH_E2E_COMBOBOX_SINGLE, 'inline-test');
+
   // COMBOBOX - INPUT
   static async getCombobox() {
     return $('[data-testid="combobox-container"]');
@@ -133,7 +139,7 @@ export default class DSComboboxSingleCO extends PageObject {
   }
 
   static async getSimpleTruncateText() {
-    return $('[data-testid="DS-SimpleTruncateText"]');
+    return $('[data-testid="combobox-selected-values"]');
   }
 
   static async getNumberOptions() {
@@ -182,7 +188,7 @@ export default class DSComboboxSingleCO extends PageObject {
   }
 
   static async getTooltip() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   // Slots

package/ds-form-combobox-single/aria-busy-loading/DSComboboxSingle.aria-busy-loading.axe-core.func.spec.js

@@ -0,0 +1,49 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+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-18474 - ComboboxSingle:: busy listbox while isLoading - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.loadingTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: busy listbox while isLoading should pass axe-core scan', async () => {
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxSingleCO.getComboListbox();
+      await listbox.waitForExist();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18475 - ComboboxSingle:: busy listbox while isSkeleton - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: busy listbox while isSkeleton should pass axe-core scan', async () => {
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxSingleCO.getComboListbox();
+      await listbox.waitForExist();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-form-combobox-single/aria-busy-loading/DSComboboxSingle.aria-busy-loading.func.spec.js

@@ -0,0 +1,54 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+// Tests for the fix introduced in PUI-18034
+// (carries aria-busy + aria-label on the listbox during loading/skeleton so
+// screen readers announce the in-progress state via the input's aria-controls
+// linkage; replaces the prior racing assertive live region).
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18445 - ComboboxSingle:: busy listbox while isLoading - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.loadingTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: listbox is aria-busy with aria-label and input aria-controls links to it', async () => {
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxSingleCO.getComboListbox();
+      await listbox.waitForExist();
+
+      await expect(listbox).toHaveAttribute('role', 'listbox');
+      await expect(listbox).toHaveAttribute('aria-busy', 'true');
+      await expect(listbox).toHaveAttribute('aria-label', 'Loading options please wait');
+
+      const listboxId = await listbox.getAttribute('id');
+      const input = await DSComboboxSingleCO.getComboboxInput();
+      await expect(input).toHaveAttribute('aria-controls', listboxId);
+    });
+  });
+
+  describe('PUI-18446 - ComboboxSingle:: busy listbox while isSkeleton - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: listbox is aria-busy with aria-label', async () => {
+      const dropdownMenuBtn = await DSComboboxSingleCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+
+      const listbox = await DSComboboxSingleCO.getComboListbox();
+      await listbox.waitForExist();
+
+      await expect(listbox).toHaveAttribute('role', 'listbox');
+      await expect(listbox).toHaveAttribute('aria-busy', 'true');
+      await expect(listbox).toHaveAttribute('aria-label', 'Loading options please wait');
+    });
+  });
+}

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

@@ -1,6 +1,8 @@
 /* eslint-disable max-lines */
 import { Key } from 'webdriverio';
 import DSComboboxSingleCO from '../DSComboboxSingleCO';
+import DSControlledCheckboxCO from '../../ds-controlled-form/ds-controlled-checkbox/DSControlledCheckboxCO';
+import { mouseOver } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-14367 - ComboboxSingle:: applyAriaDisabled prop - visual', () => {
@@ -16,5 +18,21 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       );
       await expect(snapshot).toEqual(0);
     });
+    // PUI-15476: aria-disabled item text color must change to n600 on hover
+    it('02: listbox with aria-disabled item hovered should display n600 text color', async () => {
+      await browser.eyesOpen();
+      const checkbox = await DSControlledCheckboxCO.getCheckbox();
+      await checkbox.click();
+      const combobox = await DSComboboxSingleCO.getCombobox();
+      await combobox.click();
+      const menuList = await DSComboboxSingleCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const ariaDisabledOption = await DSComboboxSingleCO.getOptionByIndex(1);
+      await mouseOver(ariaDisabledOption);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-aria-disabled-item-hovered'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
   });
 }

package/ds-form-combobox-single/disabled/DSComboboxSingle.disabled.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+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-18476 - ComboboxSingle:: disabled - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: disabled combobox should pass axe-core scan', async () => {
+      const combobox = await DSComboboxSingleCO.getComboboxByIndex(0);
+      await combobox.waitForExist();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,23 @@
+/* eslint-disable max-lines */
+import DSComboboxSingleCO from '../DSComboboxSingleCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for the fix introduced in PUI-15481 (inline padding 8px top/bottom — was 10px)
+  describe('PUI-18559 - ComboboxSingle:: inline config padding - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxSingleCO.inlineTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: inline combobox should render with the corrected 8px padding', async () => {
+      await browser.eyesOpen();
+      const pillDropdownBtn = await DSComboboxSingleCO.getPillDropDownBtn();
+      await pillDropdownBtn.click();
+      const menuList = await DSComboboxSingleCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxSingleCO.snapshotPath('combobox-single-inline-padding'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}