dimsum-e2e-tests 3.70.0-next.2 → 3.70.0-next.21

package/CHANGELOG.md

@@ -3,6 +3,116 @@
 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.21 (2026-06-01)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.70.0-next.20 (2026-06-01)
+
+### Bug Fixes
+
+- environment:: fix CO URL routing for ds-chat [PUI-18039](https://jira.elliemae.io/browse/PUI-18039) ([#8064](https://git.elliemae.io/platform-ui/dimsum/issues/8064)) ([ad7ba54](https://git.elliemae.io/platform-ui/dimsum/commit/ad7ba54dc4aafdcff00aeb17b20a39f3cd9b458b))
+
+## 3.70.0-next.19 (2026-05-28)
+
+### Features
+
+- ds-chat-empty-state:: slot system constants module, test pillars, deviations register, promote storybook to Chat section [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8062](https://git.elliemae.io/platform-ui/dimsum/issues/8062)) ([08ed09e](https://git.elliemae.io/platform-ui/dimsum/commit/08ed09e95484763ec0fdddc81d1a8124a3918333))
+
+## 3.70.0-next.18 (2026-05-27)
+
+### Features
+
+- ds-chat-message-delimeter:: bring package to full Dimsum compliance — slot system, constants module, test pillars, deviations register, promote storybook to Chat section [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8061](https://git.elliemae.io/platform-ui/dimsum/issues/8061)) ([d6cd0f9](https://git.elliemae.io/platform-ui/dimsum/commit/d6cd0f93543645f14d0792f78cf4ecfccf1b9bef))
+
+## 3.70.0-next.17 (2026-05-27)
+
+### Features
+
+- dimsum:: new portal now has support for searching content [PUI-18454](https://jira.elliemae.io/browse/PUI-18454) ([#8059](https://git.elliemae.io/platform-ui/dimsum/issues/8059)) ([405dbe5](https://git.elliemae.io/platform-ui/dimsum/commit/405dbe5203782b4019c3d31777ca9a525f54518d))
+
+## 3.70.0-next.16 (2026-05-25)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 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
+
+- ds-data-table:: clickout side filters improve [PUI-18469](https://jira.elliemae.io/browse/PUI-18469) ([#8035](https://git.elliemae.io/platform-ui/dimsum/issues/8035)) ([b6d1549](https://git.elliemae.io/platform-ui/dimsum/commit/b6d1549b9b369692ab93487ba24a37216f4738de))
+
+## 3.70.0-next.12 (2026-05-15)
+
+### Features
+
+- ds-chat-floating-button:: dimsum compliance and slots support [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8032](https://git.elliemae.io/platform-ui/dimsum/issues/8032)) ([9bc4ae8](https://git.elliemae.io/platform-ui/dimsum/commit/9bc4ae814b9276d369688d4ab4e0150b3e7cc09a))
+
+## 3.70.0-next.11 (2026-05-14)
+
+### Bug Fixes
+
+- ds-combobox-multi:: combobox aria busy e2e [PUI-18445](https://jira.elliemae.io/browse/PUI-18445) ([#8027](https://git.elliemae.io/platform-ui/dimsum/issues/8027)) ([cdbff4e](https://git.elliemae.io/platform-ui/dimsum/commit/cdbff4eb2a09af6de888dc8a13af5027836bd0a4))
+
+## 3.70.0-next.10 (2026-05-14)
+
+### Features
+
+- ds-chat-sidebar:: dimsum compliance and slots support [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8030](https://git.elliemae.io/platform-ui/dimsum/issues/8030)) ([0377613](https://git.elliemae.io/platform-ui/dimsum/commit/0377613123d62602a8128d754f201f45a4c3f396))
+
+## 3.70.0-next.9 (2026-05-12)
+
+### Features
+
+- ds-floating-context:: external ref feature [PUI-18440](https://jira.elliemae.io/browse/PUI-18440) ([#8023](https://git.elliemae.io/platform-ui/dimsum/issues/8023)) ([ee46ed5](https://git.elliemae.io/platform-ui/dimsum/commit/ee46ed5163f1771ff6dee22ad0654131fd13ff56))
+
+## 3.70.0-next.8 (2026-05-12)
+
+### Bug Fixes
+
+- ds-chat-bubble:: add missing export in test ([57d294a](https://git.elliemae.io/platform-ui/dimsum/commit/57d294aef0b2739cb2ac0afe673d9c4ccfe0e718))
+
+## 3.70.0-next.7 (2026-05-11)
+
+### Bug Fixes
+
+- ds-modal-slide:: added e2e test for slots [PUI-18428](https://jira.elliemae.io/browse/PUI-18428) ([#8016](https://git.elliemae.io/platform-ui/dimsum/issues/8016)) ([8fa99f8](https://git.elliemae.io/platform-ui/dimsum/commit/8fa99f8e14fe7d8b1fedd916e392761f2188904e))
+
+## 3.70.0-next.6 (2026-05-11)
+
+### Bug Fixes
+
+- ds-form-combobox:: replace racing assertive live region with aria-busy + polite count [PUI-18034](https://jira.elliemae.io/browse/PUI-18034) ([#8018](https://git.elliemae.io/platform-ui/dimsum/issues/8018)) ([6e02644](https://git.elliemae.io/platform-ui/dimsum/commit/6e02644e2c17a53c6ca87737a6e10b59adce57fb))
+
+## 3.70.0-next.5 (2026-05-08)
+
+### Features
+
+- ds-popperjs:: deprecated & migration to fc [PUI-18079](https://jira.elliemae.io/browse/PUI-18079) ([#8000](https://git.elliemae.io/platform-ui/dimsum/issues/8000)) ([c5f1d5c](https://git.elliemae.io/platform-ui/dimsum/commit/c5f1d5c0163f831b33327e5783d26380a9f2798a))
+
+## 3.70.0-next.4 (2026-05-06)
+
+### Bug Fixes
+
+- ds-form-combobox:: fixing defect [PUI-17903](https://jira.elliemae.io/browse/PUI-17903) ([#8007](https://git.elliemae.io/platform-ui/dimsum/issues/8007)) ([16df5f9](https://git.elliemae.io/platform-ui/dimsum/commit/16df5f9395d38d9dce4833d50c2e65ed692277a1))
+
+## 3.70.0-next.3 (2026-05-05)
+
+### Features
+
+- ds-modal-slide:: dimsum compliance [17128] (https://jira.elliemae.io/browse/PUI- 17128) ([#7995](https://git.elliemae.io/platform-ui/dimsum/issues/7995)) ([7c772e3](https://git.elliemae.io/platform-ui/dimsum/commit/7c772e3cdd219cd45f3b32f37b4a25f9989afb3b))
+
 ## 3.70.0-next.2 (2026-05-05)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-autocomplete/DSAutocomplete.visual.spec.js

@@ -18,4 +18,38 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+  describe('PUI-17180 - Autocomplete:: Floating After Filtering -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.floatingAfterFiltering.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display menu correctly - after filtering', async () => {
+      await browser.keys(Key.Tab);
+      await type('44444-');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-filtering'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display menu correctly - after re filtering', async () => {
+      await type('6');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-re-filtering'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display menu correctly - after backspace', async () => {
+      await browser.keys(Key.Backspace);
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-backspace'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-autocomplete/DSAutocompleteCO.js

@@ -12,6 +12,8 @@ export default class DSAutocompleteCO extends PageObject {
 
   static sectionTitles = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'with-section-titles-test');
 
+  static floatingAfterFiltering = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'floating-after-filtering');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Autocomplete', example);

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

@@ -1,45 +1,43 @@
 /* eslint-disable import/no-relative-packages */
-import { PATH_CHAT_EXAMPLES, PATH_CHAT_PARTS, PATH_E2E_CHAT } from '../paths';
+import { PATH_E2E_CHAT } from '../paths';
 import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
 
 export default class DSChatCO extends PageObject {
   static TEST_STR = 'this is a test string';
 
-  static systemMessageURL = new Urlbuilder(PATH_CHAT_PARTS, 'chat-system-message');
+  static systemMessageURL = new Urlbuilder(PATH_E2E_CHAT, 'chat-system-message');
 
-  static messageDelimiterURL = new Urlbuilder(PATH_CHAT_PARTS, 'chat-message-delimiter');
+  static messageDelimiterURL = new Urlbuilder(PATH_E2E_CHAT, 'chat-message-delimiter');
 
-  static containerURL = new Urlbuilder(PATH_CHAT_PARTS, 'container');
+  static containerURL = new Urlbuilder(PATH_E2E_CHAT, 'container');
 
-  static loadMoreURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'container-load-more');
+  static loadMoreURL = new Urlbuilder(PATH_E2E_CHAT, 'container-load-more');
 
-  static loadingURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'loading-container');
+  static loadingURL = new Urlbuilder(PATH_E2E_CHAT, 'loading-container');
 
-  static loadingErrorURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'loading-error');
+  static loadingErrorURL = new Urlbuilder(PATH_E2E_CHAT, 'loading-error');
 
-  static floatingExampleURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'floating-example');
+  static floatingExampleURL = new Urlbuilder(PATH_E2E_CHAT, 'floating-example');
 
-  static focusCasesURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'container-focus-cases');
+  static focusCasesURL = new Urlbuilder(PATH_E2E_CHAT, 'container-focus-cases');
 
-  static mobileContainerURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'mobile-container');
+  static mobileContainerURL = new Urlbuilder(PATH_E2E_CHAT, 'mobile-container');
 
   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_E2E_CHAT, 'tooltip-position');
 
-  static tooltipPosition = new Urlbuilder(PATH_CHAT_EXAMPLES, 'tooltip-position');
+  static focuseableBanners = new Urlbuilder(PATH_E2E_CHAT, 'focus-on-banner');
 
-  static focuseableBanners = new Urlbuilder(PATH_CHAT_EXAMPLES, 'focus-on-banner');
+  static newMessages = new Urlbuilder(PATH_E2E_CHAT, 'container-new-messages');
 
-  static newMessages = new Urlbuilder(PATH_CHAT_EXAMPLES, 'container-new-messages');
+  static nonDeliveredURL = new Urlbuilder(PATH_E2E_CHAT, 'non-delivered-messages');
 
-  static nonDeliveredURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'non-delivered-messages');
+  static nonGridInfluencerURL = new Urlbuilder(PATH_E2E_CHAT, 'non-grid-influencer-integration');
 
-  static nonGridInfluencerURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'non-grid-influencer-integration');
+  static customBanner = new Urlbuilder(PATH_E2E_CHAT, 'custom-banner');
 
-  static customBanner = new Urlbuilder(PATH_CHAT_EXAMPLES, 'custom-banner');
-
-  static emptyState = new Urlbuilder(PATH_CHAT_EXAMPLES, 'empty-state');
+  static emptyState = new Urlbuilder(PATH_E2E_CHAT, 'empty-state');
 
   static globalLineHeight = new Urlbuilder(PATH_E2E_CHAT, 'global-line-height');
 
@@ -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');