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

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

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

@@ -0,0 +1,116 @@
+import DSDialog from '../DSDialogCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  // Visual tests for all dialog size/width variants
+  describe('PUI-18405 - DSDialog:: size small layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display small (320px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('small');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-small'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18406 - DSDialog:: size default layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display default (576px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('default');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-default'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18407 - DSDialog:: size medium layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display medium (656px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('medium');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-medium'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18408 - DSDialog:: size large layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display large (848px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('large');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-large'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18409 - DSDialog:: size x-large layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display x-large (1042px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('x-large');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-x-large'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18410 - DSDialog:: size xx-large layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display xx-large (1440px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('xx-large');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-xx-large'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18411 - DSDialog:: custom width layout -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDialog.sizeVariantsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should display custom width (700px) dialog correctly', async () => {
+      const btn = await DSDialog.getOpenDialogBySize('custom');
+      await btn.click();
+      const dialog = await DSDialog.getDialog();
+      await dialog.waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSDialog.snapshotPath('size-custom-700'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-global-header/GlobalHeader.axe-core.func.spec.js

@@ -90,6 +90,36 @@ if (
     });
   });
 
+  // Skipped due to defect PUI-17970
+  describe.skip('PUI-18379 - GlobalHeader: with search toggle -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await GlobalHeaderCO.withSearchToggleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have global header with search toggle and pass axe-core scan', async () => {
+      const globalHeader = await GlobalHeaderCO.getGlobalHeader();
+      await globalHeader.waitForDisplayed();
+      const toggleSearch = await GlobalHeaderCO.getGHToolbarItem(0);
+      await expect(toggleSearch).toHaveAttribute('aria-expanded', 'false');
+      await expect(toggleSearch).toHaveAttribute('aria-controls');
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should have global header with search toggle expanded and pass axe-core scan', async () => {
+      const toggleSearch = await GlobalHeaderCO.getGHToolbarItem(0);
+      await toggleSearch.click();
+      await expect(toggleSearch).toHaveAttribute('aria-expanded', 'true');
+      await expect(toggleSearch).toHaveAttribute('aria-controls', /^ds-global-header/);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should have global header with populated search toggle and pass axe-core scan', async () => {
+      await type('Labor');
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
   // Skipped due to defect PUI-17970
   describe.skip('PUI-16270 - GlobalHeader: Controled with Iframe -AxeCore', () => {
     before(async () => {

package/ds-global-header/GlobalHeader.visual.spec.js

@@ -164,4 +164,35 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+
+  describe('PUI-18378 - GlobalHeader: with SearchToggle -Visual', () => {
+    before(async () => {
+      const errorOnGo = await GlobalHeader.withSearchToggleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display global header with expanded search toggle', async () => {
+      await browser.eyesOpen();
+      const searchToggleTrigger = await GlobalHeader.getGHToolbarItem(0);
+      await searchToggleTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(GlobalHeader.snapshotPath('global-with-searchbox-open'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display global header with populated search toggle', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys('Labor');
+      const snapshot = await browser.eyesCheckSnapshot(GlobalHeader.snapshotPath('global-with-searchbox-populated'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display global header with focused spinbutton and highlighted result', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowUp);
+      const globalHeader = await GlobalHeader.getGlobalHeader();
+      await globalHeader.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(GlobalHeader.snapshotPath('global-with-searchbox-highlight'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-tabs/DSTabs.visual.spec.js

@@ -95,8 +95,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const lastTab = await DSTabsCO.getTab(4);
       await lastTab.scrollIntoView();
       await browser.pause(1000);
-      await lastTab.waitForClickable({ timeout: 5000 });
-      await lastTab.click();
+      await browser.execute((el) => el.click(), lastTab);
       const snapshot = await browser.checkSnapshot(DSTabsCO.snapshotPath('tab-grid-moved2'));
       await expect(snapshot).toEqual(0);
     });

package/ds-tabs/DSTabsCO.js

@@ -112,11 +112,11 @@ export default class DSTabsCO extends PageObject {
 
   static getTabListSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsTabList"]')[index];
 
-  static getTabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsTabButton"]')[index];
+  static getTabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-parent-slot="dsTabsTabButton"]')[index];
 
   static getTabPanelSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsTabPanel"]')[index];
 
   static getSubtabsListSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsSubtabsList"]')[index];
 
-  static getSubtabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsSubtabButton"]')[index];
+  static getSubtabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-parent-slot="dsTabsSubtabButton"]')[index];
 }