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

package/ds-tabs/with-carousel/DSTabs.with-carousel.visual.spec.js

@@ -21,7 +21,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('02: should display fixed width carousel scrolled to middle tab', async () => {
       const middleTab = await DSTabsCO.getTab(6);
       await middleTab.scrollIntoView();
-      await middleTab.click();
+      await browser.execute((el) => el.click(), middleTab);
       const snapshot = await browser.percyCheckScreenshot(DSTabsCO.snapshotPath('tab-carousel-fixed-middle'));
       await expect(snapshot).toEqual(0);
     });
@@ -29,7 +29,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('03: should display fixed width carousel scrolled to last tab', async () => {
       const lastTab = await DSTabsCO.getTab(12);
       await lastTab.scrollIntoView();
-      await lastTab.click();
+      await browser.execute((el) => el.click(), lastTab);
       await (await DSTabsCO.getTabPanel(12)).waitForDisplayed();
       const snapshot = await browser.percyCheckScreenshot(DSTabsCO.snapshotPath('tab-carousel-fixed-last'));
       await expect(snapshot).toEqual(0);
@@ -38,7 +38,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('04: should display fixed width carousel scrolled back to first tab', async () => {
       const firstTab = await DSTabsCO.getTab(1);
       await firstTab.scrollIntoView();
-      await firstTab.click();
+      await browser.execute((el) => el.click(), firstTab);
       await (await DSTabsCO.getTabPanel(1)).waitForDisplayed();
       const snapshot = await browser.percyCheckScreenshot(DSTabsCO.snapshotPath('tab-carousel-fixed-first'));
       await expect(snapshot).toEqual(0);
@@ -61,7 +61,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       // Scroll to tab 10 and select it
       const targetTab = await DSTabsCO.getTabsByIndex(9);
       await targetTab.scrollIntoView();
-      await targetTab.click();
+      await browser.execute((el) => el.click(), targetTab);
       await (await DSTabsCO.getTabPanel(10)).waitForDisplayed();
       const snapshot = await browser.percyCheckScreenshot(
         DSTabsCO.snapshotPath('tab-carousel-integrated-scrolled-right'),
@@ -73,7 +73,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       // Scroll back to first tab and select it
       const firstTab = await DSTabsCO.getTab(1);
       await firstTab.scrollIntoView();
-      await firstTab.click();
+      await browser.execute((el) => el.click(), firstTab);
       await (await DSTabsCO.getTabPanel(1)).waitForDisplayed();
       const snapshot = await browser.percyCheckScreenshot(
         DSTabsCO.snapshotPath('tab-carousel-integrated-scrolled-back'),
@@ -84,7 +84,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       // Scroll to last tab and select it
       const lastTab = await DSTabsCO.getTabsByIndex(13);
       await lastTab.scrollIntoView();
-      await lastTab.click();
+      await browser.execute((el) => el.click(), lastTab);
       await (await DSTabsCO.getTabPanel(14)).waitForDisplayed();
       const snapshot = await browser.percyCheckScreenshot(DSTabsCO.snapshotPath('tab-carousel-integrated-last-tab'));
       await expect(snapshot).toEqual(0);
@@ -111,7 +111,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       // Scroll to middle subtab and select it (index 7 for middle of 15 subtabs)
       const middleSubtab = await DSTabsCO.getSubTabsByIndex(7);
       await middleSubtab.scrollIntoView();
-      await middleSubtab.click();
+      await browser.execute((el) => el.click(), middleSubtab);
       const snapshot = await browser.percyCheckScreenshot(DSTabsCO.snapshotPath('tab-carousel-nested-middle'));
       await expect(snapshot).toEqual(0);
     });
@@ -120,7 +120,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       // Scroll to last subtab and select it (index 14 for 15 subtabs)
       const lastSubtab = await DSTabsCO.getSubTabsByIndex(14);
       await lastSubtab.scrollIntoView();
-      await lastSubtab.click();
+      await browser.execute((el) => el.click(), lastSubtab);
       const snapshot = await browser.percyCheckScreenshot(DSTabsCO.snapshotPath('tab-carousel-nested-last'));
       await expect(snapshot).toEqual(0);
     });
@@ -129,7 +129,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       // Scroll back to first subtab and select it
       const firstSubtab = await DSTabsCO.getSubtab(1);
       await firstSubtab.scrollIntoView();
-      await firstSubtab.click();
+      await browser.execute((el) => el.click(), firstSubtab);
       const snapshot = await browser.percyCheckScreenshot(DSTabsCO.snapshotPath('tab-carousel-nested-first'));
       await expect(snapshot).toEqual(0);
     });

package/ds-tooltip-v3/DSTooltipV3CO.js

@@ -8,6 +8,8 @@ export default class DSTooltipV3CO extends PageObject {
 
   static uncontrolledTestUrl = new Urlbuilder(PATH_E2E_TOOLTIP_V3, 'uncontrolled-test');
 
+  static basicTestUrl = new Urlbuilder(PATH_E2E_TOOLTIP_V3, 'basic-test');
+
   static slotsURL = new Urlbuilder(PATH_E2E_TOOLTIP_V3, 'slots-test');
 
   // Snapshots
@@ -20,6 +22,10 @@ export default class DSTooltipV3CO extends PageObject {
     return $('[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]');
   }
 
+  static async getBasicTestTriggerButton() {
+    return $('button[aria-describedby="basic-tooltip"]');
+  }
+
   static async getTooltipContentByIndex(index = 0) {
     return $$('[data-testid="ds-tooltip-v3-tooltip-text-wrapper"] [data-testid="ds-typography-element"]')[index];
   }

package/ds-tooltip-v3/aria-tooltip-pattern/DSTooltipV3.aria-tooltip-pattern.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+import DSTooltipV3CO from '../DSTooltipV3CO';
+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-18498 - TooltipV3:: WAI-ARIA tooltip pattern - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTooltipV3CO.basicTestUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render the basic tooltip pattern and pass axe-core scan', async () => {
+      const tooltipContainer = await DSTooltipV3CO.getTooltip();
+      await tooltipContainer.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-tooltip-v3/aria-tooltip-pattern/DSTooltipV3.aria-tooltip-pattern.func.spec.js

@@ -0,0 +1,29 @@
+import DSTooltipV3CO from '../DSTooltipV3CO';
+
+// Tests for the fix introduced in PUI-18011 / PUI-18010:
+// the tooltip container must expose role="tooltip" and its `id` so that consumers
+// can wire `aria-describedby` from the trigger element (W3C WAI-ARIA tooltip pattern).
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18495 - TooltipV3:: WAI-ARIA tooltip pattern (role + aria-describedby) - func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTooltipV3CO.basicTestUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should expose role="tooltip", a matching id on the container and aria-describedby on trigger', async () => {
+      const tooltipContainer = await DSTooltipV3CO.getTooltip();
+      const triggerButton = await DSTooltipV3CO.getBasicTestTriggerButton();
+
+      await expect(tooltipContainer).toBeExisting();
+      await expect(tooltipContainer).toHaveAttribute('role', 'tooltip');
+      await expect(tooltipContainer).toHaveAttribute('id', 'basic-tooltip');
+
+      await expect(triggerButton).toBeExisting();
+      await expect(triggerButton).toHaveAttribute('aria-describedby', 'basic-tooltip');
+
+      const containerId = await tooltipContainer.getAttribute('id');
+      const triggerDescribedBy = await triggerButton.getAttribute('aria-describedby');
+      await expect(containerId).toBe(triggerDescribedBy);
+    });
+  });
+}

package/ds-treeview/DSTreeViewCO.js

@@ -226,7 +226,7 @@ export default class DSTreeViewCO extends PageObject {
   }
 
   static async getElementsTexts() {
-    return $$('[data-testid="DS-SimpleTruncateText"]');
+    return $$('[data-testid="tree-item-content"]');
   }
 
   static async getCollapseBtn() {
@@ -269,7 +269,7 @@ export default class DSTreeViewCO extends PageObject {
   }
 
   static async getTooltip() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   static async noItemsFound() {

package/package.json

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

package/paths.js

@@ -115,6 +115,8 @@ export const PATH_DROPDOWNMENU_V2 = `${PATH_COMPONENTS}/DropdownMenuV2`;
 export const PATH_TOAST = `${PATH_COMPONENTS}/Toast`;
 export const PATH_ACCORDION = `${PATH_COMPONENTS}/Accordion`;
 export const PATH_ACCORDION_EXAMPLES = `${PATH_ACCORDION}/Examples`;
+export const PATH_ACCORDION_NATIVE = `${PATH_POC}/native-accordion`;
+export const PATH_ACCORDION_NATIVE_EXAMPLES = `${PATH_ACCORDION_NATIVE}/Examples`;
 export const PATH_D_TOGGLED = `${PATH_COMPONENTS}/Toggle`;
 export const PATH_PAGE_NUMBER = `${PATH_END_OF_LIFE}/PageNumber/Examples`;
 export const PATH_SLIDER = `${PATH_COMPONENTS}/Slider/Examples`;
@@ -304,12 +306,15 @@ export const PATH_E2E_BREADCRUMB = `${PATH_E2E}/Breadcrumb`;
 export const PATH_E2E_FORM_ITEM_LAYOUT = `${PATH_E2E}/FormItemLayout`;
 export const PATH_E2E_BANNER = `${PATH_E2E}/Banner`;
 export const PATH_E2E_CHAT = `${PATH_E2E}/Chat`;
-export const PATH_E2E_CHAT_TILE = `${PATH_E2E}/ChatTile`;
+export const PATH_E2E_CHAT_BUBBLE = `${PATH_E2E_CHAT}/Bubble`;
+export const PATH_E2E_CHAT_CARD = `${PATH_E2E_CHAT}/Card`;
+export const PATH_E2E_CHAT_TILE = `${PATH_E2E_CHAT}/Tile`;
 export const PATH_E2E_DIALOG = `${PATH_E2E}/Dialog`;
 export const PATH_E2E_TOAST = `${PATH_E2E}/Toast`;
 export const PATH_E2E_GLOBAL_HEADER = `${PATH_E2E}/Global-Header`;
 export const PATH_E2E_HOOK_FORM = `${PATH_E2E}/React-hook-form`;
 export const PATH_E2E_ACCORDION = `${PATH_E2E}/Accordion`;
+export const PATH_E2E_ACCORDION_NATIVE = `${PATH_E2E}/AccordionNative`;
 export const PATH_E2E_VIRTUAL_LIST = `${PATH_E2E}/Virtual-list`;
 export const PATH_E2E_COMBOBOX = `${PATH_E2E_END_OF_LIFE}/ComboboxV2`;
 export const PATH_E2E_COMBOBOX_V3 = `${PATH_E2E}/ComboboxV3`;
@@ -398,6 +403,8 @@ export const PATH_E2E_RIBBON = `${PATH_E2E}/Ribbon`;
 export const PATH_E2E_MENU_BUTTON = `${PATH_E2E}/MenuButton/Features`;
 export const PATH_E2E_PROGRESS_INDICATOR = `${PATH_E2E}/ProgressIndicator`;
 
+export const PATH_E2E_PAGE_LAYOUT = `${PATH_E2E}/PageLayout`;
+
 // atom components (e2e)
 export const PATH_E2E_TOOLTIP_V3 = `${PATH_E2E}/TooltipV3`;
 export const PATH_E2E_BUTTON = `${PATH_E2E}/Button`;

package/ds-chat-tile/TileCO.js

@@ -1,35 +0,0 @@
-import { PATH_CHAT_PARTS, PATH_E2E_CHAT_TILE } from '../paths';
-import { PageObject, Urlbuilder } from '../helpers';
-
-export default class TileCO extends PageObject {
-  static tilesURL = new Urlbuilder(PATH_CHAT_PARTS, 'tile');
-
-  static sidebarURL = new Urlbuilder(PATH_CHAT_PARTS, 'sidebar');
-
-  static applyAriaDisabledURL = new Urlbuilder(PATH_E2E_CHAT_TILE, 'apply-aria-disabled-test');
-
-  static async getChatTile(tileId) {
-    return $(`[data-testid="tile-button-${tileId}"]`);
-  }
-
-  static async getChatTileButtonItem(tileId) {
-    return $(`[data-testid="tile-button-item-id-${tileId}"]`);
-  }
-
-  static async getSideBarSelectedTile() {
-    return $(`[data-testid="selected-tile"]`).getText();
-  }
-
-  static async getTileTooltip(id) {
-    return $(`[data-testid="ds-tooltip-v3-trigger-wrapper_ds-chat-tile-tooltip-button-item-id-${id}"]`);
-  }
-
-  static async getCounter() {
-    return $('[data-testid="counter"]');
-  }
-
-  // Snapshots
-  static snapshotPath(example = 'basic') {
-    return PageObject.getSnapshotPathBuilder('Tile', example, 'ds-chat');
-  }
-}