dimsum-e2e-tests 3.70.0-alpha.12 → 3.70.0-alpha.14

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

package/ds-toast/DSToast.visual.spec.js

@@ -153,12 +153,16 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const bottomLeftBtn = await DSToastCO.openToastPositionBtn('bottom-left');
       const bottomCenterBtn = await DSToastCO.openToastPositionBtn('bottom-center');
       const bottomRightBtn = await DSToastCO.openToastPositionBtn('bottom-right');
-      await topLeftBtn.click();
-      await topCenterBtn.click();
-      await topRigthBtn.click();
+      // Click order matters: all six triggers sit within y 0-88, and the top-* toast containers
+      // render over y 13-97 with autoClose disabled. Clicking the top row first covers the bottom
+      // row and WebDriver rejects the click as intercepted. Bottom row first keeps every trigger
+      // clickable (bottom containers sit at y 983-1067) and yields the same final state.
       await bottomLeftBtn.click();
       await bottomCenterBtn.click();
       await bottomRightBtn.click();
+      await topLeftBtn.click();
+      await topCenterBtn.click();
+      await topRigthBtn.click();
       await browser.pause(2000);
       const topLeftToast = await DSToastCO.getToastByPosition('top-left');
       const topCenterToast = await DSToastCO.getToastByPosition('top-center');

package/ds-toast/DSToastCO.js

@@ -13,7 +13,7 @@ export default class DSToastCO extends PageObject {
 
   static longTextURL = new Urlbuilder(PATH_E2E_TOAST, 'long-text-test');
 
-  static longTextWithLinkURL = new Urlbuilder(PATH_E2E_TOAST, 'long-text-with-link');
+  static longTextWithLinkURL = new Urlbuilder(PATH_E2E_TOAST, 'long-text-with-link-test');
 
   static multipleToastURL = new Urlbuilder(PATH_E2E_TOAST, 'multiple-toast-test');
 

package/ds-treeview/DSTreeViewCO.js

@@ -17,7 +17,7 @@ export const knobs = {
 export default class DSTreeViewCO extends PageObject {
   static basicUrl = new Urlbuilder(PATH_TREEVIEW, 'basic');
 
-  static compactURL = new Urlbuilder(PATH_TREEVIEW, 'compact');
+  static compactURL = new Urlbuilder(PATH_TREEVIEW, 'compact-view');
 
   static fluidHeightURL = new Urlbuilder(PATH_TREEVIEW, 'fluid-height');
 

package/ds-typography/DSTypographyCO.js

@@ -3,13 +3,13 @@ import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
 
 export default class DSTypographyCO extends PageObject {
   // Desktop
-  static cardURL = new Urlbuilder(PATH_E2E_TYPOGRAPHY, 'card');
+  static cardURL = new Urlbuilder(PATH_E2E_TYPOGRAPHY, 'card-read-more');
 
-  static formURl = new Urlbuilder(PATH_E2E_TYPOGRAPHY, 'form');
+  static formURl = new Urlbuilder(PATH_E2E_TYPOGRAPHY, 'form-test');
 
-  static dialogURL = new Urlbuilder(PATH_E2E_TYPOGRAPHY, 'dialog');
+  static dialogURL = new Urlbuilder(PATH_E2E_TYPOGRAPHY, 'dialog-test');
 
-  static showcaseURL = new Urlbuilder(PATH_E2E_TYPOGRAPHY, 'show-case');
+  static showcaseURL = new Urlbuilder(PATH_E2E_TYPOGRAPHY, 'show-case-test');
 
   static truncationURL = new Urlbuilder(PATH_E2E_TYPOGRAPHY, 'truncation-test');
 

package/helpers.js

@@ -402,66 +402,54 @@ export async function getLocationByDataTestId(dataTest, index) {
   return result;
 }
 
+// Inset from the element's top/bottom edge for the scrollbar click. Classic Windows scrollbars
+// render an arrow button (~17px) at each end: clicking it scrolls a single line, while clicking the
+// track scrolls a full page. Clearing the arrow is what makes a click page instead of nudge.
+const SCROLLBAR_ARROW_INSET = 30;
+
 /**
- * Simulates clicks on the scrollbar of an element to scroll its content.
+ * Simulates clicks on the scrollbar track of an element to page its content.
  *
- * For "down" direction, it clicks near the bottom of the element; for "up",
- * it clicks near the top. A pause is added between pointerDown and pointerUp
- * to simulate a more realistic click.
+ * For "down" direction it clicks the track near the bottom of the element; for "up", near the top.
+ * Both are inset far enough to clear the scrollbar's arrow buttons. A pause is added between
+ * pointerDown and pointerUp to simulate a more realistic click.
  *
- * @param {string|object} element - Element or selector for the element containing the scrollbar.
+ * @param {string|object} element - Element or selector for the element that scrolls (the one with
+ *   overflow-y: auto/scroll, not an inner content wrapper).
  * @param {string} direction - Scroll direction: 'up' or 'down' (default: 'down').
  * @param {number} clicks - Number of clicks to simulate (default: 1).
  */
 export async function clickScrollBar(element, direction = 'down', clicks = 1) {
-  // If 'element' is a string, treat it as a selector.
-  let elem = typeof element === 'string' ? await $(element) : element;
-  if (!elem) {
-    throw new Error('Element not found.');
+  if (direction !== 'up' && direction !== 'down') {
+    throw new Error("Invalid direction: choose 'up' or 'down'");
   }
 
-  // Get viewport dimensions to clamp coordinates.
-  const viewport = await browser.getWindowSize();
+  // Page viewport, not browser.getWindowSize(): the latter reports the outer window, which includes
+  // the titlebar and toolbar, so clamping against it can yield a y below the page and make
+  // performActions fail with "move target out of bounds".
+  const viewport = await browser.execute(() => ({ width: window.innerWidth, height: window.innerHeight }));
 
-  // Loop to simulate each click.
   for (let i = 0; i < clicks; i++) {
-    // Re-fetch the element's current bounding rect.
-    let rect;
-    if (typeof elem.getRect === 'function') {
-      rect = await elem.getRect();
-    } else {
-      rect = await browser.execute((el) => {
-        const r = el.getBoundingClientRect();
-        return { x: r.x, y: r.y, width: r.width, height: r.height };
-      }, elem);
+    // Re-resolve on every iteration. Virtualized and portalled scrollers re-render between clicks,
+    // and a cached element reference would raise "stale element reference".
+    const elem = typeof element === 'string' ? await $(element) : element;
+    if (!(await elem.isExisting())) {
+      throw new Error(`clickScrollBar: element no longer exists on click ${i + 1} of ${clicks}.`);
     }
 
-    // Define element's vertical limits (with a margin of 5px).
-    const topLimit = Math.round(rect.y + 5);
-    const bottomLimit = Math.round(rect.y + rect.height - 5);
-    // Calculate x-coordinate: 5px from the right edge.
-    let xCoord = Math.round(rect.x + rect.width - 5);
-    xCoord = Math.max(0, Math.min(xCoord, viewport.width - 1));
-
-    let yCoord;
-    if (direction === 'down') {
-      // Para scroll down: queremos hacer click en el área inferior.
-      // Se puede calcular un offset en función del número de click.
-      yCoord = bottomLimit - i * 5; // Ajusta el valor (por ejemplo, 5px) según sea necesario.
-    } else if (direction === 'up') {
-      // Para scroll up: click en el área superior.
-      yCoord = topLimit + i * 5; // Ajusta el valor (por ejemplo, 5px) según sea necesario.
-    } else {
-      throw new Error("Invalid direction: choose 'up' or 'down'");
-    }
-    // Asegurarse de que yCoord esté dentro de los límites del elemento.
-    if (direction === 'down') {
-      yCoord = Math.min(yCoord, bottomLimit);
-    } else {
-      yCoord = Math.max(yCoord, topLimit);
-    }
-    // Clamp yCoord within viewport.
-    yCoord = Math.max(0, Math.min(yCoord, viewport.height - 1));
+    const rect = await browser.execute((el) => {
+      const r = el.getBoundingClientRect();
+      return { x: r.x, y: r.y, width: r.width, height: r.height };
+    }, elem);
+
+    // x: inside the scrollbar band, 5px from the right edge.
+    const xCoord = Math.max(0, Math.min(Math.round(rect.x + rect.width - 5), viewport.width - 1));
+
+    const inset = Math.min(SCROLLBAR_ARROW_INSET, Math.max(1, Math.round(rect.height / 2) - 1));
+    const rawY = direction === 'down' ? rect.y + rect.height - inset : rect.y + inset;
+    // Keep the point inside the element, then inside the viewport.
+    const boundedY = Math.min(Math.max(Math.round(rawY), Math.round(rect.y) + 1), Math.round(rect.y + rect.height) - 1);
+    const yCoord = Math.max(0, Math.min(boundedY, viewport.height - 1));
 
     // Perform the click action with a pause to simulate a more realistic manual click.
     await browser.performActions([

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "dimsum-e2e-tests",
-  "version": "3.70.0-alpha.12",
+  "version": "3.70.0-alpha.14",
   "description": "End-to-end tests for dimsum library",
   "dependencies": {
     "@elliemae/ds-legacy-button": "1.0.16",
@@ -38,154 +38,154 @@
     "@elliemae/ds-legacy-wysiwygeditor": "1.0.16",
     "@elliemae/ds-legacy-zipcode-search": "1.0.16",
     "@elliemae/ds-legacy-zoom": "1.0.16",
-    "@elliemae/ds-accessibility": "3.70.0-alpha.12",
-    "@elliemae/ds-accordion": "3.70.0-alpha.12",
-    "@elliemae/ds-app-picker": "3.70.0-alpha.12",
-    "@elliemae/ds-banner": "3.70.0-alpha.12",
-    "@elliemae/ds-backdrop": "3.70.0-alpha.12",
-    "@elliemae/ds-basic": "3.70.0-alpha.12",
-    "@elliemae/ds-breadcrumb": "3.70.0-alpha.12",
-    "@elliemae/ds-card": "3.70.0-alpha.12",
-    "@elliemae/ds-button-v2": "3.70.0-alpha.12",
-    "@elliemae/ds-card-navigation": "3.70.0-alpha.12",
-    "@elliemae/ds-card-v1": "3.70.0-alpha.12",
-    "@elliemae/ds-card-v1-detail": "3.70.0-alpha.12",
-    "@elliemae/ds-card-v2": "3.70.0-alpha.12",
-    "@elliemae/ds-card-v2-action-addon": "3.70.0-alpha.12",
-    "@elliemae/ds-card-v2-group": "3.70.0-alpha.12",
-    "@elliemae/ds-card-v3": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-bubble": "3.70.0-alpha.12",
-    "@elliemae/ds-chat": "3.70.0-alpha.12",
-    "@elliemae/ds-card-v3-poc": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-card": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-container": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-container-header": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-empty-state": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-floating-button": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-message-delimeter": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-sidebar": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-system-message": "3.70.0-alpha.12",
-    "@elliemae/ds-chat-tile": "3.70.0-alpha.12",
-    "@elliemae/ds-chip": "3.70.0-alpha.12",
-    "@elliemae/ds-circular-progress-indicator": "3.70.0-alpha.12",
-    "@elliemae/ds-classnames": "3.70.0-alpha.12",
-    "@elliemae/ds-codeeditor": "3.70.0-alpha.12",
-    "@elliemae/ds-comments": "3.70.0-alpha.12",
-    "@elliemae/ds-controlled-form": "3.70.0-alpha.12",
-    "@elliemae/ds-csv-converter": "3.70.0-alpha.12",
-    "@elliemae/ds-data-table": "3.70.0-alpha.12",
-    "@elliemae/ds-data-table-cell": "3.70.0-alpha.12",
-    "@elliemae/ds-data-table-action-cell": "3.70.0-alpha.12",
-    "@elliemae/ds-data-table-drag-and-drop-cell": "3.70.0-alpha.12",
-    "@elliemae/ds-data-table-filters": "3.70.0-alpha.12",
-    "@elliemae/ds-data-table-expand-cell": "3.70.0-alpha.12",
-    "@elliemae/ds-data-table-multi-select-cell": "3.70.0-alpha.12",
-    "@elliemae/ds-data-table-cell-header": "3.70.0-alpha.12",
-    "@elliemae/ds-data-table-single-select-cell": "3.70.0-alpha.12",
-    "@elliemae/ds-dataviz": "3.70.0-alpha.12",
-    "@elliemae/ds-dataviz-pie": "3.70.0-alpha.12",
-    "@elliemae/ds-date-time-picker": "3.70.0-alpha.12",
-    "@elliemae/ds-dropdownmenu-v2": "3.70.0-alpha.12",
-    "@elliemae/ds-decision-graph": "3.70.0-alpha.12",
-    "@elliemae/ds-dropzone": "3.70.0-alpha.12",
-    "@elliemae/ds-dialog": "3.70.0-alpha.12",
-    "@elliemae/ds-fast-list": "3.70.0-alpha.12",
-    "@elliemae/ds-filter-bar": "3.70.0-alpha.12",
-    "@elliemae/ds-floating-context": "3.70.0-alpha.12",
-    "@elliemae/ds-form-checkbox": "3.70.0-alpha.12",
-    "@elliemae/ds-form-combobox": "3.70.0-alpha.12",
-    "@elliemae/ds-form-date-range-picker": "3.70.0-alpha.12",
-    "@elliemae/ds-form-date-time-picker": "3.70.0-alpha.12",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-alpha.12",
-    "@elliemae/ds-form-input-textarea": "3.70.0-alpha.12",
-    "@elliemae/ds-form-layout-input-group": "3.70.0-alpha.12",
-    "@elliemae/ds-form-input-text": "3.70.0-alpha.12",
-    "@elliemae/ds-form-layout-blocks": "3.70.0-alpha.12",
-    "@elliemae/ds-form-layout-autocomplete": "3.70.0-alpha.12",
-    "@elliemae/ds-form-layout-label": "3.70.0-alpha.12",
-    "@elliemae/ds-form-multi-combobox": "3.70.0-alpha.12",
-    "@elliemae/ds-form-native-select": "3.70.0-alpha.12",
-    "@elliemae/ds-form-radio": "3.70.0-alpha.12",
-    "@elliemae/ds-form-single-combobox": "3.70.0-alpha.12",
-    "@elliemae/ds-form-select": "3.70.0-alpha.12",
-    "@elliemae/ds-grid": "3.70.0-alpha.12",
-    "@elliemae/ds-form-toggle": "3.70.0-alpha.12",
-    "@elliemae/ds-global-header": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-focus-stack": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-fontsize-detector": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-fontsize-media": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-focus-trap": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-is-mobile": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-is-showing-ellipsis": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-keyboard-navigation": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-headless-tooltip": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-on-blur-out": "3.70.0-alpha.12",
-    "@elliemae/ds-icon": "3.70.0-alpha.12",
-    "@elliemae/ds-hooks-on-first-focus-in": "3.70.0-alpha.12",
-    "@elliemae/ds-icons": "3.70.0-alpha.12",
-    "@elliemae/ds-image": "3.70.0-alpha.12",
-    "@elliemae/ds-imagelibrarymodal": "3.70.0-alpha.12",
-    "@elliemae/ds-layout-provider": "3.70.0-alpha.12",
-    "@elliemae/ds-left-navigation": "3.70.0-alpha.12",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.70.0-alpha.12",
-    "@elliemae/ds-loading-indicator": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-button": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items-action": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items-multi": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items-separator": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items-single-with-submenu": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items-commons": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items-single": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items-skeleton": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-tree-item": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items-submenu": "3.70.0-alpha.12",
-    "@elliemae/ds-mobile": "3.70.0-alpha.12",
-    "@elliemae/ds-modal-slide": "3.70.0-alpha.12",
-    "@elliemae/ds-notification-badge": "3.70.0-alpha.12",
-    "@elliemae/ds-page-header": "3.70.0-alpha.12",
-    "@elliemae/ds-overlay": "3.70.0-alpha.12",
-    "@elliemae/ds-menu-items-section": "3.70.0-alpha.12",
-    "@elliemae/ds-drag-and-drop": "3.70.0-alpha.12",
-    "@elliemae/ds-page-header-v1": "3.70.0-alpha.12",
-    "@elliemae/ds-page-header-v2": "3.70.0-alpha.12",
-    "@elliemae/ds-pills-v2": "3.70.0-alpha.12",
-    "@elliemae/ds-pagination": "3.70.0-alpha.12",
-    "@elliemae/ds-portal": "3.70.0-alpha.12",
-    "@elliemae/ds-progress-indicator": "3.70.0-alpha.12",
-    "@elliemae/ds-props-helpers": "3.70.0-alpha.12",
-    "@elliemae/ds-query-builder": "3.70.0-alpha.12",
-    "@elliemae/ds-ribbon": "3.70.0-alpha.12",
-    "@elliemae/ds-resizeable-container": "3.70.0-alpha.12",
-    "@elliemae/ds-scrollable-container": "3.70.0-alpha.12",
-    "@elliemae/ds-separator": "3.70.0-alpha.12",
-    "@elliemae/ds-read-more": "3.70.0-alpha.12",
-    "@elliemae/ds-shared": "3.70.0-alpha.12",
-    "@elliemae/ds-shuttle-v2": "3.70.0-alpha.12",
-    "@elliemae/ds-side-panel": "3.70.0-alpha.12",
-    "@elliemae/ds-side-panel-header": "3.70.0-alpha.12",
-    "@elliemae/ds-skeleton": "3.70.0-alpha.12",
-    "@elliemae/ds-square-indicator": "3.70.0-alpha.12",
-    "@elliemae/ds-slider-v2": "3.70.0-alpha.12",
-    "@elliemae/ds-svg": "3.70.0-alpha.12",
-    "@elliemae/ds-tabs": "3.70.0-alpha.12",
-    "@elliemae/ds-stepper": "3.70.0-alpha.12",
-    "@elliemae/ds-system": "3.70.0-alpha.12",
-    "@elliemae/ds-test-utils": "3.70.0-alpha.12",
-    "@elliemae/ds-toast": "3.70.0-alpha.12",
-    "@elliemae/ds-toolbar-v1": "3.70.0-alpha.12",
-    "@elliemae/ds-tooltip-v3": "3.70.0-alpha.12",
-    "@elliemae/ds-toolbar-v2": "3.70.0-alpha.12",
-    "@elliemae/ds-transition": "3.70.0-alpha.12",
-    "@elliemae/ds-treeview": "3.70.0-alpha.12",
-    "@elliemae/ds-truncated-expandable-text": "3.70.0-alpha.12",
-    "@elliemae/ds-typescript-helpers": "3.70.0-alpha.12",
-    "@elliemae/ds-typography": "3.70.0-alpha.12",
-    "@elliemae/ds-virtual-list": "3.70.0-alpha.12",
-    "@elliemae/ds-tree-model": "3.70.0-alpha.12",
-    "@elliemae/ds-wizard": "3.70.0-alpha.12",
-    "@elliemae/ds-zustand-helpers": "3.70.0-alpha.12",
-    "@elliemae/ds-page-layout": "3.70.0-alpha.12"
+    "@elliemae/ds-accessibility": "3.70.0-alpha.14",
+    "@elliemae/ds-accordion": "3.70.0-alpha.14",
+    "@elliemae/ds-backdrop": "3.70.0-alpha.14",
+    "@elliemae/ds-app-picker": "3.70.0-alpha.14",
+    "@elliemae/ds-basic": "3.70.0-alpha.14",
+    "@elliemae/ds-banner": "3.70.0-alpha.14",
+    "@elliemae/ds-breadcrumb": "3.70.0-alpha.14",
+    "@elliemae/ds-button-v2": "3.70.0-alpha.14",
+    "@elliemae/ds-card": "3.70.0-alpha.14",
+    "@elliemae/ds-card-navigation": "3.70.0-alpha.14",
+    "@elliemae/ds-card-v1": "3.70.0-alpha.14",
+    "@elliemae/ds-card-v1-detail": "3.70.0-alpha.14",
+    "@elliemae/ds-card-v2": "3.70.0-alpha.14",
+    "@elliemae/ds-card-v2-action-addon": "3.70.0-alpha.14",
+    "@elliemae/ds-card-v2-group": "3.70.0-alpha.14",
+    "@elliemae/ds-card-v3": "3.70.0-alpha.14",
+    "@elliemae/ds-card-v3-poc": "3.70.0-alpha.14",
+    "@elliemae/ds-chat": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-bubble": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-card": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-container": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-container-header": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-empty-state": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-message-delimeter": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-floating-button": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-sidebar": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-system-message": "3.70.0-alpha.14",
+    "@elliemae/ds-chat-tile": "3.70.0-alpha.14",
+    "@elliemae/ds-chip": "3.70.0-alpha.14",
+    "@elliemae/ds-circular-progress-indicator": "3.70.0-alpha.14",
+    "@elliemae/ds-classnames": "3.70.0-alpha.14",
+    "@elliemae/ds-codeeditor": "3.70.0-alpha.14",
+    "@elliemae/ds-comments": "3.70.0-alpha.14",
+    "@elliemae/ds-controlled-form": "3.70.0-alpha.14",
+    "@elliemae/ds-csv-converter": "3.70.0-alpha.14",
+    "@elliemae/ds-data-table": "3.70.0-alpha.14",
+    "@elliemae/ds-data-table-action-cell": "3.70.0-alpha.14",
+    "@elliemae/ds-data-table-cell": "3.70.0-alpha.14",
+    "@elliemae/ds-data-table-cell-header": "3.70.0-alpha.14",
+    "@elliemae/ds-data-table-drag-and-drop-cell": "3.70.0-alpha.14",
+    "@elliemae/ds-data-table-expand-cell": "3.70.0-alpha.14",
+    "@elliemae/ds-data-table-filters": "3.70.0-alpha.14",
+    "@elliemae/ds-data-table-multi-select-cell": "3.70.0-alpha.14",
+    "@elliemae/ds-data-table-single-select-cell": "3.70.0-alpha.14",
+    "@elliemae/ds-dataviz-pie": "3.70.0-alpha.14",
+    "@elliemae/ds-date-time-picker": "3.70.0-alpha.14",
+    "@elliemae/ds-dataviz": "3.70.0-alpha.14",
+    "@elliemae/ds-dialog": "3.70.0-alpha.14",
+    "@elliemae/ds-dropdownmenu-v2": "3.70.0-alpha.14",
+    "@elliemae/ds-decision-graph": "3.70.0-alpha.14",
+    "@elliemae/ds-fast-list": "3.70.0-alpha.14",
+    "@elliemae/ds-dropzone": "3.70.0-alpha.14",
+    "@elliemae/ds-filter-bar": "3.70.0-alpha.14",
+    "@elliemae/ds-floating-context": "3.70.0-alpha.14",
+    "@elliemae/ds-form-checkbox": "3.70.0-alpha.14",
+    "@elliemae/ds-form-combobox": "3.70.0-alpha.14",
+    "@elliemae/ds-drag-and-drop": "3.70.0-alpha.14",
+    "@elliemae/ds-form-input-text": "3.70.0-alpha.14",
+    "@elliemae/ds-form-date-range-picker": "3.70.0-alpha.14",
+    "@elliemae/ds-form-layout-blocks": "3.70.0-alpha.14",
+    "@elliemae/ds-form-input-textarea": "3.70.0-alpha.14",
+    "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-alpha.14",
+    "@elliemae/ds-form-layout-label": "3.70.0-alpha.14",
+    "@elliemae/ds-form-layout-autocomplete": "3.70.0-alpha.14",
+    "@elliemae/ds-form-multi-combobox": "3.70.0-alpha.14",
+    "@elliemae/ds-form-native-select": "3.70.0-alpha.14",
+    "@elliemae/ds-form-select": "3.70.0-alpha.14",
+    "@elliemae/ds-form-date-time-picker": "3.70.0-alpha.14",
+    "@elliemae/ds-form-radio": "3.70.0-alpha.14",
+    "@elliemae/ds-form-layout-input-group": "3.70.0-alpha.14",
+    "@elliemae/ds-form-toggle": "3.70.0-alpha.14",
+    "@elliemae/ds-form-single-combobox": "3.70.0-alpha.14",
+    "@elliemae/ds-global-header": "3.70.0-alpha.14",
+    "@elliemae/ds-grid": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-focus-stack": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-focus-trap": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-fontsize-detector": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-headless-tooltip": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-is-showing-ellipsis": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-fontsize-media": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-is-mobile": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-on-blur-out": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-keyboard-navigation": "3.70.0-alpha.14",
+    "@elliemae/ds-icon": "3.70.0-alpha.14",
+    "@elliemae/ds-hooks-on-first-focus-in": "3.70.0-alpha.14",
+    "@elliemae/ds-image": "3.70.0-alpha.14",
+    "@elliemae/ds-imagelibrarymodal": "3.70.0-alpha.14",
+    "@elliemae/ds-layout-provider": "3.70.0-alpha.14",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.70.0-alpha.14",
+    "@elliemae/ds-icons": "3.70.0-alpha.14",
+    "@elliemae/ds-left-navigation": "3.70.0-alpha.14",
+    "@elliemae/ds-loading-indicator": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-button": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items-action": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items-commons": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items-multi": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items-section": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items-separator": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items-single": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items-single-with-submenu": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items-skeleton": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-tree-item": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items-submenu": "3.70.0-alpha.14",
+    "@elliemae/ds-menu-items": "3.70.0-alpha.14",
+    "@elliemae/ds-modal-slide": "3.70.0-alpha.14",
+    "@elliemae/ds-notification-badge": "3.70.0-alpha.14",
+    "@elliemae/ds-page-header": "3.70.0-alpha.14",
+    "@elliemae/ds-mobile": "3.70.0-alpha.14",
+    "@elliemae/ds-page-header-v1": "3.70.0-alpha.14",
+    "@elliemae/ds-page-header-v2": "3.70.0-alpha.14",
+    "@elliemae/ds-overlay": "3.70.0-alpha.14",
+    "@elliemae/ds-page-layout": "3.70.0-alpha.14",
+    "@elliemae/ds-pagination": "3.70.0-alpha.14",
+    "@elliemae/ds-progress-indicator": "3.70.0-alpha.14",
+    "@elliemae/ds-props-helpers": "3.70.0-alpha.14",
+    "@elliemae/ds-query-builder": "3.70.0-alpha.14",
+    "@elliemae/ds-read-more": "3.70.0-alpha.14",
+    "@elliemae/ds-ribbon": "3.70.0-alpha.14",
+    "@elliemae/ds-resizeable-container": "3.70.0-alpha.14",
+    "@elliemae/ds-scrollable-container": "3.70.0-alpha.14",
+    "@elliemae/ds-separator": "3.70.0-alpha.14",
+    "@elliemae/ds-shared": "3.70.0-alpha.14",
+    "@elliemae/ds-shuttle-v2": "3.70.0-alpha.14",
+    "@elliemae/ds-side-panel": "3.70.0-alpha.14",
+    "@elliemae/ds-side-panel-header": "3.70.0-alpha.14",
+    "@elliemae/ds-skeleton": "3.70.0-alpha.14",
+    "@elliemae/ds-slider-v2": "3.70.0-alpha.14",
+    "@elliemae/ds-square-indicator": "3.70.0-alpha.14",
+    "@elliemae/ds-stepper": "3.70.0-alpha.14",
+    "@elliemae/ds-svg": "3.70.0-alpha.14",
+    "@elliemae/ds-system": "3.70.0-alpha.14",
+    "@elliemae/ds-tabs": "3.70.0-alpha.14",
+    "@elliemae/ds-test-utils": "3.70.0-alpha.14",
+    "@elliemae/ds-toast": "3.70.0-alpha.14",
+    "@elliemae/ds-toolbar-v1": "3.70.0-alpha.14",
+    "@elliemae/ds-tooltip-v3": "3.70.0-alpha.14",
+    "@elliemae/ds-toolbar-v2": "3.70.0-alpha.14",
+    "@elliemae/ds-transition": "3.70.0-alpha.14",
+    "@elliemae/ds-tree-model": "3.70.0-alpha.14",
+    "@elliemae/ds-treeview": "3.70.0-alpha.14",
+    "@elliemae/ds-truncated-expandable-text": "3.70.0-alpha.14",
+    "@elliemae/ds-typescript-helpers": "3.70.0-alpha.14",
+    "@elliemae/ds-typography": "3.70.0-alpha.14",
+    "@elliemae/ds-wizard": "3.70.0-alpha.14",
+    "@elliemae/ds-virtual-list": "3.70.0-alpha.14",
+    "@elliemae/ds-zustand-helpers": "3.70.0-alpha.14",
+    "@elliemae/ds-portal": "3.70.0-alpha.14",
+    "@elliemae/ds-pills-v2": "3.70.0-alpha.14"
   },
   "publishConfig": {
     "access": "public"

package/paths.js

@@ -464,3 +464,7 @@ export const PATH_END_OF_LIFE_PAGE_HEADER_V1 = `${PATH_END_OF_LIFE}/PageHeaderV1
 export const PATH_END_OF_LIFE_SHUTTLE = `${PATH_END_OF_LIFE}/Shuttle`;
 export const PATH_END_OF_LIFE_FILTERBAR = `${PATH_END_OF_LIFE}/FilterBar`;
 export const PATH_SPINNER = `${PATH_END_OF_LIFE}/Spinner/Examples`;
+
+// accessibility conformance docs pages
+// The consumer view lives under Resources; the internal views share the
+// `Principles/Accessibility` title with the rest of the a11y documentation.

package/z-index/ZindexCO.js

@@ -82,6 +82,10 @@ export default class ZIndexCO extends PageObject {
 
   // Dialog from side panel
 
+  static getCloseDialogBtn() {
+    return $('[data-testid="close-dialog-button"]');
+  }
+
   static getToggleModalSlideWithinDialog() {
     return $('[data-testid="toggle-btn"]');
   }