dimsum-e2e-tests 3.70.0-next.13 → 3.70.0-next.15

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.70.0-next.15 (2026-05-22)
+
+### Features
+
+- dimsum:: created open-spec dimsum wrapper for monorepo operation [PUI-18489](https://jira.elliemae.io/browse/PUI-18489) ([#8045](https://git.elliemae.io/platform-ui/dimsum/issues/8045)) ([0c8e422](https://git.elliemae.io/platform-ui/dimsum/commit/0c8e422cb87de489439faa38eab4129a6ebf8299))
+
+## 3.70.0-next.14 (2026-05-21)
+
+### Features
+
+- ds-chat:: add visual and functional tests for slot support [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8042](https://git.elliemae.io/platform-ui/dimsum/issues/8042)) ([e1fe993](https://git.elliemae.io/platform-ui/dimsum/commit/e1fe993dca1b73f003daa87558fd75097d2bb79a))
+
 ## 3.70.0-next.13 (2026-05-19)
 
 ### Bug Fixes

package/ds-chat/DSChat.axe-core.func.spec.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-plusplus */
 /* eslint-disable max-lines */
-import { ChatCO, BubbleCO, TileCO } from './components';
+import { ChatCO, CardCO, BubbleCO, TileCO } from './components';
 import { axeCoreCheck } from '../helpers';
 
 if (
@@ -41,7 +41,7 @@ if (
 
   describe('PUI-12504 - Chat, Chat Card -AxeCore', () => {
     before('loading page', async () => {
-      const errorOnGo = await ChatCO.chatCardURL.go();
+      const errorOnGo = await CardCO.cardBasicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should have a chat card and pass axe-core scan', async () => {

package/ds-chat/DSChat.visual.spec.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-plusplus */
 /* eslint-disable max-lines */
 import { Key } from 'webdriverio';
-import { ChatCO, BubbleCO, FloatingButtonCO, ComposerCO, TileCO } from './components';
+import { ChatCO, CardCO, BubbleCO, FloatingButtonCO, ComposerCO, TileCO } from './components';
 import { type } from '../helpers';
 import DSBannerCO from '../ds-banner/DSBannerCO';
 
@@ -76,7 +76,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
 
   describe('PUI-6712 - Chat, Chat Card, Visual Tests', () => {
     before('loading page', async () => {
-      const errorOnGo = await ChatCO.chatCardURL.go();
+      const errorOnGo = await CardCO.cardBasicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('should display the chat card properly', async () => {
@@ -268,7 +268,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
   });
 
-  describe('PUI-9333 - Chat, Scroll on send and not on enter, Func. Tests', () => {
+  describe('PUI-9333 - Chat, Scroll on send and not on enter - Visual Tests', () => {
     before('loading page', async () => {
       const errorOnGo = await ChatCO.sidePanelIntegrationURL.go();
       if (errorOnGo) throw errorOnGo;

package/ds-chat/DSChatCO.js

@@ -25,8 +25,6 @@ export default class DSChatCO extends PageObject {
 
   static sidePanelIntegrationURL = new Urlbuilder(PATH_E2E_CHAT, 'side-panel-integration-test');
 
-  static chatCardURL = new Urlbuilder(PATH_CHAT_PARTS, 'chat-card');
-
   static tooltipPosition = new Urlbuilder(PATH_CHAT_EXAMPLES, 'tooltip-position');
 
   static focuseableBanners = new Urlbuilder(PATH_CHAT_EXAMPLES, 'focus-on-banner');
@@ -72,10 +70,6 @@ export default class DSChatCO extends PageObject {
     return $('[data-testid="chat-thread-container"]');
   }
 
-  static async getCards() {
-    return $$('[data-testid="chat-card-wrapper"]');
-  }
-
   static async getSidebarFooterButton() {
     return $('[data-testid="sidebar-button-sidebar_footer"]');
   }

package/ds-chat/bubbles/slots/DSChatBubble.slots.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+// Tests for PUI-17908 (ds-chat-bubble slots implementation)
+import { BubbleCO } from '../../components';
+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-18460 - DSChatBubble:: axe-core - Axe-Core', () => {
+    before(async () => {
+      const errorOnGo = await BubbleCO.bubbleSlotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core on sender and recipient bubble variants', async () => {
+      const senderWrapper = await BubbleCO.getWrapperSlot();
+      await senderWrapper.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-chat/bubbles/slots/DSChatBubble.slots.func.spec.js

@@ -0,0 +1,49 @@
+// Tests for PUI-17908 (ds-chat-bubble slots implementation)
+import { BubbleCO } from '../../components';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18459 - DSChatBubble:: slot wiring - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await BubbleCO.bubbleSlotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have custom aria-* for each slot', async () => {
+      await (await BubbleCO.getWrapperSlot()).waitForDisplayed();
+      await expect(await BubbleCO.getWrapperSlot()).toHaveAttribute('aria-label', 'wrapper aria');
+      await expect(await BubbleCO.getColoredBubbleSlot()).toHaveAttribute('aria-label', 'colored-bubble aria');
+      await expect(await BubbleCO.getHeaderSlot()).toHaveAttribute('aria-label', 'header aria');
+      await expect(await BubbleCO.getHeaderLeftSlot()).toHaveAttribute('aria-label', 'header-left aria');
+      await expect(await BubbleCO.getHeaderRightSlot()).toHaveAttribute('aria-label', 'header-right aria');
+      await expect(await BubbleCO.getBodyWrapperSlot()).toHaveAttribute('aria-label', 'body-wrapper aria');
+      await expect(await BubbleCO.getErrorMessageSlot()).toHaveAttribute('aria-label', 'error-message aria');
+      await expect(await BubbleCO.getHelpMessageSlot()).toHaveAttribute('aria-label', 'help-message aria');
+    });
+
+    it('02: should have custom data-testid for each slot', async () => {
+      await expect(await BubbleCO.getWrapperSlot()).toHaveAttribute('data-testid', 'wrapper data');
+      await expect(await BubbleCO.getColoredBubbleSlot()).toHaveAttribute('data-testid', 'colored-bubble data');
+      await expect(await BubbleCO.getHeaderSlot()).toHaveAttribute('data-testid', 'header data');
+      await expect(await BubbleCO.getHeaderLeftSlot()).toHaveAttribute('data-testid', 'header-left data');
+      await expect(await BubbleCO.getHeaderRightSlot()).toHaveAttribute('data-testid', 'header-right data');
+      await expect(await BubbleCO.getBodyWrapperSlot()).toHaveAttribute('data-testid', 'body-wrapper data');
+      await expect(await BubbleCO.getErrorMessageSlot()).toHaveAttribute('data-testid', 'error-message data');
+      await expect(await BubbleCO.getHelpMessageSlot()).toHaveAttribute('data-testid', 'help-message data');
+    });
+
+    it('03: should have custom lang for each slot', async () => {
+      await expect(await BubbleCO.getWrapperSlot()).toHaveAttribute('lang', 'pt');
+      await expect(await BubbleCO.getHeaderSlot()).toHaveAttribute('lang', 'de');
+      await expect(await BubbleCO.getHeaderLeftSlot()).toHaveAttribute('lang', 'en');
+      await expect(await BubbleCO.getHeaderRightSlot()).toHaveAttribute('lang', 'fr');
+      await expect(await BubbleCO.getBodyWrapperSlot()).toHaveAttribute('lang', 'it');
+      await expect(await BubbleCO.getErrorMessageSlot()).toHaveAttribute('lang', 'sv');
+      await expect(await BubbleCO.getHelpMessageSlot()).toHaveAttribute('lang', 'ja');
+    });
+  });
+}

package/ds-chat/bubbles/slots/DSChatBubble.slots.visual.spec.js

@@ -0,0 +1,25 @@
+// Tests for PUI-17908 (ds-chat-bubble slots implementation)
+import { BubbleCO } from '../../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18458 - DSChatBubble:: bubble slot variants - Visual', () => {
+    before(async () => {
+      const errorOnGo = await BubbleCO.bubbleSlotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display sender and recipient bubble variants', async () => {
+      const senderWrapper = await BubbleCO.getWrapperSlot();
+      await senderWrapper.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(BubbleCO.snapshotPath('bubble-slots-sender-recipient'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display bubble with errorMessage and helpMessage', async () => {
+      const errorBubble = await BubbleCO.getErrorMessageSlot();
+      await errorBubble.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(BubbleCO.snapshotPath('bubble-slots-error-help'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chat/card/slots/DSChatCard.slots.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+// Tests for PUI-17908 (ds-chat-card slots implementation)
+import { CardCO } from '../../components';
+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-18463 - DSChatCard:: axe-core - Axe-Core', () => {
+    before(async () => {
+      const errorOnGo = await CardCO.cardSlotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core on all card variants', async () => {
+      const titleCard = await CardCO.getRootSlot();
+      await titleCard.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-chat/card/slots/DSChatCard.slots.func.spec.js

@@ -0,0 +1,47 @@
+// Tests for PUI-17908 (ds-chat-card slots implementation)
+import { CardCO } from '../../components';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18462 - DSChatCard:: slot wiring - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await CardCO.cardSlotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have custom aria-* for each slot', async () => {
+      await (await CardCO.getRootSlot()).waitForDisplayed();
+      await expect(await CardCO.getRootSlot()).toHaveAttribute('aria-label', 'root aria');
+      await expect(await CardCO.getMainContentSlot()).toHaveAttribute('aria-label', 'main-content aria');
+      await expect(await CardCO.getTitleSlot()).toHaveAttribute('aria-label', 'title aria');
+      await expect(await CardCO.getContentSlot()).toHaveAttribute('aria-label', 'content aria');
+      await expect(await CardCO.getTimeSlot()).toHaveAttribute('aria-label', 'time aria');
+      await expect(await CardCO.getRightAddonSlot()).toHaveAttribute('aria-label', 'right-addon aria');
+      await expect(await CardCO.getTruncatedSpanSlot()).toHaveAttribute('aria-label', 'truncated-span aria');
+    });
+
+    it('02: should have custom data-testid for each slot', async () => {
+      await expect(await CardCO.getRootSlot()).toHaveAttribute('data-testid', 'root data');
+      await expect(await CardCO.getMainContentSlot()).toHaveAttribute('data-testid', 'main-content data');
+      await expect(await CardCO.getTitleSlot()).toHaveAttribute('data-testid', 'title data');
+      await expect(await CardCO.getContentSlot()).toHaveAttribute('data-testid', 'content data');
+      await expect(await CardCO.getTimeSlot()).toHaveAttribute('data-testid', 'time data');
+      await expect(await CardCO.getRightAddonSlot()).toHaveAttribute('data-testid', 'right-addon data');
+      await expect(await CardCO.getTruncatedSpanSlot()).toHaveAttribute('data-testid', 'truncated-span data');
+    });
+
+    it('03: should have custom lang for each slot', async () => {
+      await expect(await CardCO.getRootSlot()).toHaveAttribute('lang', 'pt');
+      await expect(await CardCO.getMainContentSlot()).toHaveAttribute('lang', 'es');
+      await expect(await CardCO.getTitleSlot()).toHaveAttribute('lang', 'de');
+      await expect(await CardCO.getContentSlot()).toHaveAttribute('lang', 'en');
+      await expect(await CardCO.getTimeSlot()).toHaveAttribute('lang', 'fr');
+      await expect(await CardCO.getRightAddonSlot()).toHaveAttribute('lang', 'it');
+      await expect(await CardCO.getTruncatedSpanSlot()).toHaveAttribute('lang', 'nl');
+    });
+  });
+}

package/ds-chat/card/slots/DSChatCard.slots.visual.spec.js

@@ -0,0 +1,18 @@
+// Tests for PUI-17908 (ds-chat-card slots implementation)
+import { CardCO } from '../../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18461 - DSChatCard:: card slot variants - Visual', () => {
+    before(async () => {
+      const errorOnGo = await CardCO.cardSlotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display card with all slot props and style customization', async () => {
+      const root = await CardCO.getRootSlot();
+      await root.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(CardCO.snapshotPath('card-slot-variants'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chat/card/truncated-text/DSChatCard.truncated-text.func.spec.js

@@ -0,0 +1,32 @@
+import { CardCO } from '../../components';
+import { mouseOver } from '../../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18484 - DSChatCard:: truncated text - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await CardCO.cardTruncatedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should render TruncatedSpan for each card with long content', async () => {
+      const span = await CardCO.getTruncatedSpan(0);
+      await span.waitForDisplayed();
+      await expect(span).toBeDisplayed();
+      await expect(await CardCO.getTruncatedSpan(1)).toBeDisplayed();
+      await expect(await CardCO.getTruncatedSpan(2)).toBeDisplayed();
+    });
+
+    it('02: should show tooltip on hover when content overflows', async () => {
+      const span = await CardCO.getTruncatedSpan(0);
+      await mouseOver(span);
+      const tooltip = await CardCO.getTooltipContainer();
+      await tooltip.waitForDisplayed({ timeout: 3000 });
+      await expect(tooltip).toBeDisplayed();
+    });
+  });
+}

package/ds-chat/card/truncated-text/DSChatCard.truncated-text.visual.spec.js

@@ -0,0 +1,26 @@
+import { CardCO } from '../../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18483 - DSChatCard:: truncated text - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await CardCO.cardTruncatedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display cards with truncated content at rest', async () => {
+      const span = await CardCO.getTruncatedSpan(0);
+      await span.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(CardCO.snapshotPath('truncated-text'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should display tooltip on hover over truncated content', async () => {
+      const span = await CardCO.getTruncatedSpan(0);
+      await span.moveTo();
+      const tooltip = await CardCO.getTooltipContainer();
+      await tooltip.waitForDisplayed({ timeout: 3000 });
+      const snapshot = await browser.percyCheckScreenshot(CardCO.snapshotPath('truncated-text-tooltip'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chat/card/with-notification-badges/DSChatCard.with-notification-badges.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+import { CardCO } from '../../components';
+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-18486 - DSChatCard:: with notification badges - Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await CardCO.cardWithNotificationBadgesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core with notification badge variants', async () => {
+      const cards = await CardCO.getCards();
+      await cards[0].waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-chat/card/with-notification-badges/DSChatCard.with-notification-badges.visual.spec.js

@@ -0,0 +1,17 @@
+import { CardCO } from '../../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18485 - DSChatCard:: with notification badges - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await CardCO.cardWithNotificationBadgesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display cards with notification badges', async () => {
+      const cards = await CardCO.getCards();
+      await cards[0].waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(CardCO.snapshotPath('with-notification-badges'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-chat/components/BubbleCO.js

@@ -1,13 +1,15 @@
-import { PATH_E2E_CHAT } from '../../paths';
+import { PATH_E2E_CHAT, PATH_E2E_CHAT_BUBBLE } from '../../paths';
 import { PageObject, Urlbuilder } from '../../helpers';
 
 export default class BubbleCO extends PageObject {
-  static bubbleURL = new Urlbuilder(PATH_E2E_CHAT, 'bubble-test');
+  static bubbleURL = new Urlbuilder(PATH_E2E_CHAT_BUBBLE, 'bubble-test');
 
-  static bubbleWrapping = new Urlbuilder(PATH_E2E_CHAT, 'bubble-wrapping-test');
+  static bubbleWrapping = new Urlbuilder(PATH_E2E_CHAT_BUBBLE, 'bubble-wrapping-test');
 
   static systemMessageInContainerUCURL = new Urlbuilder(PATH_E2E_CHAT, 'system-message-in-container');
 
+  static bubbleSlotsURL = new Urlbuilder(PATH_E2E_CHAT_BUBBLE, 'slots-test');
+
   // selectors
   static async getErrorMessage(bubbleId) {
     return $(`[data-testid="chat-bubble-error-message-${bubbleId}"]`);
@@ -56,6 +58,47 @@ export default class BubbleCO extends PageObject {
     }, bubbleId);
   }
 
+  static async getBubbleWrapper(bubbleId) {
+    return $(`[data-testid="ds-chat-bubble-${bubbleId}"]`);
+  }
+
+  // Slot selectors (used by slots func spec — one bubble per story)
+  static async getWrapperSlot() {
+    return $('[data-dimsum-slot="dsBubbleWrapper"]');
+  }
+
+  static async getColoredBubbleSlot() {
+    return $('[data-dimsum-slot="dsBubbleColoredBubble"]');
+  }
+
+  static async getHeaderSlot() {
+    return $('[data-dimsum-slot="dsBubbleHeader"]');
+  }
+
+  static async getHeaderLeftSlot() {
+    return $('[data-dimsum-slot="dsBubbleHeaderLeft"]');
+  }
+
+  static async getHeaderRightSlot() {
+    return $('[data-dimsum-slot="dsBubbleHeaderRight"]');
+  }
+
+  static async getBodyWrapperSlot() {
+    return $('[data-dimsum-slot="dsBubbleBodyWrapper"]');
+  }
+
+  static async getArrowSlot() {
+    return $('[data-dimsum-slot="dsBubbleArrow"]');
+  }
+
+  static async getErrorMessageSlot() {
+    return $('[data-dimsum-slot="dsBubbleErrorMessage"]');
+  }
+
+  static async getHelpMessageSlot() {
+    return $('[data-dimsum-slot="dsBubbleHelpMessage"]');
+  }
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Bubble', example, 'ds-chat');

package/ds-chat/components/CardCO.js

@@ -0,0 +1,77 @@
+import { PATH_CHAT_PARTS, PATH_E2E_CHAT_CARD } from '../../paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class CardCO extends PageObject {
+  static chatCardURL = new Urlbuilder(PATH_CHAT_PARTS, 'chat-card');
+
+  static cardBasicURL = new Urlbuilder(PATH_E2E_CHAT_CARD, 'basic-test');
+
+  static cardWithNotificationBadgesURL = new Urlbuilder(PATH_E2E_CHAT_CARD, 'with-notification-badges-test');
+
+  static cardTruncatedURL = new Urlbuilder(PATH_E2E_CHAT_CARD, 'truncated-text-test');
+
+  static cardSlotsURL = new Urlbuilder(PATH_E2E_CHAT_CARD, 'slots-test');
+
+  static async getCards() {
+    return $$('[data-testid="chat-card-wrapper"]');
+  }
+
+  static async getCardRoot(cardId) {
+    return $(`[data-testid="chat-card-wrapper-${cardId}"]`);
+  }
+
+  static async getCardTitle(cardId) {
+    return $(`[data-testid="chat-card-title-${cardId}"]`);
+  }
+
+  static async getCardContent(cardId) {
+    return $(`[data-testid="chat-card-content-${cardId}"]`);
+  }
+
+  static async getCardTime(cardId) {
+    return $(`[data-testid="chat-card-time-${cardId}"]`);
+  }
+
+  // Truncated text selectors
+  static async getTruncatedSpan(index = 0) {
+    return $$('[data-dimsum-slot="dsChatcardTruncatedSpan"]')[index];
+  }
+
+  static async getTooltipContainer() {
+    return $('[data-dimsum-slot="dsChatcardTooltipContainer"]');
+  }
+
+  // Slot selectors (used by slots func spec — one card per story)
+  static async getRootSlot() {
+    return $('[data-dimsum-slot="dsChatcardRoot"]');
+  }
+
+  static async getMainContentSlot() {
+    return $('[data-dimsum-slot="dsChatcardMainContent"]');
+  }
+
+  static async getTitleSlot() {
+    return $('[data-dimsum-slot="dsChatcardTitle"]');
+  }
+
+  static async getContentSlot() {
+    return $('[data-dimsum-slot="dsChatcardContent"]');
+  }
+
+  static async getTimeSlot() {
+    return $('[data-dimsum-slot="dsChatcardTime"]');
+  }
+
+  static async getRightAddonSlot() {
+    return $('[data-dimsum-slot="dsChatcardRightAddon"]');
+  }
+
+  static async getTruncatedSpanSlot() {
+    return $('[data-dimsum-slot="dsChatcardTruncatedSpan"]');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Card', example, 'ds-chat');
+  }
+}

package/ds-chat/components/TileCO.js

@@ -0,0 +1,82 @@
+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 slotsTestURL = new Urlbuilder(PATH_E2E_CHAT_TILE, 'slots-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"]');
+  }
+
+  static async getTileBadge(tileId) {
+    return $(`[data-testid="tile-badge-${tileId}"]`);
+  }
+
+  static async getTileCloseButton(tileId) {
+    return $(`[data-testid="tile-close-btn-${tileId}"]`);
+  }
+
+  // Slot selectors (used by slots func spec — one tile per story)
+  static async getRootSlot() {
+    return $('[data-dimsum-slot="dsChattilebuttonRoot"]');
+  }
+
+  static async getTooltipWrapperSlot() {
+    return $('[data-dimsum-slot="dsChattilebuttonTooltipWrapper"]');
+  }
+
+  static async getWrapperSlot() {
+    return $('[data-dimsum-slot="dsChattilebuttonWrapper"]');
+  }
+
+  static async getLeftBorderSlot() {
+    return $('[data-dimsum-slot="dsChattilebuttonLeftBorder"]');
+  }
+
+  static async getCentralContentSlot() {
+    return $('[data-dimsum-slot="dsChattilebuttonCentralContent"]');
+  }
+
+  static async getIconSlot() {
+    return $('[data-dimsum-slot="dsChattilebuttonIcon"]');
+  }
+
+  static async getLabelSlot() {
+    return $('[data-dimsum-slot="dsChattilebuttonLabel"]');
+  }
+
+  static async getBadgeSlot() {
+    return $('[data-dimsum-slot="dsChattilebuttonBadge"]');
+  }
+
+  static async getCloseButtonSlot() {
+    return $('[data-dimsum-slot="dsChattilebuttonCloseButton"]');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Tile', example, 'ds-chat');
+  }
+}

package/ds-chat/components/index.js

@@ -1,8 +1,9 @@
 import BubbleCO from './BubbleCO';
+import CardCO from './CardCO';
 import FloatingButtonCO from './FloatingButtonCO';
-import TileCO from '../../ds-chat-tile/TileCO';
+import TileCO from './TileCO';
 import HeaderCO from './HeaderCO';
 import ComposerCO from './ComposerCO';
 import ChatCO from '../DSChatCO';
 import StoryBtnsCO from './StoryBtnsCO';
-export { BubbleCO, FloatingButtonCO, TileCO, HeaderCO, ComposerCO, ChatCO, StoryBtnsCO };
+export { BubbleCO, CardCO, FloatingButtonCO, TileCO, HeaderCO, ComposerCO, ChatCO, StoryBtnsCO };

package/{ds-chat-tile → ds-chat/tile}/DSChat-tile.axe-core.func.spec.js

@@ -1,6 +1,6 @@
 import { Key } from 'webdriverio';
-import { axeCoreCheck } from '../helpers';
-import TileCO from './TileCO';
+import { axeCoreCheck } from '../../helpers';
+import { TileCO } from '../components';
 
 if (
   (!browser.capabilities['ice:options'].isPhone &&

package/{ds-chat-tile → ds-chat/tile}/DSChat-tile.func.spec.js

@@ -1,5 +1,5 @@
 import { Key } from 'webdriverio';
-import TileCO from './TileCO';
+import { TileCO } from '../components';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-6684 - Chat, Tile, Keyboard Navigation', () => {

package/{ds-chat-tile → ds-chat/tile}/DSChat-tile.visual.spec.js

@@ -1,6 +1,6 @@
 import { Key } from 'webdriverio';
-import TileCO from './TileCO';
-import { mouseOver, keyboardActions, tickActions, performKeyboardAction } from '../helpers';
+import { TileCO } from '../components';
+import { mouseOver, keyboardActions, tickActions, performKeyboardAction } from '../../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone) {
   describe('PUI-6674 - Chat, Tile, Visual Tests', () => {

package/{ds-chat-tile → ds-chat/tile}/aria-disabled/DSChat-tile.aria-disabled.axe-core.func.spec.js

@@ -1,5 +1,5 @@
-import { axeCoreCheck } from '../../helpers';
-import TileCO from '../TileCO';
+import { axeCoreCheck } from '../../../helpers';
+import { TileCO } from '../../components';
 
 if (
   (!browser.capabilities['ice:options'].isPhone &&

package/{ds-chat-tile → ds-chat/tile}/aria-disabled/DSChat-tile.aria-disabled.visual.spec.js

@@ -1,6 +1,6 @@
 /* eslint-disable max-len */
 import { Key } from 'webdriverio';
-import TileCO from '../TileCO';
+import { TileCO } from '../../components';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-14368 - [Tile] applyAriaDisabled prop - visual Test', () => {

package/ds-chat/tile/slots/DSChatTile.slots.func.spec.js

@@ -0,0 +1,53 @@
+// Tests for PUI-17908 (ds-chat-tile slots implementation)
+import { TileCO } from '../../components';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18465 - DSChatTile:: slot wiring - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await TileCO.slotsTestURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have custom aria-* for each slot', async () => {
+      await (await TileCO.getRootSlot()).waitForDisplayed();
+      await expect(await TileCO.getRootSlot()).toHaveAttribute('aria-label', 'root aria');
+      await expect(await TileCO.getTooltipWrapperSlot()).toHaveAttribute('aria-label', 'tooltip-wrapper aria');
+      await expect(await TileCO.getWrapperSlot()).toHaveAttribute('aria-label', 'wrapper aria');
+      await expect(await TileCO.getLeftBorderSlot()).toHaveAttribute('aria-label', 'left-border aria');
+      await expect(await TileCO.getCentralContentSlot()).toHaveAttribute('aria-label', 'central-content aria');
+      await expect(await TileCO.getIconSlot()).toHaveAttribute('aria-label', 'icon aria');
+      await expect(await TileCO.getLabelSlot()).toHaveAttribute('aria-label', 'label aria');
+      await expect(await TileCO.getBadgeSlot()).toHaveAttribute('aria-label', 'badge aria');
+      await expect(await TileCO.getCloseButtonSlot()).toHaveAttribute('aria-label', 'close-button aria');
+    });
+
+    it('02: should have custom data-testid for each slot', async () => {
+      await expect(await TileCO.getRootSlot()).toHaveAttribute('data-testid', 'root data');
+      await expect(await TileCO.getTooltipWrapperSlot()).toHaveAttribute('data-testid', 'tooltip-wrapper data');
+      await expect(await TileCO.getWrapperSlot()).toHaveAttribute('data-testid', 'wrapper data');
+      await expect(await TileCO.getLeftBorderSlot()).toHaveAttribute('data-testid', 'left-border data');
+      await expect(await TileCO.getCentralContentSlot()).toHaveAttribute('data-testid', 'central-content data');
+      await expect(await TileCO.getIconSlot()).toHaveAttribute('data-testid', 'icon data');
+      await expect(await TileCO.getLabelSlot()).toHaveAttribute('data-testid', 'label data');
+      await expect(await TileCO.getBadgeSlot()).toHaveAttribute('data-testid', 'badge data');
+      await expect(await TileCO.getCloseButtonSlot()).toHaveAttribute('data-testid', 'close-button data');
+    });
+
+    it('03: should have custom lang for each slot', async () => {
+      await expect(await TileCO.getRootSlot()).toHaveAttribute('lang', 'pt');
+      await expect(await TileCO.getTooltipWrapperSlot()).toHaveAttribute('lang', 'es');
+      await expect(await TileCO.getWrapperSlot()).toHaveAttribute('lang', 'de');
+      await expect(await TileCO.getLeftBorderSlot()).toHaveAttribute('lang', 'en');
+      await expect(await TileCO.getCentralContentSlot()).toHaveAttribute('lang', 'fr');
+      await expect(await TileCO.getIconSlot()).toHaveAttribute('lang', 'it');
+      await expect(await TileCO.getLabelSlot()).toHaveAttribute('lang', 'nl');
+      await expect(await TileCO.getBadgeSlot()).toHaveAttribute('lang', 'sv');
+      await expect(await TileCO.getCloseButtonSlot()).toHaveAttribute('lang', 'ja');
+    });
+  });
+}

package/ds-chat/tile/slots/DSChatTile.slots.visual.spec.js

@@ -0,0 +1,18 @@
+// Tests for PUI-17908 (ds-chat-tile slots implementation)
+import { TileCO } from '../../components';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18464 - DSChatTile:: slot variants - Visual', () => {
+    before(async () => {
+      const errorOnGo = await TileCO.slotsTestURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display all tile slot variants', async () => {
+      const firstTile = await TileCO.getRootSlot();
+      await firstTile.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(TileCO.snapshotPath('tile-slot-variants'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-page-layout/PageLayoutCO.js

@@ -1,12 +1,12 @@
-import { PATH_PAGE_LAYOUT_TEMPLATE } from '../paths';
+import { PATH_E2E_PAGE_LAYOUT } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class PageLayoutCO extends PageObject {
-  static basicURL = new Urlbuilder(PATH_PAGE_LAYOUT_TEMPLATE, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_PAGE_LAYOUT, 'basic-test');
 
-  static complexURL = new Urlbuilder(PATH_PAGE_LAYOUT_TEMPLATE, 'complex-page');
+  static complexURL = new Urlbuilder(PATH_E2E_PAGE_LAYOUT, 'complex-page-test');
 
-  static integratedURL = new Urlbuilder(PATH_PAGE_LAYOUT_TEMPLATE, 'integrated-example');
+  static integratedURL = new Urlbuilder(PATH_E2E_PAGE_LAYOUT, 'integrated-example-test');
 
   // Snapshots
   static snapshotPath(example = 'basic') {

package/package.json

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

package/paths.js

@@ -304,7 +304,9 @@ 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`;
@@ -398,6 +400,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');
-  }
-}