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

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

package/ds-dialog/DSDialog.visual.spec.js

@@ -1,6 +1,5 @@
 /* eslint-disable max-lines */
 import { Key } from 'webdriverio';
-// import { Target } from '@applitools/eyes-webdriverio';
 import DSDialog from './DSDialogCO';
 import DSShuttleV2CO from '../ds-shuttle-v2/DSShuttleV2CO';
 import DSWizardCO from '../ds-wizard/DSWizardCO';
@@ -12,12 +11,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display Basic DSDialog correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-basic-layout'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-basic-layout'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -27,12 +25,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display Centered DSDialog correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-centered-layout'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-centered-layout'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -42,12 +39,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display scrollable DSDialog correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-scrollbody-layout'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-scrollbody-layout'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -57,12 +53,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display Information DSDialog correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-information-layout'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-information-layout'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -72,12 +67,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display Warning DSDialog correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-warning-layout'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-warning-layout'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -87,12 +81,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display Error DSDialog correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-error-layout'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-error-layout'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -102,12 +95,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display Success DSDialog correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-success-layout'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-success-layout'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -117,21 +109,19 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display Shuttle DSDialog correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-shuttle-layout'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-shuttle-layout'));
       await expect(snapshot).toEqual(0);
     });
-    it('should use the drill and move button and display interacted Shuttle DSDialog correctly', async () => {
-      await browser.eyesOpen();
+    it('should use drill and move button and display interacted Shuttle', async () => {
       const moveBtn = await DSShuttleV2CO.getItemActionBtn(0);
       await moveBtn.click();
       const drillBtn = await DSShuttleV2CO.getItemActionBtnDrillDownIcon(0);
       await drillBtn.click();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-shuttle-interacted'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-shuttle-interacted'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -141,14 +131,13 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display DSDialog with wizard correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
       const step1 = await DSWizardCO.getStep(1);
       await step1.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-wizard-layout'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-wizard-layout'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -158,18 +147,16 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display DSDialog correctly background unshifted', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-opened'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-opened'));
       await expect(snapshot).toEqual(0);
     });
     it('should display page layout correctly same background', async () => {
-      await browser.eyesOpen();
       await browser.keys(Key.Escape);
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-closed'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-closed'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -179,7 +166,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('dialog content should be scrolled down correctly', async () => {
-      await browser.eyesOpen();
       const triggerBtn = await DSDialog.getTriggerBtn();
       await triggerBtn.click();
       const dialog = await DSDialog.getDialog();
@@ -189,15 +175,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.ArrowDown);
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-scroll-down'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-scroll-down'));
       await expect(snapshot).toEqual(0);
     });
     it('dialog content should be scrolled up correctly', async () => {
-      await browser.eyesOpen();
       await browser.keys(Key.ArrowUp);
       await browser.keys(Key.ArrowUp);
       await browser.keys(Key.ArrowUp);
-      const snapshot = await browser.eyesCheckSnapshot(DSDialog.snapshotPath('dialog-scroll-up'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-scroll-up'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -212,7 +197,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.Enter);
       const dialog = await DSDialog.getDialog();
       await dialog.waitForDisplayed();
-      const snapshot = await browser.checkSnapshot(DSDialog.snapshotPath('dialog-backdrop-cover-full-page'));
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('dialog-backdrop-cover-full-page'));
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-dialog/DSDialogCO.js

@@ -38,7 +38,37 @@ export default class DSDialog extends PageObject {
 
   static errorURL = new Urlbuilder(PATH_E2E_DIALOG, 'error-test');
 
+  static flexibleHeadingLevelURL = new Urlbuilder(PATH_E2E_DIALOG, 'flexible-heading-level-test');
+
+  static alertDialogCriticalURL = new Urlbuilder(PATH_E2E_DIALOG, 'alert-dialog-critical-test');
+
+  static alertDialogDismissibleURL = new Urlbuilder(PATH_E2E_DIALOG, 'alert-dialog-dismissible-test');
+
+  static sizeVariantsURL = new Urlbuilder(PATH_E2E_DIALOG, 'size-variants-test');
+
+  static escCloseURL = new Urlbuilder(PATH_E2E_DIALOG, 'esc-close-test');
+
+  static clickOutsideURL = new Urlbuilder(PATH_E2E_DIALOG, 'click-outside-close-test');
+
+  static singleButtonFooterURL = new Urlbuilder(PATH_E2E_DIALOG, 'single-button-footer-test');
+
+  static formDialogDatePickerURL = new Urlbuilder(PATH_E2E_DIALOG, 'form-dialog-with-date-picker');
+
+  static formDialogDatePickerWorkaroundURL = new Urlbuilder(PATH_E2E_DIALOG, 'form-dialog-with-date-picker-workaround');
+
   // Selectors
+  static async getOpenDialogBtnByTestId(testId) {
+    return $(`[data-testid="${testId}"]`);
+  }
+
+  static async getDialogTitleByTestId(testId) {
+    return $(`[data-testid="${testId}"]`);
+  }
+
+  static async getCloseBtnByTestId(testId) {
+    return $(`[data-testid="${testId}"]`);
+  }
+
   static async getTriggerBtn() {
     return $('[data-testid="open-dialog-button"]');
   }
@@ -66,6 +96,34 @@ export default class DSDialog extends PageObject {
 
   static getBtnsByIndex = async (index) => getElementByIndex(this.getAllBtns, index);
 
+  // Built-in component data-testid selectors
+  static getDialogBackground = async () => $('[data-testid="ds-dialog-background"]');
+
+  static getDialogHeader = async () => $('[data-testid="ds-dialog-header"]');
+
+  static getDialogBody = async () => $('[data-testid="ds-dialog-body"]');
+
+  static getDialogFooter = async () => $('[data-testid="ds-dialog-footer"]');
+
+  static getDialogSeparators = async () => $$('[data-testid="ds-dialog-separator"]');
+
+  static getDialogTitle = async () => $('[data-testid="ds-dialog-title"]');
+
+  static getDialogAddon = async () => $('[data-testid="ds-dialog-addon"]');
+
+  // Story-specific selectors
+  static getDialogStatus = async () => $('[data-testid="dialog-status"]');
+
+  static getConfirmBtn = async () => $('[data-testid="confirm-dialog-button"]');
+
+  static getDiscardBtn = async () => $('[data-testid="discard-dialog-button"]');
+
+  static getSaveBtn = async () => $('[data-testid="save-dialog-button"]');
+
+  static getAcknowledgeBtn = async () => $('[data-testid="acknowledge-button"]');
+
+  static getOpenDialogBySize = async (size) => $(`[data-testid="open-dialog-${size}-button"]`);
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Dialog', example, 'ds-dialog');

package/ds-dialog/alert-dialog/DSDialog.alert-dialog-critical.axe-core.func.spec.js

@@ -0,0 +1,27 @@
+/* eslint-disable wdio/no-pause */
+import DSDialog from '../DSDialogCO';
+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-18385 - DSDialog:: alert dialog critical -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.alertDialogCriticalURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      await browser.pause(500);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/alert-dialog/DSDialog.alert-dialog-critical.func.spec.js

@@ -0,0 +1,56 @@
+import { Key } from 'webdriverio';
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for UX use case: Alert Dialog critical — no close X, no ESC, no click-outside
+  describe('PUI-18384 - DSDialog:: alert dialog critical behavior -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.alertDialogCriticalURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should open and have role="alertdialog"', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const role = await dialog.getAttribute('role');
+      await expect(role).toBe('alertdialog');
+    });
+
+    it('02: should NOT have a close X button', async () => {
+      const addon = await DSDialog.getDialogAddon();
+      await expect(addon).not.toBeExisting();
+    });
+
+    it('03: should NOT close on ESC key press', async () => {
+      await browser.keys(Key.Escape);
+      const dialog = await DSDialog.getDialog();
+      await expect(dialog).toBeDisplayed();
+    });
+
+    it('04: should NOT close on click outside', async () => {
+      const background = await DSDialog.getDialogBackground();
+      await background.click({ x: 10, y: 10 });
+      const dialog = await DSDialog.getDialog();
+      await expect(dialog).toBeDisplayed();
+    });
+
+    it('05: should close when Cancel button is clicked', async () => {
+      const cancelBtn = await DSDialog.getCancelbtn();
+      await cancelBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await expect(dialog).not.toBeDisplayed();
+    });
+
+    it('06: should close when Confirm button is clicked', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const confirmBtn = await DSDialog.getConfirmBtn();
+      await confirmBtn.click();
+      await expect(dialog).not.toBeDisplayed();
+    });
+  });
+}

package/ds-dialog/alert-dialog/DSDialog.alert-dialog-critical.visual.spec.js

@@ -0,0 +1,20 @@
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for UX use case: Alert Dialog critical-level notification
+  describe('PUI-18383 - DSDialog:: alert dialog critical layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.alertDialogCriticalURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display critical alert dialog correctly', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('alert-dialog-critical'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dialog/alert-dialog/DSDialog.alert-dialog-dismissible.axe-core.func.spec.js

@@ -0,0 +1,25 @@
+import DSDialog from '../DSDialogCO';
+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-18388 - DSDialog:: alert dialog dismissible -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.alertDialogDismissibleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core scan', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}