dimsum-e2e-tests 3.80.0-next.2 → 3.80.0-next.20

package/CHANGELOG.md

@@ -3,6 +3,102 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.80.0-next.20](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.19...v3.80.0-next.20) (2026-09-28)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## [3.80.0-next.19](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.18...v3.80.0-next.19) (2026-09-28)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## [3.80.0-next.18](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.17...v3.80.0-next.18) (2026-09-25)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## [3.80.0-next.17](/github.com/intcx/PLATFORM-UI/compare/v3.80.0-next.16...v3.80.0-next.17) (2026-09-25)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.80.0-next.16 (2026-09-25)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.80.0-next.15 (2026-09-25)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.80.0-next.14 (2026-09-24)
+
+### Features
+
+- ds-banner:: new spec implementation [PUI-18239](https://jira.elliemae.io/browse/PUI-18239) ([64c5a7c](https://github.com/intcx/PLATFORM-UI.dimsum/commit/64c5a7c20734e210ce1845d7743e51be8d333a4a))
+
+## 3.80.0-next.13 (2026-09-23)
+
+### Bug Fixes
+
+- ds-ribbon:: render both the icon and the label when a card has both [PUI-19189](https://jira.elliemae.io/browse/PUI-19189) ([#8391](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8391)) ([0bef678](https://github.com/intcx/PLATFORM-UI.dimsum/commit/0bef6784fcbc370a9e73220fa5f6071ddc8cd94c))
+
+## 3.80.0-next.12 (2026-09-22)
+
+### Features
+
+- dimsum:: add Breadcrumb and InputMask Accessibility Expert Validation docs stories [PUI-18917](https://jira.elliemae.io/browse/PUI-18917) ([#8371](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8371)) ([f1b3410](https://github.com/intcx/PLATFORM-UI.dimsum/commit/f1b34109a9e9e56a63a6d9d22441eb89c41fc14e))
+
+## 3.80.0-next.11 (2026-09-22)
+
+### Features
+
+- ds-fast-list:: E2E coverage - visual, axe-core, scroll-to-index [PUI-19124](https://jira.elliemae.io/browse/PUI-19124) ([#8382](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8382)) ([7f0da31](https://github.com/intcx/PLATFORM-UI.dimsum/commit/7f0da316cb8086f4f5c20af35cffe2440dad625c))
+
+## 3.80.0-next.10 (2026-09-22)
+
+### Bug Fixes
+
+- ds-ribbon:: align status icon fills with the theme palette [PUI-19186](https://jira.elliemae.io/browse/PUI-19186) ([#8385](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8385)) ([84ca6f4](https://github.com/intcx/PLATFORM-UI.dimsum/commit/84ca6f42f3767846539678474fc7980b9603b303))
+
+## 3.80.0-next.9 (2026-09-21)
+
+### Features
+
+- ds-form-date-time-picker:: dimsum compliance [PUI-18983] (https://jira.elliemae.io/browse/PUI-18983) ([#8370](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8370)) ([77d4dd4](https://github.com/intcx/PLATFORM-UI.dimsum/commit/77d4dd4bb8bac52ef900292b350c5cba983dcfb2))
+
+## 3.80.0-next.8 (2026-09-17)
+
+### Features
+
+- ds-mobile:: storied removed from portal + fixed portal stories linking [PUI-18696](https://jira.elliemae.io/browse/PUI-18696) ([#8376](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8376)) ([45d6c31](https://github.com/intcx/PLATFORM-UI.dimsum/commit/45d6c31bf187e4f9645a2b98f8aa2e478b246fbe))
+
+## 3.80.0-next.7 (2026-09-17)
+
+### Features
+
+- ds-codemods:: added legacy deprecation command with ds-mobile +minor fixes to reports duplicates [PUI-18696](https://jira.elliemae.io/browse/PUI-18696) ([#8375](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8375)) ([6c55c8f](https://github.com/intcx/PLATFORM-UI.dimsum/commit/6c55c8fc8fdb41492fafaac3ac86652532fd9b15))
+
+## 3.80.0-next.6 (2026-09-17)
+
+### Features
+
+- ds-progress-indicator:: dimsum compliance [PUI-18856](https://jira.elliemae.io/browse/PUI-18856) ([#8353](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8353)) ([ada7e89](https://github.com/intcx/PLATFORM-UI.dimsum/commit/ada7e89e2fa2ccf30d141d62c09ae888c5380622))
+
+## 3.80.0-next.5 (2026-09-16)
+
+### Bug Fixes
+
+- ds-fast-list:: dimsum compliance remediation — test pillars, CT infra, code structure clean up, PropTypes slot props table gap [PUI-19124](https://jira.elliemae.io/browse/PUI-19124) ([#8369](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8369)) ([cc79c47](https://github.com/intcx/PLATFORM-UI.dimsum/commit/cc79c4750f82bd44b5a3c33cb0abcd88410e5a6e))
+
+## 3.80.0-next.4 (2026-09-16)
+
+### Bug Fixes
+
+- ds-virtual-list:: fix typescript-testing example teaching an invalid single-child form ([93c739d](https://github.com/intcx/PLATFORM-UI.dimsum/commit/93c739dfe993edca8238658d8d41c9cd1e7a9d5f))
+
+## 3.80.0-next.3 (2026-09-15)
+
+### Features
+
+- dimsum:: add PillsV2 tooltip trigger semantics docs story [PUI-18616](https://jira.elliemae.io/browse/PUI-18616) ([#8364](https://github.com/intcx/PLATFORM-UI.dimsum/issues/8364)) ([6fff01f](https://github.com/intcx/PLATFORM-UI.dimsum/commit/6fff01fe63209719fe705c90f58c62914cf6c2e8))
+
 ## 3.80.0-next.2 (2026-09-14)
 
 ### Features

package/ds-apppicker/aria-disabled/DSAppPicker.aria-disabled.visual.spec.js

@@ -1,5 +1,6 @@
 /* eslint-disable wdio/no-pause */
 import { Key } from 'webdriverio';
+import { mouseOver, tabStops } from '../../helpers';
 import DSAppPickerCO from '../DSAppPickerCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
@@ -12,7 +13,19 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should display AppPicker item with aria-disabled focused', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Enter);
-      const snapshot = await browser.checkSnapshot(DSAppPickerCO.snapshotPath('appPicker-aria-disabled-focused'));
+      const ariaDisabledChip = await DSAppPickerCO.getChipByIndex(0);
+      await ariaDisabledChip.waitForDisplayed();
+      await expect(ariaDisabledChip).toBeFocused();
+      await expect(ariaDisabledChip).toHaveAttribute('aria-disabled', 'true');
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should expand natively disabled chip label on mouse hover', async () => {
+      const ariaDisabledChip = await DSAppPickerCO.getChipByIndex(0);
+      await ariaDisabledChip.waitForDisplayed();
+      await tabStops(2);
+      await mouseOver(ariaDisabledChip);
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -1,6 +1,6 @@
 /* eslint-disable wdio/no-pause */
 import DSAppPickerCO from '../DSAppPickerCO';
-import { mouseOver } from '../../helpers';
+import { mouseOver, tabStops } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-7777 - AppPicker:: interaction states -visual', () => {
@@ -10,25 +10,30 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.maximizeWindow();
     });
     it('01: should have the appPicker closed', async () => {
-      await browser.eyesOpen();
       await (await DSAppPickerCO.getOpenAppPicker()).waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-closed'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('02: should open appPicker', async () => {
-      await browser.eyesOpen();
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
-      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-open'));
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
     it('03: should interact appPicker chips', async () => {
-      await browser.eyesOpen();
       const thirdChip = await DSAppPickerCO.getChipByIndex(2);
       await thirdChip.click();
       const sixthChipLabel = await DSAppPickerCO.getChipLabelByIndex(5);
       await mouseOver(sixthChipLabel);
-      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-interacted'));
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: should expand natively disabled chip label on mouse hover', async () => {
+      const ariaDisabledChip = await DSAppPickerCO.getChipByIndex(0);
+      await ariaDisabledChip.waitForDisplayed();
+      await tabStops(2);
+      await mouseOver(ariaDisabledChip);
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-fast-list/DSFastListCO.js

@@ -0,0 +1,37 @@
+import { PATH_E2E_FAST_LIST } from '../paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSFastListCO extends PageObject {
+  static basicTest = new Urlbuilder(PATH_E2E_FAST_LIST, 'basic-test');
+
+  static scrollToIndexTest = new Urlbuilder(PATH_E2E_FAST_LIST, 'scroll-to-index-test');
+
+  // The container is the scroll element (overflow: auto); the wrapper list carries role="list"
+  static async getContainer() {
+    return $('[data-testid="ds-fastlist-container"]');
+  }
+
+  static async getWrapperList() {
+    return $('[data-testid="ds-fastlist-wrapper-list"]');
+  }
+
+  static async getItems() {
+    return $$('[data-testid="ds-fastlist-item"]');
+  }
+
+  // Only items inside the virtualization window exist in the DOM, so this resolves
+  // to nothing for indexes outside it — that absence is the assertion we rely on.
+  static async getItemByIndex(index) {
+    return $(`[data-testid="ds-fastlist-item"][data-index="${index}"]`);
+  }
+
+  // The story renders a single input and a single button, so the component-owned
+  // data-testids are unambiguous here.
+  static async getJumpInput() {
+    return $('[data-testid="ds-inputtext-input"]');
+  }
+
+  static async getJumpButton() {
+    return $('[data-testid="ds-button"]');
+  }
+}

package/ds-fast-list/basic/DSFastList.basic.axe-core.func.spec.js

@@ -0,0 +1,28 @@
+import DSFastListCO from '../DSFastListCO';
+import { axeCoreCheck } from '../../helpers';
+
+// Coverage for the ds-fast-list compliance remediation in PUI-19124.
+// DOM-attribute/a11y assertions are identical across engines, so this runs Chrome only.
+// The `|| browserName === 'Chrome'` fallback is mandatory: BrowserStack reports the
+// capitalized name and a lowercase-only guard would register 0 tests (false green).
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-19194 - DSFastList:: virtualized list accessibility - Axe-Core', () => {
+    before(async () => {
+      const errorOnGo = await DSFastListCO.basicTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no accessibility violations on the rendered list', async () => {
+      const wrapperList = await DSFastListCO.getWrapperList();
+      await wrapperList.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-fast-list/basic/DSFastList.basic.visual.spec.js

@@ -0,0 +1,23 @@
+import DSFastListCO from '../DSFastListCO';
+
+// Coverage for the ds-fast-list compliance remediation in PUI-19124.
+// Only the unscrolled state is snapshotted on purpose: Percy re-renders the serialized DOM, and an
+// inner container's scroll offset is runtime state that is not part of that serialization, so a
+// scrolled virtualized list is not reliably reproducible in a snapshot. The scrolled state is
+// covered functionally instead — see e2e/ds-fast-list/scroll-to-index.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-19193 - DSFastList:: virtualized list window rendering - Visual', () => {
+    before(async () => {
+      const errorOnGo = await DSFastListCO.basicTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display the virtualized list with its first window of items', async () => {
+      const wrapperList = await DSFastListCO.getWrapperList();
+      await wrapperList.waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-fast-list/scroll-to-index/DSFastList.scroll-to-index.func.spec.js

@@ -0,0 +1,45 @@
+import DSFastListCO from '../DSFastListCO';
+
+// Coverage for the ds-fast-list compliance remediation in PUI-19124.
+// The in-package Playwright CT already covers this in Chromium; this spec exists to run the same
+// contract across the full browser matrix.
+// The window size is not stable (items are measured after mount, so the overscan window grows),
+// which is why the assertions are "bounded window + index recycled", never an exact item count.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-19195 - DSFastList:: scroll to index via actionRef - Func', () => {
+    before(async () => {
+      const errorOnGo = await DSFastListCO.scrollToIndexTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render only a window of the 200 items, leaving far items out of the DOM', async () => {
+      const firstItem = await DSFastListCO.getItemByIndex(0);
+      await expect(firstItem).toBeExisting();
+
+      const farItem = await DSFastListCO.getItemByIndex(150);
+      await expect(farItem).not.toBeExisting();
+
+      const items = await DSFastListCO.getItems();
+      await expect(items.length).toBeLessThan(60);
+    });
+
+    it('02: should mount the requested item and recycle the first one after jumping', async () => {
+      const jumpInput = await DSFastListCO.getJumpInput();
+      await jumpInput.setValue('150');
+      const jumpButton = await DSFastListCO.getJumpButton();
+      await jumpButton.click();
+
+      const farItem = await DSFastListCO.getItemByIndex(150);
+      await farItem.waitForExist();
+      await expect(farItem).toBeDisplayed();
+      await expect(farItem).toHaveText('Test 150');
+
+      // the window moved instead of growing: index 0 is no longer in the DOM
+      const firstItem = await DSFastListCO.getItemByIndex(0);
+      await expect(firstItem).not.toBeExisting();
+
+      const items = await DSFastListCO.getItems();
+      await expect(items.length).toBeLessThan(60);
+    });
+  });
+}

package/ds-pills-v2/DSPillsV2CO.js

@@ -1,7 +1,21 @@
-import { PATH_E2E_PILLS_V2 } from '../paths';
+import { PATH_E2E_PILLS_V2, PATH_E2E_PILLS_V2_PITFALLS } from '../paths';
 import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
 
 export default class DSPillsV2CO extends PageObject {
+  /**
+   * Every id in the InputWithFormItemBlockTest story is derived by DSFormLayoutBlockItem from the
+   * `inputID` it is given. Derived once here so neither the selectors below nor the spec rebuild
+   * the `_feedback_message` / `_error_message` suffixes by hand.
+   */
+  static IDS = {
+    input: 'normal',
+    feedback: 'normal_feedback_message',
+    error: 'normal_error_message',
+  };
+
+  /** What the input's aria-describedby must equal, in the order the story supplies the messages. */
+  static DESCRIBED_BY = `${this.IDS.feedback} ${this.IDS.error}`;
+
   // Desktop
   static removableURL = new Urlbuilder(PATH_E2E_PILLS_V2, 'removable-pill-test');
 
@@ -27,6 +41,15 @@ export default class DSPillsV2CO extends PageObject {
 
   static multiSelectMB = new Urlbuilder(PATH_E2E_PILLS_V2, 'multi-select-menu-button-test');
 
+  // Pitfalls
+  static inputWithFormItemBlockURL = new Urlbuilder(PATH_E2E_PILLS_V2_PITFALLS, 'input-with-form-item-block-test');
+
+  // Distinct from `inputURL` above: same story name, different path. Both are hand-copies of the
+  // Input Pill pitfall story's 12 pills; this one is the Pitfalls-scoped twin used by the attribute
+  // spec, `inputURL` is the older copy carrying the axe (PUI-11496) and Percy (PUI-8356) baselines.
+  // The E2E copy renders PendingReviewDisclaimer; the canonical component pitfall story additionally renders InputPillLabelRequirementDisclaimer.
+  static inputPillPitfallURL = new Urlbuilder(PATH_E2E_PILLS_V2_PITFALLS, 'input-pill-test');
+
   static getUrl(component = 'basic') {
     return PageObject.getUrl(PATH_E2E_PILLS_V2, component);
   }
@@ -93,6 +116,35 @@ export default class DSPillsV2CO extends PageObject {
     return $('[data-testid="dropdown-menu-listbox"]');
   }
 
+  // --- InputWithFormItemBlockTest: label / error association selectors ---
+
+  /** The pill's inner <input>, reached by the id the story overrides onto it. */
+  static async getAssociatedInput() {
+    return $(`#${this.IDS.input}`);
+  }
+
+  /** `$$` on purpose — the count is what proves the override did not duplicate the id. */
+  static async getNodesWithInputId() {
+    return $$(`[id="${this.IDS.input}"]`);
+  }
+
+  /** The DSFormLayoutBlockItem label, which must point at the input via `for`. */
+  static async getAssociatedInputLabel() {
+    return $(`label[for="${this.IDS.input}"]`);
+  }
+
+  static async getFeedbackMessage() {
+    return $(`#${this.IDS.feedback}`);
+  }
+
+  static async getErrorMessage() {
+    return $(`#${this.IDS.error}`);
+  }
+
+  static async getClearIcon() {
+    return $('[data-testid="ds-pill-clear-icon"]');
+  }
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Pills', example);

package/ds-pills-v2/pitfalls/DSPills.inputPill.func.spec.js

@@ -0,0 +1,26 @@
+import DSPillsV2CO from '../DSPillsV2CO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-19148 - DSPillsV2:: input pill attribute contract - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.inputPillPitfallURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render the input with the attributes', async () => {
+      const input = await DSPillsV2CO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      await expect(await input.getTagName()).toBe('input');
+      await expect(input).toHaveAttribute('data-testid', 'ds-pill-input');
+      const generatedId = await input.getAttribute('id');
+      await expect(generatedId).toMatch(/^ds-pill-/);
+      await expect(input).not.toHaveAttribute('aria-describedby');
+      await expect(input).toHaveAttribute('aria-invalid', 'false');
+    });
+  });
+}

package/ds-pills-v2/pitfalls/DSPills.inputWithFormItemBlockURL.axe-core.func.spec.js

@@ -0,0 +1,38 @@
+import DSPillsV2CO from '../DSPillsV2CO';
+import { axeCoreCheck, type } from '../../helpers';
+
+// Accessibility scan for the fix introduced in PUI-18617 ([PillsV2] Pitfalls enhancements, item 2).
+//
+// Note on what this does and does not prove: axe has no rule that requires an input to be described by
+// an error message, so a clean scan here is a regression guard against the association *breaking the
+// markup* (orphaned aria-describedby ids, duplicate ids, an unlabelled input) — not evidence that the
+// label and error are announced. The announcement itself is covered by the functional spec and by
+// manual screen reader verification on the ticket.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-19150 - DSPillsV2:: input pill label and error association - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.inputWithFormItemBlockURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no accessibility violations, empty and filled', async () => {
+      const input = await DSPillsV2CO.getAssociatedInput();
+      await input.waitForDisplayed();
+      const emptyResult = await axeCoreCheck();
+      expect(emptyResult.length).toBe(0);
+      // Filling the input mounts the clear button, which adds an extra focusable control inside the
+      // associated form item — worth scanning in that state too.
+      await input.click();
+      await type('abcd');
+      const clearIcon = await DSPillsV2CO.getClearIcon();
+      await clearIcon.waitForDisplayed();
+      const filledResult = await axeCoreCheck();
+      expect(filledResult.length).toBe(0);
+    });
+  });
+}

package/ds-pills-v2/pitfalls/DSPills.inputWithFormItemBlockURL.func.spec.js

@@ -0,0 +1,72 @@
+import DSPillsV2CO from '../DSPillsV2CO';
+import { type } from '../../helpers';
+
+// Tests for the fix introduced in PUI-18617 ([PillsV2] Pitfalls enhancements, item 2): the input pill
+// inside a DSFormLayoutBlockItem announced neither its label nor its error message. The fix exposed
+// `dsPillInput` as a real slot on the default (non-inputRender) input, so the association is now made
+// by passing id / aria-describedby through the nested `dsInputtextInput` slot.
+//
+// Assertions are pure DOM attributes, so this is scoped to Chrome — see the skill's
+// "DOM-Attribute Tests Run Chrome-Only" rule. The `|| 'Chrome'` fallback is mandatory: BrowserStack
+// reports the capitalized name and a lowercase-only guard registers 0 tests (false green).
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-19149 - DSPillsV2:: input pill label and error association - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.inputWithFormItemBlockURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should associate the input with its label and its feedback/error messages', async () => {
+      const input = await DSPillsV2CO.getAssociatedInput();
+      await input.waitForDisplayed();
+
+      // The overridden id must land on the pill's real <input>, not on a wrapper. Checking the tag and
+      // the pill's own data-testid on the same element is what distinguishes the two.
+      await expect(await input.getTagName()).toBe('input');
+      await expect(input).toHaveAttribute('data-testid', 'ds-pill-input');
+
+      // hasError on the pill is forwarded to DSInputText as aria-invalid.
+      await expect(input).toHaveAttribute('aria-invalid', 'true');
+
+      // Both message ids, in the order the story supplies them.
+      await expect(input).toHaveAttribute('aria-describedby', DSPillsV2CO.DESCRIBED_BY);
+
+      // aria-describedby is only meaningful if the referenced nodes exist.
+      const feedbackMessage = await DSPillsV2CO.getFeedbackMessage();
+      await expect(feedbackMessage).toBeExisting();
+      const errorMessage = await DSPillsV2CO.getErrorMessage();
+      await expect(errorMessage).toBeExisting();
+
+      // The label side of the association: DSFormLayoutBlockItem renders label[for] from inputID.
+      const label = await DSPillsV2CO.getAssociatedInputLabel();
+      await expect(label).toBeExisting();
+      await expect(await label.getText()).toContain('Item');
+
+      // Duplicate ids would make the label and aria-describedby resolve to the wrong node.
+      const elementsWithId = await DSPillsV2CO.getNodesWithInputId();
+      await expect(elementsWithId.length).toBe(1);
+    });
+
+    it('02: should keep the association intact once the clear button mounts', async () => {
+      const input = await DSPillsV2CO.getAssociatedInput();
+      await input.click();
+      await type('abcd');
+
+      // The clear button only renders once the input has a value, and it must not reuse the input's id.
+      const clearIcon = await DSPillsV2CO.getClearIcon();
+      await clearIcon.waitForDisplayed();
+      await expect(clearIcon).not.toHaveAttribute('id', DSPillsV2CO.IDS.input);
+
+      await expect(input).toHaveAttribute('aria-describedby', DSPillsV2CO.DESCRIBED_BY);
+      await expect(input).toHaveAttribute('aria-invalid', 'true');
+
+      const elementsWithId = await DSPillsV2CO.getNodesWithInputId();
+      await expect(elementsWithId.length).toBe(1);
+    });
+  });
+}

package/ds-progress-indicator/DSProgressIndicator.axe-core.func.spec.js

@@ -1,4 +1,3 @@
-/* eslint-disable wdio/no-pause */
 import DSProgressIndicatorCO from './DSProgressIndicatorCO';
 import { axeCoreCheck } from '../helpers';
 
@@ -8,24 +7,28 @@ if (
     browser.capabilities.browserName === 'chrome') ||
   browser.capabilities.browserName === 'Chrome'
 ) {
-  describe('PUI-17521: Progress Indicator:: Basic - Axe Core', () => {
+  describe('PUI-17521 - DSProgressIndicator:: Basic - Axe-Core', () => {
     before('loading page', async () => {
       const errorOnGo = await DSProgressIndicatorCO.basicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display basic progress indicator and pass axe-core', async () => {
-      await (await DSProgressIndicatorCO.getUploadLabel()).waitForDisplayed();
-      await browser.pause(500);
+      await (await DSProgressIndicatorCO.getTitle()).waitForDisplayed();
+
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });
   });
-  describe('PUI-17524: Progress Indicator:: Others Test - Axe Core', () => {
+
+  describe('PUI-17524 - DSProgressIndicator:: Others Test - Axe-Core', () => {
     before('loading page', async () => {
       const errorOnGo = await DSProgressIndicatorCO.othersURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display progress indicator and pass axe-core', async () => {
+      // Replaces a blind browser.pause(500): the story animates, so wait on the real end state.
+      await DSProgressIndicatorCO.waitForAnimatedCountersToSettle();
+
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });

package/ds-progress-indicator/DSProgressIndicator.func.spec.js

@@ -6,14 +6,28 @@ if (
     browser.capabilities.browserName === 'chrome') ||
   browser.capabilities.browserName === 'Chrome'
 ) {
-  describe('PUI-17522 - Progress Indicator:: Basic - Func', () => {
+  describe('PUI-17522 - DSProgressIndicator:: Basic - Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSProgressIndicatorCO.basicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('01: should show basic progress indicator', async () => {
-      const progressIndicator = await DSProgressIndicatorCO.getUploadLabel();
-      await expect(progressIndicator).toBeDisplayed();
+
+    // The naming, aria-valuetext and invalid-range contracts live in the aria-contract spec; this
+    // one stays on the Basic story's own value contract.
+    it('01: should show basic progress indicator with a valid progressbar value range', async () => {
+      const title = await DSProgressIndicatorCO.getTitle();
+      await expect(title).toBeDisplayed();
+      await expect(title).toHaveText('upload');
+
+      const root = await DSProgressIndicatorCO.getRoot();
+      await expect(root).toHaveAttribute('aria-disabled', 'false');
+
+      const progress = await DSProgressIndicatorCO.getProgress();
+      await expect(progress).toHaveAttribute('role', 'progressbar');
+      await expect(progress).toHaveAttribute('aria-valuenow', '50');
+      await expect(progress).toHaveAttribute('aria-valuemin', '0');
+      await expect(progress).toHaveAttribute('aria-valuemax', '100');
+      await expect(await progress.getAttribute('style')).toContain('width: 50%');
     });
   });
 }

package/ds-progress-indicator/DSProgressIndicator.visual.spec.js

@@ -1,24 +1,32 @@
 import DSProgressIndicatorCO from './DSProgressIndicatorCO';
 
-if (!browser.capabilities['ice:options'].isPhone) {
-  describe('PUI-17520 - Progress Indicator:: Basic - Visual', () => {
+// Migrated off the pre-Percy browser.checkSnapshot API as part of the PUI-18856 compliance work,
+// which rewrote the class system these baselines were taken against.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17520 - DSProgressIndicator:: Basic - Visual', () => {
     before('loading page', async () => {
       const errorOnGo = await DSProgressIndicatorCO.basicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display basic progress indicator', async () => {
-      await (await DSProgressIndicatorCO.getUploadLabel()).waitForDisplayed();
-      const snapshot = await browser.checkSnapshot(DSProgressIndicatorCO.snapshotPath('progressindicator-basic'));
+      await (await DSProgressIndicatorCO.getTitle()).waitForDisplayed();
+
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });
-  describe('PUI-17523 - Progress Indicator:: Others Test - Visual', () => {
+
+  describe('PUI-17523 - DSProgressIndicator:: Others Test - Visual', () => {
     before('loading page', async () => {
       const errorOnGo = await DSProgressIndicatorCO.othersURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display progress indicator', async () => {
-      const snapshot = await browser.checkSnapshot(DSProgressIndicatorCO.snapshotPath('progressindicator-others'));
+      // Two of the four indicators are driven by setInterval and only stop once their counters
+      // reach the maximum. Snapshotting before that lands produces a different image every run.
+      await DSProgressIndicatorCO.waitForAnimatedCountersToSettle();
+
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });