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

package/ds-shuttle-v2/DSShuttleV2CO.js

@@ -12,6 +12,7 @@ const DSShuttleV2DataTestIds = {
   ITEM_LABEL_WRAPPER: 'ds-shuttlev2-item-label-wrapper',
   ITEM_MIDSECTION_WRAPPER: 'ds-shuttlev2-item-midsection-wrapper',
   ITEM_SELECTION: 'ds-shuttlev2-item-selection',
+  ITEM_SELECTION_CHECKBOX_UI: 'ds-shuttlev2-item-selection-checkbox-ui',
   ITEM_ACTIONS_WRAPPER: 'ds-shuttlev2-item-actions-wrapper',
   ITEM_ACTION_WRAPPER: 'ds-shuttlev2-item-action-wrapper',
   ITEM_ACTION_BTN: 'ds-shuttlev2-item-action-btn',
@@ -27,7 +28,6 @@ const DSShuttleV2DataTestIds = {
   MOVE_MULTIPLE_WRAPPER: 'ds-shuttlev2-move-multiple-wrapper',
   MOVE_MULTIPLE_BTN: 'ds-shuttlev2-move-multiple-btn',
   LIST_WRAPPER_MID: 'ds-shuttlev2-list-wrapper-mid',
-  LIST_WRAPPER_MID_SCROLLER: 'ds-shuttlev2-list-wrapper-mid-scroller',
   LIST_WRAPPER_TOP: 'ds-shuttlev2-list-wrapper-top',
   AREA_SEARCH_WRAPPER: 'ds-shuttlev2-area-search-wrapper',
   AREA_SEARCH_BAR: 'ds-shuttlev2-area-search-bar',
@@ -42,6 +42,8 @@ export default class DSShuttleV2CO extends PageObject {
 
   static basicURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'basic-test');
 
+  static breadcrumbAccessibleURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'breadcrumb-accessible-test');
+
   static adHocRenderAfterBulkMove = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'ad-hoc-render-after-bulk-move');
 
   static ariaPropsUrl = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'aria-props-test');
@@ -78,6 +80,8 @@ export default class DSShuttleV2CO extends PageObject {
 
   static insideDialogURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'inside-dialog-test');
 
+  static explicitSelectionUIURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'explicit-selection-ui-test');
+
   // Getter's
 
   static getHeaderSearchIcon = async (index = 0) =>
@@ -104,6 +108,14 @@ export default class DSShuttleV2CO extends PageObject {
 
   static getItemSelection = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_SELECTION}]`)[index];
 
+  static getItemSelectionCheckboxUI = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_SELECTION_CHECKBOX_UI}]`)[index];
+
+  static getItemSelections = async () => $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_SELECTION}]`);
+
+  static getItemSelectionCheckboxUIs = async () =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_SELECTION_CHECKBOX_UI}]`);
+
   static getItemsActionsWrapper = async (index = 0) =>
     $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ACTIONS_WRAPPER}]`)[index];
 
@@ -182,6 +194,8 @@ export default class DSShuttleV2CO extends PageObject {
 
   static getBreadcrumbs = async () => $$(`[data-testid="ds-breadcrumb-link"]`);
 
+  static getActiveBreadcrumb = async () => $(`[data-testid="ds-breadcrumb-link"][aria-current="step"]`);
+
   static getSubtitleByItem = async (item) => item.$$(`p`)[1];
 
   static getActionButtonByItemAndIndex = async (item, index = 0) =>

package/ds-shuttle-v2/breadcrumb-a11y/DSShuttleV2.breadcrumb-a11y.func.spec.js

@@ -0,0 +1,43 @@
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+// Tests for the fix introduced in PUI-17395 (ShuttleV2 breadcrumb a11y):
+// every step renders as a focusable <button> and the active/current step exposes
+// aria-current="step". DOM-attribute assertions are browser-agnostic, 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-18762 - DSShuttleV2:: breadcrumb active step aria-current -Func', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.breadcrumbAccessibleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: active step exposes aria-current="step" and every step is a focusable button', async () => {
+      // Drill down two levels so the breadcrumb has multiple steps (ancestors + current)
+      const rootItem = await DSShuttleV2CO.getItemFromSourceByIndex(1);
+      await (await DSShuttleV2CO.getActionButtonByItemAndIndex(rootItem, 0)).click();
+      const subItem = await DSShuttleV2CO.getItemFromSourceByIndex(2);
+      await (await DSShuttleV2CO.getActionButtonByItemAndIndex(subItem, 0)).click();
+
+      // Gather elements/values
+      const crumbs = await DSShuttleV2CO.getBreadcrumbs();
+      const activeCrumb = await DSShuttleV2CO.getActiveBreadcrumb();
+      const activeCrumbTag = await activeCrumb.getTagName();
+      const firstCrumb = crumbs[0];
+      const firstCrumbTag = await firstCrumb.getTagName();
+
+      // Assertions
+      await expect(crumbs.length).toBeGreaterThan(1);
+      // The current/active step (last) is announced as the current step
+      await expect(activeCrumb).toBeExisting();
+      await expect(activeCrumb).toHaveAttribute('aria-current', 'step');
+      await expect(activeCrumbTag).toBe('button');
+      // Non-active ancestor steps are buttons without aria-current
+      await expect(firstCrumbTag).toBe('button');
+      await expect(firstCrumb).not.toHaveAttribute('aria-current');
+    });
+  });
+}

package/ds-shuttle-v2/explicit-selection-ui/DSShuttleV2.explicit-selection-ui.func.spec.js

@@ -0,0 +1,37 @@
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+// Tests for the WCAG 1.4.1 "Use of Color" fix introduced in PUI-15539:
+// the `explicitSelectionUI` flag swaps the color-only vertical bar for an
+// explicit checkbox as the per-item selection indicator.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18638 - DSShuttleV2:: explicitSelectionUI checkbox indicator - func', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.explicitSelectionUIURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render an explicit checkbox indicator per item and no color-only vertical bar', async () => {
+      const verticalBars = await DSShuttleV2CO.getItemSelections();
+      const checkboxUIs = await DSShuttleV2CO.getItemSelectionCheckboxUIs();
+      await expect(verticalBars.length).toBe(0);
+      await expect(checkboxUIs.length).toBeGreaterThan(0);
+      await expect(await DSShuttleV2CO.getItemSelectionCheckboxUI(0)).toBeExisting();
+    });
+
+    it('02: should check the selection indicator after selecting a selectable item', async () => {
+      const selectableItem = await DSShuttleV2CO.getItemWrapper(0); // "Source 0.0" — even index, selectable
+      const selectableCheckbox = await DSShuttleV2CO.getItemCheckboxByIndex(0);
+      await expect(await selectableCheckbox.getAttribute('aria-checked')).toBe('false');
+      await selectableItem.click();
+      await expect(await selectableCheckbox.getAttribute('aria-checked')).toBe('true');
+    });
+
+    it('03: should keep the selection-prevented item disabled and unchecked after click', async () => {
+      const preventedItem = await DSShuttleV2CO.getItemWrapper(1); // "Source 0.1" — odd index, prevented
+      const preventedCheckbox = await DSShuttleV2CO.getItemCheckboxByIndex(1);
+      await expect(await preventedCheckbox.getAttribute('aria-disabled')).toBe('true');
+      await preventedItem.click();
+      await expect(await preventedCheckbox.getAttribute('aria-checked')).toBe('false');
+    });
+  });
+}

package/ds-shuttle-v2/explicit-selection-ui/DSShuttleV2.explicit-selection-ui.visual.spec.js

@@ -0,0 +1,30 @@
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+// Visual coverage for the WCAG 1.4.1 "Use of Color" fix (PUI-15539): with
+// `explicitSelectionUI`, items expose unselected, selected and disabled
+// checkbox states as a non-color selection indicator.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18639 - DSShuttleV2:: explicitSelectionUI checkbox indicators - visual', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.explicitSelectionUIURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display unselected checkboxes and disabled checkboxes on prevented items', async () => {
+      const firstSelectable = await DSShuttleV2CO.getItemWrapper(0); // "Source 0.0" — selectable
+      await firstSelectable.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display checked checkboxes and the BAB after selecting selectable items', async () => {
+      const firstSelectable = await DSShuttleV2CO.getItemWrapper(0); // "Source 0.0" — selectable
+      await firstSelectable.waitForDisplayed();
+      await firstSelectable.click();
+      const secondSelectable = await DSShuttleV2CO.getItemWrapper(2); // "Source 0.2" — selectable
+      await secondSelectable.click();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-shuttle-v2/extra/DSShuttleV2.extra.visual.spec.js

@@ -51,19 +51,24 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.loadMoreURL.go();
       if (errorOnGo) throw errorOnGo;
-      await browser.maximizeWindow();
     });
     it('01: should move all the items a, focus jump to body panel and load more items', async () => {
-      await browser.eyesOpen();
       const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
       await selectAllCheckbox.click();
       const bab = await DSShuttleV2CO.getMoveMultipleButton();
       await bab.click();
+      // await browser.keys(Key.Tab);
+      // await browser.keys(Key.Return);
       const loadMoreBtn = await DSShuttleV2CO.getSourceLoadMore();
       await loadMoreBtn.click();
       const firstItem = await DSShuttleV2CO.getItemFromSourceByIndex(0);
       await firstItem.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSShuttleV2CO.snapshotPath('shuttle-v2-after-loadmore'));
+      const sourcePanelBody = await DSShuttleV2CO.getListWrapperMid(0);
+      await browser.waitUntil(async () => sourcePanelBody.isFocused(), {
+        timeout: 5000,
+        timeoutMsg: 'Source panel body never received focus before snapshot',
+      });
+      const snapshot = await browser.percyCheckScreenshot();
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-shuttle-v2/items/DSShuttleV2.items.func.spec.js

@@ -74,11 +74,13 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should not move the item when the disabled move action button is clicked', async () => {
       const testItem = await DSShuttleV2CO.getItemWrapper(1);
       const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
-      const testItemMoveBtnDisabled = await testItemMoveBtn.getAttribute('aria-disabled');
       const testItemText = await testItem.getText();
       await testItemMoveBtn.click();
       await expect(testItemText).toBe('Source 0.1');
-      await expect(testItemMoveBtnDisabled).toBe('true');
+      // PUI-17909: a natively disabled DSButton emits the native `disabled` attribute and
+      // intentionally omits aria-disabled (that is reserved for applyAriaDisabled). Assert the
+      // native disabled state instead of the now-absent aria-disabled.
+      await expect(testItemMoveBtn).toBeDisabled();
     });
     it('02: should not display the BAB when a disabled item is clicked', async () => {
       const testItem = await DSShuttleV2CO.getItemWrapper(1);

package/ds-shuttle-v2/skipped/DSShuttleV2.extra.axe-core.skipped.js

@@ -7,7 +7,7 @@ if (
     browser.capabilities.browserName === 'Chrome') ||
   browser.capabilities.browserName === 'chrome'
 ) {
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10774 - Shuttle V2, Load More -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.loadMoreURL.go();

package/ds-shuttle-v2/skipped/DSShuttleV2.filter.axe-core.skipped.js

@@ -7,7 +7,7 @@ if (
     browser.capabilities.browserName === 'Chrome') ||
   browser.capabilities.browserName === 'chrome'
 ) {
-  // to be unskiped after PUI-11211 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10775 - Shuttle V2, Filter axe-core -Func.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.filterURL.go();

package/ds-shuttle-v2/skipped/DSShuttleV2.globalcheckbox.axe-core.skipped.js

@@ -7,7 +7,7 @@ if (
     browser.capabilities.browserName === 'Chrome') ||
   browser.capabilities.browserName === 'chrome'
 ) {
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10776 - Shuttle V2, Select/deselect with disabled items -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.disabledItemsURL.go();

package/ds-shuttle-v2/skipped/DSShuttleV2.items.axe-core.skipped.js

@@ -7,7 +7,7 @@ if (
     browser.capabilities.browserName === 'Chrome') ||
   browser.capabilities.browserName === 'chrome'
 ) {
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10777 - Shuttle V2, Soft delete -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.softDeleteURL.go();
@@ -28,7 +28,7 @@ if (
       expect(result.length).toBe(0);
     });
   });
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10778 - Shuttle V2, Subtitle -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.subtitleURL.go();
@@ -46,7 +46,7 @@ if (
       expect(result.length).toBe(0);
     });
   });
-  // to be unskiped after PUI-10785 is fixed
+  // to be unskiped after PUI-18632 is fixed
   describe.skip('PUI-10779 - Shuttle V2, Max selected items -AxeCore.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.maxSelectedURL.go();

package/ds-shuttle-v2/skipped/DSShuttleV2.skipped.js

@@ -1,6 +1,6 @@
 /* eslint-disable max-statements */
 /* eslint-disable max-lines */
-// to be unskiped after PUI-11211 is fixed
+// to be unskiped after PUI-18632 is fixed
 describe.skip('PUI-10768 - Shuttle V2, Basic -AxeCore.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.basicURL.go();
@@ -25,7 +25,7 @@ describe.skip('PUI-10768 - Shuttle V2, Basic -AxeCore.', () => {
   });
 });
 
-// to be unskiped after PUI-10785 is fixed
+// to be unskiped after PUI-18632 is fixed
 describe.skip('PUI-10770  - Shuttle V2, Tooltip with keyboard -AxeCore.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.customRendererURL.go();
@@ -46,7 +46,7 @@ describe.skip('PUI-10770  - Shuttle V2, Tooltip with keyboard -AxeCore.', () =>
 
 // From drilldown
 
-// to be unskiped after PUI-11211 is fixed
+// to be unskiped after PUI-18632 is fixed
 describe.skip('PUI-10771 - Shuttle V2, Drill Down and NOT Keep parent -AxeCore.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.basicURL.go();
@@ -72,7 +72,7 @@ describe.skip('PUI-10771 - Shuttle V2, Drill Down and NOT Keep parent -AxeCore.'
     expect(result.length).toBe(0);
   });
 });
-// to be unskiped after PUI-11211 is fixed
+// to be unskiped after PUI-18632 is fixed
 describe.skip('PUI-10772 - Shuttle V2, Drill down and  keep parent -AxeCore.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.basicKeepParentURL.go();
@@ -92,7 +92,7 @@ describe.skip('PUI-10772 - Shuttle V2, Drill down and  keep parent -AxeCore.', (
 
 // From drilldown KB
 
-// To be unskipped and steps to be added after 11211 is fixed
+// To be unskipped and steps to be added after PUI-18632 is fixed
 describe.skip('PUI-10109 - Shuttle V2, Drill down and keep parent, KB -Func.', () => {
   before(async () => {
     const errorOnGo = await DSShuttleV2CO.basicKeepParentURL.go();

package/ds-slider-v2/DSSliderV2.func.spec.js

@@ -105,8 +105,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(valueAfterChange).toEqual('75');
       await expect(value2AfterChange).toEqual('100');
     });
-    it.skip('04: should move second multiple slider handler to 75 (uncomplete step backwards fromm 100)', async () => {
-      // Unskip after PUI-12653 is done
+    it('04: should move second multiple slider handler to 75 (uncomplete step backwards fromm 100)', async () => {
+      // Unskipped after PUI-12653 / PUI-12643: handlers can no longer cross, so the max handler
+      // stepping back from 100 is capped by the min handler (75) instead of landing on 25.
       const handler = await DSSliderV2CO.getSliderThumb(1);
       const handler2 = await DSSliderV2CO.getSliderThumb(2);
       await browser.keys(Key.Tab);
@@ -199,35 +200,27 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(valueHandler1after).toEqual('25');
       await expect(valueHandler2after).toEqual('75');
     });
-    it('02: should be able to change the handlers order (with mouse)', async () => {
+    it('02: should stop the max handler at the min handler value (with mouse)', async () => {
+      // PUI-12643: dragging the max handler well past the min handler no longer swaps their order,
+      // the min handler acts as the limit for that direction and both end up sharing the same value.
       const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
       const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
-      await minSlider.dragAndDrop({ x: 550, y: 0 });
       await maxSlider.dragAndDrop({ x: -1200, y: 0 });
       const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
       const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
-      await expect(valueMinSliderAfter).toEqual('50');
-      await expect(valueMaxSliderAfter).toEqual('0');
+      await expect(valueMinSliderAfter).toEqual('25');
+      await expect(valueMaxSliderAfter).toEqual('25');
     });
-    it('03: should be to set both handlers at the same value with mouse', async () => {
+    it('03: should separate both handlers again after they overlap (with mouse)', async () => {
+      // Both handlers share the value 25, so the pointer lands on the topmost one (the max handler).
+      // Dragging it away from the min handler must re-open the range.
       const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
       const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
-      await minSlider.dragAndDrop({ x: 900, y: 0 });
-      await maxSlider.dragAndDrop({ x: 900, y: 0 });
       await maxSlider.dragAndDrop({ x: 900, y: 0 });
       const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
       const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
-      await expect(valueMinSliderAfter).toEqual('100');
-      await expect(valueMaxSliderAfter).toEqual('100');
-    });
-    it('04: should be to move from 100', async () => {
-      const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
-      const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
-      await minSlider.dragAndDrop({ x: -750, y: 0 });
-      const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
-      const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
-      await expect(valueMinSliderAfter).toEqual('100');
-      await expect(valueMaxSliderAfter).toEqual('50');
+      await expect(valueMinSliderAfter).toEqual('25');
+      await expect(Number(valueMaxSliderAfter)).toBeGreaterThan(Number(valueMinSliderAfter));
     });
   });
 
@@ -253,27 +246,45 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(valueHandler1after).toEqual('25');
       await expect(valueHandler2after).toEqual('75');
     });
-    it('02: should be able to change the handlers order (with KB)', async () => {
+    it('02: should not let either handler cross the other one (with KB)', async () => {
+      // PUI-12643: the max handler stops on the min handler value (25) and further ArrowLeft presses
+      // are ignored; the same applies to the min handler pressing ArrowRight against the max handler.
+      // The aria-labels stay bound to their handler, so min/max never swap roles.
       const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
       const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
       await browser.keys(Key.ArrowLeft);
       await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
       await browser.keys([Key.Shift, Key.Tab]);
       await browser.keys(Key.ArrowRight);
       const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
       const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
-      await expect(valueMinSliderAfter).toEqual('50');
+      await expect(valueMinSliderAfter).toEqual('25');
       await expect(valueMaxSliderAfter).toEqual('25');
+      await expect(minSlider).toBeFocused();
     });
-    it('03: should be to set both handlers at the same value (with KB)', async () => {
+    it('03: should move both handlers away from the upper limit (with KB)', async () => {
+      // PUI-12653: with both handlers stacked on the right-most limit the keyboard must still be able
+      // to move them, which is the accessible escape hatch the mouse does not provide.
       const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
       const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
       await browser.keys(Key.Tab);
       await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      const valueMinAtLimit = await DSSliderV2CO.getSliderValue(minSlider);
+      const valueMaxAtLimit = await DSSliderV2CO.getSliderValue(maxSlider);
+      await expect(valueMinAtLimit).toEqual('100');
+      await expect(valueMaxAtLimit).toEqual('100');
+      await browser.keys(Key.ArrowLeft);
       const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
       const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
-      await expect(valueMinSliderAfter).toEqual('50');
-      await expect(valueMaxSliderAfter).toEqual('50');
+      await expect(valueMinSliderAfter).toEqual('75');
+      await expect(valueMaxSliderAfter).toEqual('100');
     });
   });
 

package/ds-slider-v2/DSSliderV2CO.js

@@ -9,6 +9,8 @@ export default class DSSliderCO extends PageObject {
 
   static multipleURL = new Urlbuilder(PATH_E2E_SLIDER_V2, 'multiple-test');
 
+  static minRangeURL = new Urlbuilder(PATH_E2E_SLIDER_V2, 'min-range-test');
+
   static slotsTest = new Urlbuilder(PATH_E2E_SLIDER_V2, 'slots-test');
 
   static singleURL = new Urlbuilder(PATH_E2E_SLIDER_V2, 'single-test');
@@ -93,6 +95,14 @@ export default class DSSliderCO extends PageObject {
     return $('[aria-label="Max Range slider multiple aria"]');
   }
 
+  static async getMinRangeMinHandler() {
+    return $('[aria-label="Min Range slider minRange aria"]');
+  }
+
+  static async getMinRangeMaxHandler() {
+    return $('[aria-label="Max Range slider minRange aria"]');
+  }
+
   // actions
   static async getSliderValue(sliderThumb) {
     return sliderThumb.getAttribute('aria-valuenow');

package/ds-slider-v2/min-range/DSSliderV2.min-range.func.spec.js

@@ -0,0 +1,69 @@
+import { Key } from 'webdriverio';
+import DSSliderV2CO from '../DSSliderV2CO';
+
+// Tests for the fix introduced in PUI-12643 ([SliderV2] Can move a handler over the other).
+// The fix relies on the `minRange` prop: on a multiple slider the neighbouring handler acts as the
+// limit for that direction, so the handlers can neither cross over nor sit on top of each other.
+// The story uses minValue 0, maxValue 100, step 25 and minRange 25, so the smallest allowed
+// distance between both handlers is exactly one step.
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-12646 - DSSliderV2:: multiple handlers cannot overlap with minRange - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSliderV2CO.minRangeURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should stop the min handler one minRange away from the max handler (with KB)', async () => {
+      const minHandler = await DSSliderV2CO.getMinRangeMinHandler();
+      const maxHandler = await DSSliderV2CO.getMinRangeMaxHandler();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      const valueMinAtLimit = await DSSliderV2CO.getSliderValue(minHandler);
+      // the next step would put the min handler on 100, closing the range below minRange
+      await browser.keys(Key.ArrowRight);
+      const valueMinAfter = await DSSliderV2CO.getSliderValue(minHandler);
+      const valueMaxAfter = await DSSliderV2CO.getSliderValue(maxHandler);
+      await expect(valueMinAtLimit).toEqual('75');
+      await expect(valueMinAfter).toEqual('75');
+      await expect(valueMaxAfter).toEqual('100');
+      await expect(minHandler).toBeFocused();
+    });
+
+    it('02: should not let the max handler close the gap below minRange (with KB)', async () => {
+      const minHandler = await DSSliderV2CO.getMinRangeMinHandler();
+      const maxHandler = await DSSliderV2CO.getMinRangeMaxHandler();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowLeft);
+      const valueMinAfter = await DSSliderV2CO.getSliderValue(minHandler);
+      const valueMaxAfter = await DSSliderV2CO.getSliderValue(maxHandler);
+      await expect(valueMinAfter).toEqual('75');
+      await expect(valueMaxAfter).toEqual('100');
+      await expect(maxHandler).toBeFocused();
+    });
+
+    it('03: should move the min handler back to the start of the track (with KB)', async () => {
+      const minHandler = await DSSliderV2CO.getMinRangeMinHandler();
+      const maxHandler = await DSSliderV2CO.getMinRangeMaxHandler();
+      // the min handler travels freely while the gap allows it, leaving the range fully open
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      const valueMinAfter = await DSSliderV2CO.getSliderValue(minHandler);
+      const valueMaxAfter = await DSSliderV2CO.getSliderValue(maxHandler);
+      await expect(valueMinAfter).toEqual('0');
+      await expect(valueMaxAfter).toEqual('100');
+    });
+
+    // Pointer coverage is deliberately NOT part of this describe. Dragging a handler on a multiple
+    // slider currently runs into the known defects tracked in PUI-18876: a handler sitting on the
+    // right-most position cannot be actuated with the mouse (item 2) and a drag leaves no thumb
+    // focused (item 4). Asserting around those would either encode the broken behavior or produce a
+    // test that fails for reasons unrelated to minRange.
+    // The minRange guard itself lives in the `handleOnChange` of MainContent and filters the change
+    // regardless of the input device, so the keyboard cases above fully cover the contract.
+    // Mouse dragging on a multiple slider stays covered by PUI-12328.
+  });
+}

package/ds-tab-button/DSTabButton.func.spec.js

@@ -12,7 +12,7 @@ import DSTabButtonCO from './DSTabButtonCO';
   });
 }
 */
-describe('PUI-XXXX - TabButton:: example test - data-testid exists', () => {
+describe.skip('PUI-XXXX - TabButton:: example test - data-testid exists', () => {
   before('loading page', async () => {
     const errorOnGo = await DSTabButtonCO.basic.go();
     if (errorOnGo) throw errorOnGo;

package/ds-tabs/DSTabsCO.js

@@ -60,6 +60,8 @@ export default class DSTabsCO extends PageObject {
 
   static allTabsDisabled = new Urlbuilder(PATH_E2E_TABS, 'all-tabs-disabled');
 
+  static withNotificationBadge = new Urlbuilder(PATH_E2E_TABS, 'with-notification-badge-test');
+
   static getUrl(component = 'basic') {
     return PageObject.getUrl(PATH_E2E_TABS, component);
   }
@@ -102,6 +104,8 @@ export default class DSTabsCO extends PageObject {
 
   static getTabByName = async (name) => $(`button*=${name}`);
 
+  static getTabBadges = async () => (await this.getTabsList()).$$('[data-testid="ds-notification-badge"]');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Tabs', example);

package/ds-tabs/notification-badge/DSTabs.notification-badge.axe-core.func.spec.js

@@ -0,0 +1,28 @@
+import DSTabsCO from '../DSTabsCO';
+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-18932 - DSTabs:: notification badge tab list a11y scan - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.withNotificationBadge.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no violations with the badged tab selected', async () => {
+      await (await DSTabsCO.getTabsList()).waitForDisplayed();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+
+    it('02: should have no violations after switching to a tab without a badge', async () => {
+      await (await DSTabsCO.getTabsByIndex(1)).click();
+      const result = await axeCoreCheck();
+      await expect(result).toHaveLength(0);
+    });
+  });
+}

package/ds-tabs/notification-badge/DSTabs.notification-badge.func.spec.js

@@ -0,0 +1,51 @@
+import DSTabsCO from '../DSTabsCO';
+import DSNotificationBadgeCO from '../../ds-notification-badge/DSNotificationBadgeCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18931 - DSTabs:: notification badge in the tab accessible name - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.withNotificationBadge.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should expose a named badge into the tab name', async () => {
+      const badgedTab = await DSTabsCO.getTabsByIndex(0);
+      await badgedTab.waitForDisplayed();
+
+      const badge = await DSNotificationBadgeCO.getNotificationBadgeByIndex(0);
+      await expect(badge).toBeExisting();
+      await expect(badge).toHaveText('3');
+
+      const wrapper = await badge.parentElement();
+      await expect(wrapper).toHaveAttribute('role', 'img');
+      await expect(wrapper).toHaveAttribute('aria-label', '3 new notifications');
+
+      const computedName = await badgedTab.getComputedLabel();
+      expect(computedName).toMatch(/Fields Sent\s*3 new notifications/i);
+      expect(await badgedTab.getComputedRole()).toBe('tab');
+    });
+
+    it('02: should announce tabs without a badge by their title only', async () => {
+      const plainTab = await DSTabsCO.getTabsByIndex(1);
+      const plainName = await plainTab.getComputedLabel();
+      expect(plainName.trim()).toMatch(/^Fields Received$/i);
+      expect(plainName).not.toContain('3');
+
+      const badges = await DSTabsCO.getTabBadges();
+      await expect(badges).toHaveLength(1);
+    });
+
+    it('03: should keep the required tab announcing its Required indicator', async () => {
+      const requiredTab = await DSTabsCO.getTabsByIndex(3);
+      await expect(requiredTab).toHaveAttribute('data-required', 'true');
+
+      const requiredName = await requiredTab.getComputedLabel();
+      expect(requiredName).toMatch(/Required docs\s*Required/i);
+    });
+  });
+}