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

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.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-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);
+    });
+  });
+}

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

@@ -0,0 +1,52 @@
+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 mid-level — dismissible
+  describe('PUI-18387 - DSDialog:: alert dialog dismissible behavior -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.alertDialogDismissibleURL.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 close when close X is clicked', async () => {
+      const closeBtn = await DSDialog.getCloseBtn();
+      await closeBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await expect(dialog).not.toBeDisplayed();
+    });
+
+    it('03: should close on ESC key press', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      await browser.keys(Key.Escape);
+      await expect(dialog).not.toBeDisplayed();
+    });
+
+    it('04: should close on click outside', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const background = await DSDialog.getDialogBackground();
+      await background.click({ x: 10, y: 10 });
+      await expect(dialog).not.toBeDisplayed();
+    });
+
+    it('05: should return focus to trigger after close', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await expect(triggerBtn).toBeFocused();
+    });
+  });
+}

package/ds-dialog/alert-dialog/DSDialog.alert-dialog-dismissible.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 mid-level — dismissible with close X
+  describe('PUI-18386 - DSDialog:: alert dialog dismissible layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.alertDialogDismissibleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display dismissible 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-dismissible'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.accessible-form.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-18389 - DSDialog:: Accessible form dialog -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.accesibleForm.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);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.basic.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-18390 - DSDialog:: Basic dialog -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.basicURL.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);
+    });
+  });
+}

package/ds-dialog/axe-core/DSDialog.centered.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-18391 - DSDialog:: Centered dialog -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.centeredURL.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);
+    });
+  });
+}