dimsum-e2e-tests 3.70.0-next.7 → 3.70.0-next.71

package/ds-apppicker/label-expansion-dismissal/DSAppPicker.label-expansion-dismissal.visual.spec.js

@@ -0,0 +1,108 @@
+import { Key } from 'webdriverio';
+import DSAppPickerCO from '../DSAppPickerCO';
+import { mouseOver } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  const PARKED_X = 10;
+  const PARKED_Y = 10;
+
+  // Enabled and long enough to truncate. Chip 1 of the apps list is used rather than the first one,
+  // which is natively disabled and tracked separately under PUI-18981.
+  const TRUNCATING_CHIP = 'Pipeline but with a really long label that will truncate';
+
+  const ARIA_DISABLED_CHIP = 'Dashboard but with a really long label that will truncate';
+
+  describe('PUI-18986 - DSAppPicker:: Escape dismisses the expanded chip label - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAppPickerCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+      await DSAppPickerCO.openPanel();
+    });
+
+    it('01: truncated chip expands its label on hover', async () => {
+      await mouseOver(await DSAppPickerCO.getChipByLabel(TRUNCATING_CHIP));
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('esc-dismiss-hover-expanded'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: Escape collapses the hover-expanded label and keeps the panel open', async () => {
+      await browser.keys(Key.Escape);
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('esc-dismiss-hover-collapsed'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: label expands again once the pointer leaves and returns', async () => {
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      await mouseOver(await DSAppPickerCO.getChipByLabel(TRUNCATING_CHIP));
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('esc-dismiss-rehover-expanded'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('04: truncated chip expands its label on focus alone', async () => {
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      await browser.keys(Key.Tab);
+      await expect(await DSAppPickerCO.getChipByLabel(TRUNCATING_CHIP)).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('esc-dismiss-focus-expanded'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('05: Escape collapses the focus-expanded label without moving focus', async () => {
+      await browser.keys(Key.Escape);
+      await expect(await DSAppPickerCO.getChipByLabel(TRUNCATING_CHIP)).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('esc-dismiss-focus-collapsed'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('06: a further Escape closes the panel once the label is collapsed', async () => {
+      await browser.keys(Key.Escape);
+      await (await DSAppPickerCO.getAppPickerRoot()).waitForDisplayed({ reverse: true });
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('esc-dismiss-panel-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18987 - DSAppPicker:: Escape dismisses the expanded aria-disabled chip label - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAppPickerCO.applyAriaDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+      await DSAppPickerCO.openPanel();
+    });
+
+    it('01: aria-disabled truncated chip expands its label on hover', async () => {
+      await mouseOver(await DSAppPickerCO.getChipByLabel(ARIA_DISABLED_CHIP));
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAppPickerCO.snapshotPath('aria-disabled-esc-dismiss-hover-expanded'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: Escape collapses the hover-expanded label and keeps the panel open', async () => {
+      await browser.keys(Key.Escape);
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAppPickerCO.snapshotPath('aria-disabled-esc-dismiss-hover-collapsed'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: aria-disabled truncated chip expands its label on keyboard focus', async () => {
+      await mouseOver(null, PARKED_X, PARKED_Y);
+      await browser.keys(Key.Tab);
+      await expect(await DSAppPickerCO.getChipByLabel(ARIA_DISABLED_CHIP)).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAppPickerCO.snapshotPath('aria-disabled-esc-dismiss-focus-expanded'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('04: Escape collapses the focus-expanded label without moving focus', async () => {
+      await browser.keys(Key.Escape);
+      await expect(await DSAppPickerCO.getChipByLabel(ARIA_DISABLED_CHIP)).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAppPickerCO.snapshotPath('aria-disabled-esc-dismiss-focus-collapsed'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-apppicker/reflow/DSAppPicker.reflow.func.spec.js

@@ -0,0 +1,32 @@
+import DSAppPickerCO from '../DSAppPickerCO';
+
+// Tests for the fix introduced in PUI-17860 (chips don't keep a consistent height). The chip's own
+// wrapper was not a flex container, so a stretched grid row handed no height down to the chip root:
+// a single-line chip ("Pipeline") stayed short next to a chip whose label wrapped onto two lines.
+//
+// The assertion is relational — every chip in a row matches the tallest chip in that row — so it
+// pins no pixel value and survives any typography or spacing token change. The Reflow story is the
+// right surface: it raises the font size so labels genuinely wrap and rows genuinely stretch.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18912 - DSAppPicker:: chip height uniform within a grid row - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAppPickerCO.reflowURL.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+      await DSAppPickerCO.openPanel();
+    });
+
+    it('01: should render every chip in a row at the height of that row tallest chip', async () => {
+      const rows = await DSAppPickerCO.getChipRowsGeometry();
+      await expect(rows.length).toBeGreaterThan(0);
+
+      // At least one row must hold more than one chip, otherwise the story no longer reproduces the
+      // uneven-height condition (a one-chip row is trivially uniform) and a pass would mean nothing.
+      const multiChipRows = rows.filter((row) => row.chipCount > 1);
+      await expect(multiChipRows.length).toBeGreaterThan(0);
+
+      const unevenRows = rows.filter((row) => row.tallest !== row.shortest);
+      await expect(unevenRows.map((row) => row.breakdown)).toEqual([]);
+    });
+  });
+}

package/ds-apppicker/reflow/DSAppPicker.reflow.visual.spec.js

@@ -1,18 +1,19 @@
 /* eslint-disable wdio/no-pause */
 import DSAppPickerCO from '../DSAppPickerCO';
+import { setTextSize } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-17867 - AppPicker:: Reflow test -visual', () => {
     before('loading page', async () => {
       const errorOnGo = await DSAppPickerCO.reflowURL.go();
       if (errorOnGo) throw errorOnGo;
-      await browser.maximizeWindow();
+      await setTextSize('26');
     });
 
     it('01: should show appPicker open', async () => {
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
-      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('reflow-appPicker-open'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
 
@@ -20,16 +21,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const secondPipelineChip = await DSAppPickerCO.getChipByLabelAndIndex('Pipeline', 1);
       await secondPipelineChip.scrollIntoView();
       await browser.pause(300);
-      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('reflow-appPicker-scrolled'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
 
     it('03: should select the 2nd Pipeline chip', async () => {
       const secondPipelineChip = await DSAppPickerCO.getChipByLabelAndIndex('Pipeline', 1);
       await secondPipelineChip.click();
-      const snapshot = await browser.percyCheckScreenshot(
-        DSAppPickerCO.snapshotPath('reflow-appPicker-pipeline-selected'),
-      );
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-apppicker/truncation/DSAppPicker.truncation.visual.spec.js

@@ -11,35 +11,31 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.maximizeWindow();
     });
     it('01: should show the full label on hover', async () => {
-      // applitools is losing the hover when taking the snapshot
-      await browser.eyesOpen();
       await (await DSAppPickerCO.getOpenAppPicker()).waitForDisplayed();
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
       const secondChip = await DSAppPickerCO.getChipByLabel('Pipeline but with a really long label that will truncate');
       await mouseOver(secondChip);
       await browser.pause(500);
-      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-truncation-hover'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('02: should show the full label on hover - disabled Chip', async () => {
-      await browser.eyesOpen();
       const DisabledChip = await DSAppPickerCO.getChipByLabel(
         'Dashboard but with a really long label that will truncate',
       );
       await mouseOver(DisabledChip);
       await browser.pause(500);
-      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-truncation-disabled'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('03: should show the full label on focus', async () => {
-      await browser.eyesOpen();
-      const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
-      await openAppPickerBtn.click();
+      // the panel is already open from test 01 - since PUI-18354 the trigger
+      // toggles, so clicking it again would close it
       await browser.keys(Key.Tab);
       await browser.keys(Key.Enter);
       await browser.pause(500);
-      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-truncation-focus'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-autocomplete/DSAutocomplete.visual.spec.js

@@ -18,4 +18,38 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+  describe('PUI-17180 - Autocomplete:: Floating After Filtering -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.floatingAfterFiltering.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display menu correctly - after filtering', async () => {
+      await browser.keys(Key.Tab);
+      await type('44444-');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-filtering'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display menu correctly - after re filtering', async () => {
+      await type('6');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-re-filtering'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display menu correctly - after backspace', async () => {
+      await browser.keys(Key.Backspace);
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-backspace'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-autocomplete/DSAutocompleteCO.js

@@ -12,6 +12,16 @@ export default class DSAutocompleteCO extends PageObject {
 
   static sectionTitles = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'with-section-titles-test');
 
+  static floatingAfterFiltering = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'floating-after-filtering');
+
+  static loadingTest = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'loading-test');
+
+  static skeletonTest = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'skeleton-test');
+
+  static loadingInputProps = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'loading-input-props-test');
+
+  static skeletonInputProps = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'skeleton-input-props-test');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Autocomplete', example);
@@ -35,8 +45,10 @@ export default class DSAutocompleteCO extends PageObject {
     return $$('[data-dimsum-slot="dsAutocompleteContainer"]')[index];
   }
 
+  // the option is a nested slot: the rendered element owns dsMenuitemMenuItemWrapper and carries the
+  // autocomplete slot on data-dimsum-parent-slot, which is where the custom attributes land
   static async getOptionSlot(index = 0) {
-    return $$('[data-dimsum-slot="dsAutocompleteOption"]')[index];
+    return $$('[data-dimsum-parent-slot="dsAutocompleteOption"]')[index];
   }
 
   static async getInputSlot(index = 0) {
@@ -46,4 +58,27 @@ export default class DSAutocompleteCO extends PageObject {
   static async getMenulistSlot(index = 0) {
     return $$('[data-dimsum-slot="dsAutocompleteMenuList"]')[index];
   }
+
+  // loading / skeleton (busy listbox) states
+  static async getLoadingListbox() {
+    return $('[data-testid="autocomplete-loading"]');
+  }
+
+  static async getLoadingIndicator() {
+    return $('[data-testid="ds-autocomplete-loading-indicator"]');
+  }
+
+  static async getSkeletonListbox() {
+    return $('[data-testid="autocomplete-skeleton"]');
+  }
+
+  static async getSkeletonMenuItems() {
+    return $$('[data-testid="ds-autocomplete-skeleton-menu-item"]');
+  }
+
+  // the input Autocomplete renders itself (onValueChange / inputProps API); the deprecated
+  // children API renders a consumer-owned DSInputText instead, which carries no autocomplete testid
+  static async getAutocompleteInput() {
+    return $('[data-testid="ds-autocomplete-input"]');
+  }
 }

package/ds-autocomplete/aria-busy-loading/DSAutocomplete.aria-busy-loading.axe-core.func.spec.js

@@ -0,0 +1,50 @@
+import { Key } from 'webdriverio';
+import DSAutocompleteCO from '../DSAutocompleteCO';
+import { axeCoreCheck, type } from '../../helpers';
+
+// Coverage for the loading state added in PUI-17137 ([Autocomplete] Add Support for Loading State).
+// The busy listbox surfaces are the riskiest part for axe: role="listbox" normally requires option
+// children (satisfied via aria-busy) and the spinner's role="status" is a forbidden listbox child
+// (removed from the accessibility tree via aria-hidden). This spec guards both.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18864 - DSAutocomplete:: busy listbox while isLoading -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.loadingTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no accessibility violations while the loading spinner is shown', async () => {
+      await browser.keys(Key.Tab);
+      await type('4');
+
+      const loading = await DSAutocompleteCO.getLoadingListbox();
+      await loading.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18865 - DSAutocomplete:: busy listbox while isSkeleton -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no accessibility violations while the skeleton menu is shown', async () => {
+      await browser.keys(Key.Tab);
+      await type('4');
+
+      const skeleton = await DSAutocompleteCO.getSkeletonListbox();
+      await skeleton.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-autocomplete/aria-busy-loading/DSAutocomplete.aria-busy-loading.func.spec.js

@@ -0,0 +1,122 @@
+import { Key } from 'webdriverio';
+import DSAutocompleteCO from '../DSAutocompleteCO';
+import { type } from '../../helpers';
+
+// Coverage for the loading state added in PUI-17137 ([Autocomplete] Add Support for Loading State).
+// While options are being fetched the options array is still empty, so LoadingContainer /
+// SkeletonContainer keep the popover open on their own and carry the canonical listbox id +
+// role="listbox" + aria-busy + aria-label. Only one of skeleton / loading / options list is ever
+// mounted at a time, so the listbox id is never duplicated in the DOM.
+//
+// The last two describes exercise the `onValueChange` + `inputProps` API, which is the only path
+// where Autocomplete renders its own input and therefore wires role="combobox" + aria-expanded +
+// aria-controls onto it. The deprecated `children` API (first two describes) renders a
+// consumer-owned input that receives none of those attributes.
+//
+// Pure DOM-attribute assertions -> Chrome-only guard.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18860 - DSAutocomplete:: busy listbox while isLoading -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.loadingTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render a busy loading listbox and hide the options list', async () => {
+      await browser.keys(Key.Tab);
+      await type('4');
+
+      const loading = await DSAutocompleteCO.getLoadingListbox();
+      await loading.waitForDisplayed();
+
+      await expect(loading).toHaveAttribute('role', 'listbox');
+      await expect(loading).toHaveAttribute('aria-busy', 'true');
+      await expect(loading).toHaveAttribute('aria-label', 'Loading options please wait');
+
+      // the spinner exposes role="status", a forbidden child of role="listbox", so it must be
+      // removed from the accessibility tree while staying visible
+      const indicator = await DSAutocompleteCO.getLoadingIndicator();
+      await expect(indicator).toBeDisplayedInViewport();
+      await expect(indicator).toHaveAttribute('aria-hidden', 'true');
+
+      // only one of loading / skeleton / options list is mounted at a time
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await expect(menulist).not.toBeExisting();
+    });
+  });
+
+  describe('PUI-18861 - DSAutocomplete:: busy listbox while isSkeleton -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render a busy skeleton listbox with five presentational items', async () => {
+      await browser.keys(Key.Tab);
+      await type('4');
+
+      const skeleton = await DSAutocompleteCO.getSkeletonListbox();
+      await skeleton.waitForDisplayed();
+
+      await expect(skeleton).toHaveAttribute('role', 'listbox');
+      await expect(skeleton).toHaveAttribute('aria-busy', 'true');
+      await expect(skeleton).toHaveAttribute('aria-label', 'Loading options please wait');
+
+      const skeletonItems = await DSAutocompleteCO.getSkeletonMenuItems();
+      await expect(skeletonItems).toHaveLength(5);
+      // the count above is what pins SKELETON_AMOUNT; every item is rendered from the same JSX
+      // literal, so one sample is enough to prove role="presentation" reaches the DOM and keeps
+      // the busy listbox free of fake options
+      await expect(skeletonItems[2]).toHaveAttribute('role', 'presentation');
+
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await expect(menulist).not.toBeExisting();
+    });
+  });
+
+  describe('PUI-18862 - DSAutocomplete:: input aria-controls linkage while isLoading -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.loadingInputProps.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should point the input aria-controls at the busy loading listbox', async () => {
+      await browser.keys(Key.Tab);
+      await type('4');
+
+      const loading = await DSAutocompleteCO.getLoadingListbox();
+      await loading.waitForDisplayed();
+      const loadingId = await loading.getAttribute('id');
+
+      const input = await DSAutocompleteCO.getAutocompleteInput();
+      await expect(input).toHaveAttribute('role', 'combobox');
+      await expect(input).toHaveAttribute('aria-expanded', 'true');
+      await expect(input).toHaveAttribute('aria-controls', loadingId);
+    });
+  });
+
+  describe('PUI-18863 - DSAutocomplete:: input aria-controls linkage while isSkeleton -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.skeletonInputProps.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should point the input aria-controls at the busy skeleton listbox', async () => {
+      await browser.keys(Key.Tab);
+      await type('4');
+
+      const skeleton = await DSAutocompleteCO.getSkeletonListbox();
+      await skeleton.waitForDisplayed();
+      const skeletonId = await skeleton.getAttribute('id');
+
+      const input = await DSAutocompleteCO.getAutocompleteInput();
+      await expect(input).toHaveAttribute('role', 'combobox');
+      await expect(input).toHaveAttribute('aria-expanded', 'true');
+      await expect(input).toHaveAttribute('aria-controls', skeletonId);
+    });
+  });
+}

package/ds-autocomplete/aria-busy-loading/DSAutocomplete.aria-busy-loading.visual.spec.js

@@ -0,0 +1,48 @@
+import { Key } from 'webdriverio';
+import DSAutocompleteCO from '../DSAutocompleteCO';
+import { type } from '../../helpers';
+
+// Coverage for the loading state added in PUI-17137 ([Autocomplete] Add Support for Loading State).
+// The acceptance criteria is the loading example from the InputText spec, so these snapshots pin the
+// two menu appearances: the centered indeterminate spinner and the five skeleton menu items.
+// Percy freezes CSS animations, so both the spinner rotation and the skeleton shimmer are captured
+// deterministically.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18866 - DSAutocomplete:: loading spinner menu -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.loadingTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display the loading spinner centered in the menu', async () => {
+      await browser.keys(Key.Tab);
+      await type('4');
+
+      const loading = await DSAutocompleteCO.getLoadingListbox();
+      await loading.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-loading-spinner-menu'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18867 - DSAutocomplete:: skeleton menu items -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.skeletonTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display five skeleton menu items in the menu', async () => {
+      await browser.keys(Key.Tab);
+      await type('4');
+
+      const skeleton = await DSAutocompleteCO.getSkeletonListbox();
+      await skeleton.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot(DSAutocompleteCO.snapshotPath('autocomplete-skeleton-menu'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-autocomplete/slots/DSAutocomplete.slots.func.spec.js

@@ -1,7 +1,12 @@
 import { Key } from 'webdriverio';
 import DSAutocompleteCO from '../DSAutocompleteCO';
 
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
   describe('PUI-17529 - Autocomplete:: Slots -Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSAutocompleteCO.slots.go();

package/ds-banner/DSBanner.text-resize.visual.spec.js

@@ -1,14 +1,17 @@
 import DSBannerCO from './DSBannerCO';
+import { setTextSize } from '../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-17535 - DSBanner - Text Resize In Different Layouts - Visual Test', () => {
     before('loading page', async () => {
       const errorOnGo = await DSBannerCO.textResizeInDifferentLayoutsTest.go();
       if (errorOnGo) throw errorOnGo;
+      await setTextSize('26');
     });
     it('01: should display text resize in different layouts properly', async () => {
-      await browser.eyesOpen();
-      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('text-resize-in-different-layouts'));
+      const banner = await DSBannerCO.getBannerByIndex();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-banner/DSBannerCO.js

@@ -62,6 +62,10 @@ export default class DSBannerCO extends PageObject {
     return $('[data-testid="ds-banner"');
   }
 
+  static async getBannerByIndex(index = 0) {
+    return $$('[data-testid="ds-banner"]')[index];
+  }
+
   static async getBannerContainer() {
     return $('[data-testid="ds-banner-container"]');
   }

package/ds-button-v3/DSButtonV3.aria-disabled-attribute.func.spec.js

@@ -0,0 +1,33 @@
+import DSButtonV3CO from './DSButtonV3CO';
+
+// Tests for the fix introduced in PUI-17909:
+//   aria-disabled is no longer emitted as "false" on interactive buttons. A default (enabled) button
+//   carries no aria-disabled at all, and a native `disabled` button conveys its state via the native
+//   `disabled` attribute, so aria-disabled is intentionally absent there too (it was dropped from the
+//   emission condition, which is now applyAriaDisabled || readOnly).
+// Both states already exist in the ShowcaseTest story (index 0 = enabled, index 3 = disabled).
+// Pure DOM-attribute assertions produce identical results in every browser, so this runs Chrome-only.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18796 - DSButtonV3:: aria-disabled absent on enabled and disabled buttons - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.showcaseURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should not emit aria-disabled on enabled or native-disabled buttons', async () => {
+      // Enabled (default): aria-disabled must be entirely absent — the core PUI-17909 fix.
+      const enabled = await DSButtonV3CO.getButtonByIndex(0);
+      await expect(enabled).not.toHaveAttribute('aria-disabled');
+
+      // Native disabled: relies on the native `disabled` attribute, aria-disabled stays absent.
+      const disabled = await DSButtonV3CO.getButtonByIndex(3);
+      await expect(disabled).toHaveAttribute('disabled');
+      await expect(disabled).not.toHaveAttribute('aria-disabled');
+    });
+  });
+}

package/ds-button-v3/DSButtonV3CO.js

@@ -17,6 +17,8 @@ export default class DSButtonV3CO extends PageObject {
 
   static submitBtn = new Urlbuilder(PATH_E2E_BUTTON_V3, 'pui-16729-buttons-can-submit-forms');
 
+  static themeFontURL = new Urlbuilder(PATH_E2E_BUTTON_V3, 'theme-font-family-test');
+
   // selectors
   static async getButtonByIndex(index) {
     return $$('[data-testid="ds-button"]')[index];
@@ -38,6 +40,14 @@ export default class DSButtonV3CO extends PageObject {
     return $(`button*=${label}`);
   }
 
+  static async getThemedButton() {
+    return $('[data-testid="theme-font-sentinel"] [data-testid="ds-button"]');
+  }
+
+  static async getFallbackButton() {
+    return $('[data-testid="theme-font-fallback"] [data-testid="ds-button"]');
+  }
+
   // Snapshot
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('ButtonV3', example);