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

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

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

@@ -0,0 +1,57 @@
+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-18392 - DSDialog:: Decision dialog discard/save -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.decisionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core scan for discard/save variant', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtnByIndex(0);
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18393 - DSDialog:: Decision dialog close/discard/save -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.decisionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core scan for close/discard/save variant', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtnByIndex(1);
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18394 - DSDialog:: Decision dialog close/save -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.decisionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core scan for close/save variant', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtnByIndex(2);
+      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.long-body.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-18395 - DSDialog:: Long body content -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.longBodyContent.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.warning.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+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-17331 - DSDialog:: Warning dialog - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.warningURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display Warning DSDialog correctly and 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.wizard.axe-core.func.spec.js

@@ -0,0 +1,28 @@
+import DSDialog from '../DSDialogCO';
+import DSWizardCO from '../../ds-wizard/DSWizardCO';
+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-18396 - DSDialog:: Wizard dialog -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.wizardURL.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 step1 = await DSWizardCO.getStep(1);
+      await step1.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/click-outside/DSDialog.click-outside.func.spec.js

@@ -0,0 +1,31 @@
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for click-outside close behavior (onClickOutside callback)
+  describe('PUI-18397 - DSDialog:: click outside close -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.clickOutsideURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should open dialog after clicking trigger', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      await expect(dialog).toBeDisplayedInViewport();
+    });
+
+    it('02: should close dialog on click outside', async () => {
+      const background = await DSDialog.getDialogBackground();
+      await background.click({ x: 10, y: 10 });
+      const dialog = await DSDialog.getDialog();
+      await expect(dialog).not.toBeDisplayed();
+    });
+
+    it('03: should return focus to trigger after close', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await expect(triggerBtn).toBeFocused();
+    });
+  });
+}

package/ds-dialog/esc-close/DSDialog.esc-close.func.spec.js

@@ -0,0 +1,31 @@
+import { Key } from 'webdriverio';
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for ESC key close behavior (onClose callback)
+  describe('PUI-18382 - DSDialog:: ESC key close -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.escCloseURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should open dialog after clicking trigger', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await triggerBtn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      await expect(dialog).toBeDisplayedInViewport();
+    });
+
+    it('02: should close dialog on ESC key press', async () => {
+      await browser.keys(Key.Escape);
+      const dialog = await DSDialog.getDialog();
+      await expect(dialog).not.toBeDisplayed();
+    });
+
+    it('03: should return focus to trigger after ESC close', async () => {
+      const triggerBtn = await DSDialog.getTriggerBtn();
+      await expect(triggerBtn).toBeFocused();
+    });
+  });
+}

package/ds-dialog/flexible-heading-level/DSDialog.flexible-heading-level.axe-core.func.spec.js

@@ -0,0 +1,46 @@
+import DSDialogCO 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-18398 - DSDialog:: flexible heading level - Axe-Core', () => {
+    beforeEach(async () => {
+      const errorOnGo = await DSDialogCO.flexibleHeadingLevelURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should have no accessibility violations with h2 title', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h2-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+
+    it('02: should have no accessibility violations with default h3 title', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h3-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+
+    it('03: should have no accessibility violations with h4 title', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h4-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dialog/flexible-heading-level/DSDialog.flexible-heading-level.func.spec.js

@@ -0,0 +1,50 @@
+import DSDialogCO from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18399 - DSDialog:: flexible heading level - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialogCO.flexibleHeadingLevelURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    afterEach(async () => {
+      await browser.keys('Escape');
+    });
+
+    it('01: should render DSDialogTitle as h2 when as="h2" is passed', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h2-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const title = await DSDialogCO.getDialogTitleByTestId('dialog-title-h2');
+      await expect(title).toBeExisting();
+      await expect((await title.getTagName()).toLowerCase()).toBe('h2');
+      await expect(title).toHaveText('Dialog title as h2');
+    });
+
+    it('02: should render DSDialogTitle as h3 by default', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h3-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const title = await DSDialogCO.getDialogTitleByTestId('dialog-title-h3');
+      await expect(title).toBeExisting();
+      await expect((await title.getTagName()).toLowerCase()).toBe('h3');
+      await expect(title).toHaveText('Dialog title as h3 (default)');
+    });
+
+    it('03: should render DSDialogTitle as h4 when as="h4" is passed', async () => {
+      const triggerBtn = await DSDialogCO.getOpenDialogBtnByTestId('open-dialog-h4-button');
+      await triggerBtn.click();
+      const dialog = await DSDialogCO.getDialog();
+      await dialog.waitForDisplayed();
+
+      const title = await DSDialogCO.getDialogTitleByTestId('dialog-title-h4');
+      await expect(title).toBeExisting();
+      await expect((await title.getTagName()).toLowerCase()).toBe('h4');
+      await expect(title).toHaveText('Dialog title as h4');
+    });
+  });
+}

package/ds-dialog/form-dialog-datepicker/DSDialog.form-datepicker.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-18400 - DSDialog:: form dialog date picker -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.formDialogDatePickerURL.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/form-dialog-datepicker/DSDialog.form-datepicker.visual.spec.js

@@ -0,0 +1,37 @@
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Tests for form dialog with date picker integration
+  describe('PUI-18401 - DSDialog:: form dialog with date picker -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.formDialogDatePickerURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display form dialog with date picker 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('form-dialog-datepicker'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  // Tests for form dialog with date picker workaround
+  describe('PUI-18402 - DSDialog:: form dialog date picker workaround -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.formDialogDatePickerWorkaroundURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display form dialog with workaround 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('form-dialog-datepicker-workaround'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dialog/single-button-footer/DSDialog.single-button-footer.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-18403 - DSDialog:: single button footer -Axe-Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.singleButtonFooterURL.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/single-button-footer/DSDialog.single-button-footer.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: Modal Dialog with single button footer
+  describe('PUI-18404 - DSDialog:: single button footer layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.singleButtonFooterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display single button footer 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('single-button-footer'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}