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

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/ComposerCO.js

@@ -1,19 +1,19 @@
 /* eslint-disable import/no-relative-packages */
-import { PATH_CHAT_EXAMPLES, PATH_E2E_CHAT, PATH_CHAT_PARTS } from '../../paths';
+import { PATH_E2E_CHAT } from '../../paths';
 import { PageObject, Urlbuilder } from '../../helpers';
 
 export default class ComposerCO extends PageObject {
-  static composerURL = new Urlbuilder(PATH_CHAT_PARTS, 'composer');
+  static composerURL = new Urlbuilder(PATH_E2E_CHAT, 'composer');
 
-  static mobileComposerURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'mobile-container');
+  static mobileComposerURL = new Urlbuilder(PATH_E2E_CHAT, 'mobile-container');
 
-  static characterCountURL = new Urlbuilder(PATH_CHAT_PARTS, 'composer-character-count');
+  static characterCountURL = new Urlbuilder(PATH_E2E_CHAT, 'composer-character-count');
 
-  static characterCountCustomURL = new Urlbuilder(PATH_CHAT_PARTS, 'composer-character-count-custom-message');
+  static characterCountCustomURL = new Urlbuilder(PATH_E2E_CHAT, 'composer-character-count-custom-message');
 
   static responsiveContainerUCURL = new Urlbuilder(PATH_E2E_CHAT, 'responsive-container');
 
-  static containerFocusCasesURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'container-focus-cases');
+  static containerFocusCasesURL = new Urlbuilder(PATH_E2E_CHAT, 'container-focus-cases');
 
   static LONG_STRING = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula bibendum nulla';
 

package/ds-chat/components/FloatingButtonCO.js

@@ -1,8 +1,8 @@
-import { PATH_CHAT_PARTS, PATH_E2E_CHAT } from '../../paths';
+import { PATH_E2E_CHAT } from '../../paths';
 import { PageObject, Urlbuilder } from '../../helpers';
 
 export default class FloatingButtonCO extends PageObject {
-  static floatingButtonURL = new Urlbuilder(PATH_CHAT_PARTS, 'float-button');
+  static floatingButtonURL = new Urlbuilder(PATH_E2E_CHAT, 'float-button');
 
   static floatingExampleURL = new Urlbuilder(PATH_E2E_CHAT, 'floating-example-test');
 

package/ds-chat/components/HeaderCO.js

@@ -1,9 +1,9 @@
 /* eslint-disable import/no-relative-packages */
-import { PATH_CHAT_PARTS, PATH_E2E_CHAT } from '../../paths';
+import { PATH_E2E_CHAT } from '../../paths';
 import { PageObject, Urlbuilder } from '../../helpers';
 
 export default class HeaderCO extends PageObject {
-  static headerURL = new Urlbuilder(PATH_CHAT_PARTS, 'header');
+  static headerURL = new Urlbuilder(PATH_E2E_CHAT, 'header');
 
   static withConditionalRenderingUCURL = new Urlbuilder(PATH_E2E_CHAT, 'conditional-rendering-header-buttons');
 

package/ds-chat/components/TileCO.js

@@ -0,0 +1,82 @@
+import { PATH_E2E_CHAT, PATH_E2E_CHAT_TILE } from '../../paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class TileCO extends PageObject {
+  static tilesURL = new Urlbuilder(PATH_E2E_CHAT, 'tile');
+
+  static sidebarURL = new Urlbuilder(PATH_E2E_CHAT, '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-controlled-form/ds-combobox/DSComboboxCO.js

@@ -134,7 +134,7 @@ export default class DSComboboxCO extends PageObject {
   }
 
   static async getSimpleTruncateText() {
-    return $('[data-testid="DS-SimpleTruncateText"]');
+    return $('[data-testid="combobox-selected-values"]');
   }
 
   static async getNumberOptions() {
@@ -183,7 +183,7 @@ export default class DSComboboxCO extends PageObject {
   }
 
   static async getTooltip() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   // actions

package/ds-controlled-form/ds-controlled-checkbox/DSControlledCheckboxCO.js

@@ -58,7 +58,7 @@ export default class DSControlledCheckboxCO extends PageObject {
   static getCheckboxByIndex = async (index) => getElementByIndex(this.getCheckboxes, index);
 
   static async getCheckboxLabels() {
-    return $$('[data-testid="DS-SimpleTruncateText"]');
+    return $$('[data-testid="ds-checkbox-label"]');
   }
 
   static getCheckboxLabelByIndex = async (index) => getElementByIndex(this.getCheckboxLabels, index);

package/ds-controlled-form/ds-controlled-inputgroup/DSControlledInputGroupCO.js

@@ -47,7 +47,7 @@ export default class DSControlledInputGroupCO extends PageObject {
   }
 
   static async getComboSelectedOptText() {
-    return $('[data-testid="DS-SimpleTruncateText"]');
+    return $('[data-testid="combobox-selected-values"]');
   }
 
   static async getComboboxInput() {

package/ds-data-table-async/DSDataTableCO.js

@@ -142,10 +142,6 @@ export default class DataTableCO extends PageObject {
 
   static performance = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'performance');
 
-  static emptyStateFullCustom = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'empty-state-full-custom');
-
-  static customCellRowHeader = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'custom-cell-row-and-header');
-
   static responsive = new Urlbuilder(PATH_E2E_DATATABLE_ADVANCED, 'responsive');
 
   // ROW
@@ -162,10 +158,15 @@ export default class DataTableCO extends PageObject {
 
   static singleSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE, 'single-select-disabled-selection');
 
-  static multiSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE, 'multi-select-disabled-selection');
+  static multiSelectDisabledSelectionUC = new Urlbuilder(PATH_E2E_DATATABLE_ROW, 'multi-select-disabled-selection');
 
   static multiSelectEmpty = new Urlbuilder(PATH_E2E_DATATABLE_ROW, 'multi-select-empty');
 
+  static multiSelectDisabledWithUniqueRowAccessor = new Urlbuilder(
+    PATH_E2E_DATATABLE_ROW,
+    'multi-select-disabled-selection-with-unique-row-accessor',
+  );
+
   // Column
 
   static columnLayout = new Urlbuilder(PATH_E2E_DATATABLE_COLUMN, 'basic-column-layout');
@@ -242,6 +243,8 @@ export default class DataTableCO extends PageObject {
 
   static pui16461SkeletonAndNoResults = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'pui-16461-skeleton-and-no-results');
 
+  static emptyStateFullCustom = new Urlbuilder(PATH_E2E_DATATABLE_STATES, 'empty-state-full-custom');
+
   // Cell
   static editableCells = new Urlbuilder(PATH_E2E_DATATABLE_CELL, 'editable-cells');
 
@@ -297,11 +300,6 @@ export default class DataTableCO extends PageObject {
 
   // eslint-disable-next-line max-len
 
-  static multiSelectDisabledWithUniqueRowAccessor = new Urlbuilder(
-    PATH_E2E_DATATABLE,
-    'multi-select-disabled-selection-with-unique-row-accessor',
-  );
-
   static resizableWithConstrains = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-8896-resizable-with-constrains');
 
   static memoizedSearchFilterTest = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-12253-memoized-filter-component');
@@ -392,11 +390,11 @@ export default class DataTableCO extends PageObject {
   }
 
   static getPopoverContainer() {
-    return $('[data-testid="popover-container"]');
+    return $('[data-testid="ds-floating-wrapper-root"]');
   }
 
   static getPopoverContainers() {
-    return $$('[data-testid="popover-container"]');
+    return $$('[data-testid="ds-floating-wrapper-root"]');
   }
 
   static getButtons(index) {

package/ds-data-table-async/basic/DSDataTable.basic.visual.spec.js

@@ -20,7 +20,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
   });
   describe('PUI-6988 - DataTable, Custom cell and row header -visual.', async () => {
     before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.customCellRowHeader.go();
+      const errorOnGo = await DSDataTableCO.customCellRowAndHeaderTest.go();
       if (errorOnGo) throw errorOnGo;
       await DSDataTableCO.waitForDataTable();
     });

package/ds-data-table-async/components/FiltersCO.js

@@ -145,7 +145,7 @@ export default class FiltersCO extends PageObject {
 
   static getFilterMenuContentSlot = async () => $('[data-dimsum-slot="dsDatatableFilterPopoverContent"]');
 
-  static getFilterPopoverSlot = async () => $('[data-dimsum-slot="dsDatatableFilterPopover"]');
+  static getFilterPopoverSlot = async () => $('[data-dimsum-parent-slot="dsDatatableFilterPopover"]');
 
   static getFreeTextSearchWrapperSlot = async () => $('[data-dimsum-slot="dsDatatableFreeTextSearchWrapper"]');
 

package/ds-data-table-async/components/HeaderCO.js

@@ -6,17 +6,29 @@ export default class HeaderCO extends PageObject {
   static getHeaderCells = async () => $$('[data-testid="data-table-header"]');
 
   static getHeaderCellByText = async (text) => {
-    const headerCells = await this.getHeaderCells();
     let targetHeader;
-    for (const header of headerCells) {
-      // eslint-disable-next-line no-await-in-loop
-      const cellText = await header.getText();
-      if (cellText.trim().toLowerCase().includes(text.trim().toLowerCase())) {
-        targetHeader = header;
-        break;
-      }
-    }
-    await targetHeader.waitForDisplayed();
+    // Poll until a *visible* matching header cell is found. Without the isDisplayed check,
+    // the loop can return headers from inactive tab panels that are hidden in the DOM
+    // (display:none), causing waitForDisplayed to time out indefinitely in Safari.
+    await browser.waitUntil(
+      async () => {
+        const headerCells = await this.getHeaderCells();
+        for (const header of headerCells) {
+          // eslint-disable-next-line no-await-in-loop
+          const cellText = await header.getText();
+          if (cellText.trim().toLowerCase().includes(text.trim().toLowerCase())) {
+            // eslint-disable-next-line no-await-in-loop
+            const isDisplayed = await header.isDisplayed();
+            if (isDisplayed) {
+              targetHeader = header;
+              return true;
+            }
+          }
+        }
+        return false;
+      },
+      { timeout: 20000, interval: 500 },
+    );
     return targetHeader;
   };