dimsum-e2e-tests 3.45.0-rc.0 → 3.45.0-rc.2

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.45.0-rc.2](https://git.elliemae.io/platform-ui/dimsum/compare/v3.45.0-rc.1...v3.45.0-rc.2) (2024-09-03)
+
+### Features
+
+- ds-floating-context:: visual test added [PUI-14536](https://jira.elliemae.io/browse/PUI-14536) ([#7039](https://git.elliemae.io/platform-ui/dimsum/issues/7039)) ([f62b961](https://git.elliemae.io/platform-ui/dimsum/commit/f62b961fe6e8f6b41e05611bd592191205cb7c46))
+- ds-form-input-text:: visual test added for placeholder prop [PUI-14441](https://jira.elliemae.io/browse/PUI-14441) ([#7043](https://git.elliemae.io/platform-ui/dimsum/issues/7043)) ([93ca48b](https://git.elliemae.io/platform-ui/dimsum/commit/93ca48b7741f7145e8b77e4b8bdda2d21280969f))
+
+## [3.45.0-rc.1](https://git.elliemae.io/platform-ui/dimsum/compare/v3.45.0-rc.0...v3.45.0-rc.1) (2024-08-26)
+
+### Features
+
+- ds-app-picker:: add visual and axe-core test for applyAriaDisabled [PUI-14502](https://jira.elliemae.io/browse/PUI-14502) ([#7034](https://git.elliemae.io/platform-ui/dimsum/issues/7034)) ([ecc99ca](https://git.elliemae.io/platform-ui/dimsum/commit/ecc99ca1ed04941dbf5a50fba07791b7f3fb82cf))
+
+### Bug Fixes
+
+- dimsum:: fix broken e2e test cases - DataTable, SidePanel, Autocomplete and ZIndex [PUI-14479](https://jira.elliemae.io/browse/PUI-14479) ([#7033](https://git.elliemae.io/platform-ui/dimsum/issues/7033)) ([edf329b](https://git.elliemae.io/platform-ui/dimsum/commit/edf329bb83eaa8262424f71ab5a9cca0e9b12b12))
+- dimsum:: fix broken e2e test cases for Tooltip, DataTable, ModalSlide and TooltipV3 [PUI-14511](https://jira.elliemae.io/browse/PUI-14511) ([#7037](https://git.elliemae.io/platform-ui/dimsum/issues/7037)) ([4eb3074](https://git.elliemae.io/platform-ui/dimsum/commit/4eb30740240e9af260f6690b2e00d95d74e26eaa))
+
 ## [3.45.0-rc.0](https://git.elliemae.io/platform-ui/dimsum/compare/v3.44.0-rc.1...v3.45.0-rc.0) (2024-08-23)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-apppicker/DSAppPickerCO.js

@@ -12,6 +12,8 @@ export default class DSAppPickerCO extends PageObject {
 
   static minHeightURL = new Urlbuilder(`${PATH_E2E_APP_PICKER}`, 'min-height-test');
 
+  static applyAriaDisabledURL = new Urlbuilder(`${PATH_E2E_APP_PICKER}`, 'apply-aria-disabled-test');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('AppPicker', example);

package/ds-apppicker/aria-disabled/DSAppPicker.aria-disabled.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import DSAppPickerCO from '../DSAppPickerCO';
+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-14500 - AppPicker:: applyAriaDisabled prop - axe-core test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAppPickerCO.applyAriaDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display chip with aria-disabled focused in AppPicker and pass axe-core scan', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-apppicker/aria-disabled/DSAppPicker.aria-disabled.visual.spec.js

@@ -0,0 +1,19 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSAppPickerCO from '../DSAppPickerCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14499 - AppPicker:: aria disabled -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAppPickerCO.applyAriaDisabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+    });
+    it('01: should display AppPicker item with aria-disabled focused', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.checkSnapshot(DSAppPickerCO.snapshotPath('appPicker-aria-disabled-focused'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-autocomplete/DSAutocomplete.visual.spec.js

@@ -9,11 +9,12 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display section titles correctly', async () => {
+      await browser.eyesOpen();
       await browser.keys(Key.Tab);
       await type('4');
       const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
       await menulist.waitForDisplayed({ timeout: 2000 });
-      const snapshot = await browser.checkSnapshot(DSAutocompleteCO.snapshotPath('autocomplete-section-titles'));
+      const snapshot = await browser.eyesCheckSnapshot(DSAutocompleteCO.snapshotPath('autocomplete-section-titles'));
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-button-v3/DSButtonV3CO.js

@@ -18,6 +18,10 @@ export default class DSButtonV3CO extends PageObject {
     return $$('[data-testid="ds-button"]')[index];
   }
 
+  static async getButton() {
+    return $('[data-testid="ds-button"]');
+  }
+
   // Snapshot
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('ButtonV3', example);

package/ds-controlled-form/ds-controlled-checkbox/aria-disabled/DSControlledCheckbox.axe-core.aria-disabled.func.spec.js

@@ -18,7 +18,7 @@ if (
       const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(1);
       await checkbox.click();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result.length).toBe(0);
     });
   });
 }

package/ds-controlled-form/ds-input-text/DSInputTextCO.js

@@ -21,6 +21,8 @@ export default class DSLargeInputCO extends PageObject {
 
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_CONTROLLEDINPUT, 'apply-aria-disabled-test');
 
+  static placeholderURL = new Urlbuilder(PATH_E2E_CONTROLLEDINPUT, 'place-holder-test');
+
   static async getAutocompleteMenuList() {
     return $('[data-testid="autocomplete-menu-list"]');
   }

package/ds-controlled-form/ds-input-text/placeholder/DSInputText.placeholder.visual.spec.js

@@ -0,0 +1,15 @@
+import DSInputTextCO from '../DSInputTextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14538 - [InputText] placeholder prop - visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSInputTextCO.placeholderURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a showcase of InputText component with the prop placeholder', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSInputTextCO.snapshotPath('input-text-placeholder'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-data-table-async/dnd/DSDataTable.dnd.func.spec.js

@@ -3,7 +3,6 @@
 import { Key } from 'webdriverio';
 import DSDataTableCO from '../DSDataTableCO';
 import { RowCO, CellCO, HeaderCO } from '../components';
-import { tabStops, sendKeyRepeat } from '../../helpers';
 
 // Keyboard behavior is subject to changes once the UX team determines which's the way to go in terms of accessibility
 
@@ -109,29 +108,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
   });
 
-  describe('PUI-9773 - DataTable, Dnd columns - fixed widht and scrollbar', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSDataTableCO.DndColumnsFixedWidth.go();
-      if (errorOnGo) throw errorOnGo;
-      await DSDataTableCO.waitForDataTable();
-    });
-    it('01: should drop name column in the last position', async () => {
-      await tabStops(3);
-      await browser.keys(Key.Return);
-      await browser.keys(Key.Return);
-      await sendKeyRepeat(Key.ArrowRight, 9);
-      await browser.keys(Key.Return);
-      const lastHeader = await HeaderCO.getHeaderCellByIndex(8);
-      await expect(lastHeader).toHaveTextContaining(['NAME', 'Name']);
-    });
-    it('02: should drop name column in the first position', async () => {
-      await browser.keys(Key.Return);
-      await sendKeyRepeat(Key.ArrowLeft, 8);
-      await browser.keys(Key.Return);
-      const firstHeader = await HeaderCO.getHeaderCellByIndex(0);
-      await expect(firstHeader).toHaveTextContaining(['NAME', 'Name']);
-    });
-  });
   describe('PUI-9849 - DataTable, Dnd click on DND button', () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataTableCO.DNDRestricted.go();

package/ds-data-table-async/dnd/DSDataTable.dnd_fixed-width.func.spec.js

@@ -0,0 +1,53 @@
+/* eslint-disable func-names */
+/* eslint-disable prefer-arrow-callback */
+/* eslint-disable no-await-in-loop */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { HeaderCO } from '../components';
+import { tabStops, sendKeyRepeat } from '../../helpers';
+
+// Keyboard behavior is subject to changes once the UX team determines which's the way to go in terms of accessibility
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9773 - DataTable, Dnd columns - fixed widht and scrollbar', function () {
+    const maxRetries = 2;
+    let skipRemainingTests = false;
+
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.DndColumnsFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+
+    beforeEach(async function () {
+      if (skipRemainingTests) {
+        this.skip();
+      } else if (this.currentTest.currentRetry() > 0) {
+        await browser.refresh();
+      }
+    });
+
+    afterEach(async function () {
+      if (this.currentTest.state === 'failed' && this.currentTest.currentRetry() >= maxRetries) {
+        skipRemainingTests = true;
+      }
+    });
+
+    it('01: should drop name column in the last position', async () => {
+      await tabStops(3);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Return);
+      await sendKeyRepeat(Key.ArrowRight, 9);
+      await browser.keys(Key.Return);
+      const lastHeader = await HeaderCO.getHeaderCellByIndex(8);
+      await expect(lastHeader).toHaveTextContaining(['NAME', 'Name']);
+    }).retries(maxRetries);
+
+    it('02: should drop name column in the first position', async () => {
+      await browser.keys(Key.Return);
+      await sendKeyRepeat(Key.ArrowLeft, 8);
+      await browser.keys(Key.Return);
+      const firstHeader = await HeaderCO.getHeaderCellByIndex(0);
+      await expect(firstHeader).toHaveTextContaining(['NAME', 'Name']);
+    }).retries(maxRetries);
+  });
+}

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

@@ -112,6 +112,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.End);
       // defect End key is not going to last row in datatable
       await browser.keys(Key.PageDown);
+      await browser.keys(Key.PageDown);
       const lastRow = await RowCO.getRowAriaIndex(100);
       // await lastRow.srollToView();
       await lastRow.click();

package/ds-data-table-async/select/DSDataTable.select.axe-core.func.spec.js

@@ -63,12 +63,12 @@ if (
       const thirdRow = await RowCO.getRowByIndex(2);
       await thirdRow.click();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result.length).toBe(0);
     });
     it('02: should scroll to last row and pass axe-core', async () => {
       await browser.keys(Key.End);
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result.length).toBe(0);
     });
   });
 
@@ -138,7 +138,7 @@ if (
       await browser.keys(Key.Tab);
       await browser.keys(Key.Space);
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result.length).toBe(0);
     });
     it('04: should display a datatable with selectable sections (all not checked) and pass axe-core', async () => {
       await browser.keys(Key.Space);

package/ds-floating-context/DSFloatingContext.visual.spec.js

@@ -0,0 +1,31 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import { mouseOver } from '../helpers';
+import DSFloatingContextCO from './DSFloatingContextCO';
+import DSButtonV3CO from '../ds-button-v3/DSButtonV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14534 - DSFloatingContext:: basic - visual test', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSFloatingContextCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the tooltip correctly on hover', async () => {
+      await browser.eyesOpen();
+      const triggerButton = await DSButtonV3CO.getButton();
+      await mouseOver(triggerButton);
+      const tooltip = await DSFloatingContextCO.getFloatingContextWrapper();
+      await tooltip.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSFloatingContextCO.snapshotPath('floating-context-on-hover'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display the tooltip correctly on tab', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      const tooltip = await DSFloatingContextCO.getFloatingContextWrapper();
+      await tooltip.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSFloatingContextCO.snapshotPath('floating-context-on-tab'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-floating-context/DSFloatingContextCO.js

@@ -0,0 +1,17 @@
+/* eslint-disable no-dupe-class-members */
+import { PATH_E2E_FLOATING_CONTEXT } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSFloatingContextCO extends PageObject {
+  // STORIES
+  static basicURL = new Urlbuilder(PATH_E2E_FLOATING_CONTEXT, 'basic-test');
+
+  // COMBOBOX - INPUT
+  static async getFloatingContextWrapper() {
+    return $('[data-testid="ds-floating-wrapper-root"]');
+  }
+
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('DSFloatingContext', example, 'ds-floating-context');
+  }
+}

package/ds-modal-slide/basic/ModalSlide.basic.func.spec.js

@@ -43,6 +43,10 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(closeBtn).toBeFocused();
     });
     it('02: should focus the body content as next tab stop', async () => {
+      if (browser.capabilities.browserName === 'firefox') {
+        // extra Tab stop for firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1069739#c36
+        await browser.keys(Key.Tab);
+      }
       await browser.keys(Key.Tab);
       const contentBtn = await ModalSlideCO.getBodyContentBtn();
       await expect(contentBtn).toBeFocused();

package/ds-side-panel/DSSidePanel.func.spec.js

@@ -1,6 +1,4 @@
-import { Key } from 'webdriverio';
 import DSSidePanelCO from './DSSidePanelCO';
-import DSButtonV3CO from '../ds-button-v3/DSButtonV3CO';
 
 if (!browser.capabilities['ice:options'].isPhone) {
   describe('PUI-3777 - SidePanel, display side panel elements -Func', () => {
@@ -27,128 +25,4 @@ if (!browser.capabilities['ice:options'].isPhone) {
       await expect(slideBtn).toBeDisplayed();
     });
   });
-  if (!browser.capabilities['ice:options'].isTablet) {
-    describe('PUI-9197 - SidePanel, keyboard navigation -Func', () => {
-      before('loading page', async () => {
-        const errorOnGo = await DSSidePanelCO.addtionalActionURL.go();
-        if (errorOnGo) throw errorOnGo;
-      });
-      it('01: should focus close btn', async () => {
-        await browser.keys(Key.Tab);
-        await browser.keys(Key.Return);
-        const sidePanel = await DSSidePanelCO.getSidePanelWrapper();
-        await sidePanel.waitForDisplayed();
-        await browser.keys(Key.Tab);
-        const closeBtn = await DSSidePanelCO.getCloseBtn();
-        await expect(closeBtn).toBeFocused();
-      });
-      it('02: should focus fotter btn', async () => {
-        const FotterBtn = await DSSidePanelCO.getSlideBtn();
-        // 1 more Tab stop for Firefox
-        // https://bugzilla.mozilla.org/show_bug.cgi?id=616594
-        if (browser.capabilities.browserName === 'firefox') {
-          await browser.keys(Key.Tab);
-        }
-        await browser.keys(Key.Tab);
-        await browser.keys(Key.Tab);
-        await expect(FotterBtn).toBeFocused();
-      });
-      it('03: should close the SidePanel', async () => {
-        const triggerBtn = await DSSidePanelCO.getToggleBtn();
-        // 1 more Tab stop for Firefox
-        // https://bugzilla.mozilla.org/show_bug.cgi?id=616594
-        if (browser.capabilities.browserName === 'firefox') {
-          await browser.keys([Key.Shift, Key.Tab]);
-        }
-        await browser.keys([Key.Shift, Key.Tab]);
-        await browser.keys([Key.Shift, Key.Tab]);
-        await browser.keys(Key.Enter);
-        await expect(triggerBtn).toBeFocused();
-      });
-      if (browser.capabilities.browserName !== 'Firefox') {
-        it('04: should not focus elements inside the SidePabel when it is closed', async () => {
-          const triggerBtn = await DSSidePanelCO.getToggleBtn();
-          await browser.keys(Key.Tab);
-          await browser.keys(Key.Tab);
-          await expect(triggerBtn).toBeFocused();
-        });
-      }
-    });
-    describe('PUI-11692 - SidePanel, innerRef and OnKeyDown test -Func', () => {
-      before('loading page', async () => {
-        const errorOnGo = await DSSidePanelCO.innerRef.go();
-        if (errorOnGo) throw errorOnGo;
-      });
-      it('01: focus should be on close button after SidePanel is opened', async () => {
-        await browser.keys(Key.Tab);
-        await browser.keys(Key.Return);
-        const sidePanel = await DSSidePanelCO.getSidePanelWrapper();
-        await sidePanel.waitForDisplayed();
-        const closeBtn = await DSSidePanelCO.getCloseBtn();
-        await expect(closeBtn).toBeFocused();
-      });
-      it('02: focus should be on toggle button after SidePanel is closed', async () => {
-        await browser.keys(Key.Return);
-        const toggleBtn = await DSSidePanelCO.getToggleBtn();
-        await expect(toggleBtn).toBeFocused();
-      });
-      it('03: message with the last key presssed should be displayed - OnKeyDown', async () => {
-        const lastKeyPressed = await DSSidePanelCO.getLastKeyPressedMessage();
-        await expect(lastKeyPressed).toHaveTextContaining('Last Key Pressed: Enter');
-      });
-    });
-    describe('PUI-12779 - SidePanel, collapsable. Keyboard -Func', () => {
-      before('loading page', async () => {
-        const errorOnGo = await DSSidePanelCO.collapsableURL.go();
-        if (errorOnGo) throw errorOnGo;
-      });
-      it('01: Should expand sidePanel with KB', async () => {
-        await browser.keys(Key.Tab);
-        await browser.keys(Key.Return);
-        const sidePanel = await DSSidePanelCO.getSidePanelWrapper();
-        await sidePanel.waitForDisplayed();
-        const content = await DSSidePanelCO.getSlideBtn();
-        await expect(content).toBeDisplayedInViewport();
-      });
-      it('02: Should collapse sidePanel with ESC key', async () => {
-        await browser.keys(Key.Escape);
-        const content = await DSSidePanelCO.getSlideBtn();
-        await expect(content).not.toBeDisplayedInViewport();
-      });
-    });
-    describe('PUI-12786 - SidePanel, IE Content: TabStops (Keyboard) -Func', () => {
-      before('loading page', async () => {
-        const errorOnGo = await DSSidePanelCO.contentActionURL.go();
-        if (errorOnGo) throw errorOnGo;
-      });
-      it('01: Should be able tab into content IE', async () => {
-        await browser.keys(Key.Tab);
-        await browser.keys(Key.Return);
-        const sidePanel = await DSSidePanelCO.getSidePanelWrapper();
-        await sidePanel.waitForDisplayed();
-        const contentIE = await DSButtonV3CO.getButtonByIndex(1);
-        await contentIE.waitForDisplayed();
-        // 1 more Tab stop for Firefox
-        // https://bugzilla.mozilla.org/show_bug.cgi?id=616594
-        if (browser.capabilities.browserName === 'firefox') {
-          await browser.keys(Key.Tab);
-        }
-        await browser.keys(Key.Tab);
-        await browser.keys(Key.Tab);
-        await expect(contentIE).toBeFocused();
-      });
-      it('02: Should tab to second content IE', async () => {
-        await browser.keys(Key.Tab);
-        const contentIE2 = await DSButtonV3CO.getButtonByIndex(2);
-        await expect(contentIE2).toBeFocused();
-      });
-      it('03: Should trigger focus trap to cycle back to first sidepanel IE', async () => {
-        await browser.keys(Key.Tab);
-        await browser.keys(Key.Tab);
-        await browser.keys(Key.Tab);
-        const sidepanelIE1 = await DSButtonV3CO.getButtonByIndex(0);
-        await expect(sidepanelIE1).toBeFocused();
-      });
-    });
-  }
 }

package/ds-side-panel/DSSidePanel.kb-nav.func.spec.js

@@ -0,0 +1,205 @@
+/* eslint-disable func-names */
+/* eslint-disable prefer-arrow-callback */
+import { Key } from 'webdriverio';
+import DSSidePanelCO from './DSSidePanelCO';
+import DSButtonV3CO from '../ds-button-v3/DSButtonV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9197 - SidePanel, keyboard navigation -Func', function () {
+    const maxRetries = 2;
+    let skipRemainingTests = false;
+
+    before('loading page', async () => {
+      const errorOnGo = await DSSidePanelCO.addtionalActionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    beforeEach(async function () {
+      if (skipRemainingTests) {
+        this.skip();
+      } else if (this.currentTest.currentRetry() > 0) {
+        await browser.refresh();
+      }
+    });
+
+    afterEach(async function () {
+      if (this.currentTest.state === 'failed' && this.currentTest.currentRetry() >= maxRetries) {
+        skipRemainingTests = true;
+      }
+    });
+
+    it('01: should focus close btn', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const sidePanel = await DSSidePanelCO.getSidePanelWrapper();
+      await sidePanel.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const closeBtn = await DSSidePanelCO.getCloseBtn();
+      await expect(closeBtn).toBeFocused();
+    }).retries(maxRetries);
+    it('02: should focus fotter btn', async () => {
+      const FotterBtn = await DSSidePanelCO.getSlideBtn();
+      // 1 more Tab stop for Firefox
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=616594
+      if (browser.capabilities.browserName === 'firefox') {
+        await browser.keys(Key.Tab);
+      }
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await expect(FotterBtn).toBeFocused();
+    }).retries(maxRetries);
+    it('03: should close the SidePanel', async () => {
+      const triggerBtn = await DSSidePanelCO.getToggleBtn();
+      // 1 more Tab stop for Firefox
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=616594
+      if (browser.capabilities.browserName === 'firefox') {
+        await browser.keys([Key.Shift, Key.Tab]);
+      }
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.Enter);
+      await expect(triggerBtn).toBeFocused();
+    }).retries(maxRetries);
+    if (browser.capabilities.browserName !== 'Firefox') {
+      it('04: should not focus elements inside the SidePabel when it is closed', async () => {
+        const triggerBtn = await DSSidePanelCO.getToggleBtn();
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Tab);
+        await expect(triggerBtn).toBeFocused();
+      }).retries(maxRetries);
+    }
+  });
+
+  describe('PUI-11692 - SidePanel, innerRef and OnKeyDown test -Func', function () {
+    const maxRetries = 2;
+    let skipRemainingTests = false;
+
+    before('loading page', async () => {
+      const errorOnGo = await DSSidePanelCO.innerRef.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    beforeEach(async function () {
+      if (skipRemainingTests) {
+        this.skip();
+      } else if (this.currentTest.currentRetry() > 0) {
+        await browser.refresh();
+      }
+    });
+
+    afterEach(async function () {
+      if (this.currentTest.state === 'failed' && this.currentTest.currentRetry() >= maxRetries) {
+        skipRemainingTests = true;
+      }
+    });
+
+    it('01: focus should be on close button after SidePanel is opened', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const sidePanel = await DSSidePanelCO.getSidePanelWrapper();
+      await sidePanel.waitForDisplayed();
+      const closeBtn = await DSSidePanelCO.getCloseBtn();
+      await expect(closeBtn).toBeFocused();
+    }).retries(maxRetries);
+    it('02: focus should be on toggle button after SidePanel is closed', async () => {
+      await browser.keys(Key.Return);
+      const toggleBtn = await DSSidePanelCO.getToggleBtn();
+      await expect(toggleBtn).toBeFocused();
+    }).retries(maxRetries);
+    it('03: message with the last key presssed should be displayed - OnKeyDown', async () => {
+      const lastKeyPressed = await DSSidePanelCO.getLastKeyPressedMessage();
+      await expect(lastKeyPressed).toHaveTextContaining('Last Key Pressed: Enter');
+    }).retries(maxRetries);
+  });
+
+  describe('PUI-12779 - SidePanel, collapsable. Keyboard -Func', function () {
+    const maxRetries = 2;
+    let skipRemainingTests = false;
+
+    before('loading page', async () => {
+      const errorOnGo = await DSSidePanelCO.collapsableURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    beforeEach(async function () {
+      if (skipRemainingTests) {
+        this.skip();
+      } else if (this.currentTest.currentRetry() > 0) {
+        await browser.refresh();
+      }
+    });
+
+    afterEach(async function () {
+      if (this.currentTest.state === 'failed' && this.currentTest.currentRetry() >= maxRetries) {
+        skipRemainingTests = true;
+      }
+    });
+
+    it('01: Should expand sidePanel with KB', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const sidePanel = await DSSidePanelCO.getSidePanelWrapper();
+      await sidePanel.waitForDisplayed();
+      const content = await DSSidePanelCO.getSlideBtn();
+      await expect(content).toBeDisplayedInViewport();
+    }).retries(maxRetries);
+    it('02: Should collapse sidePanel with ESC key', async () => {
+      await browser.keys(Key.Escape);
+      const content = await DSSidePanelCO.getSlideBtn();
+      await expect(content).not.toBeDisplayedInViewport();
+    }).retries(maxRetries);
+  });
+
+  describe('PUI-12786 - SidePanel, IE Content: TabStops (Keyboard) -Func', function () {
+    const maxRetries = 2;
+    let skipRemainingTests = false;
+
+    before('loading page', async () => {
+      const errorOnGo = await DSSidePanelCO.contentActionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    beforeEach(async function () {
+      if (skipRemainingTests) {
+        this.skip();
+      } else if (this.currentTest.currentRetry() > 0) {
+        await browser.refresh();
+      }
+    });
+
+    afterEach(async function () {
+      if (this.currentTest.state === 'failed' && this.currentTest.currentRetry() >= maxRetries) {
+        skipRemainingTests = true;
+      }
+    });
+
+    it('01: Should be able tab into content IE', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const sidePanel = await DSSidePanelCO.getSidePanelWrapper();
+      await sidePanel.waitForDisplayed();
+      const contentIE = await DSButtonV3CO.getButtonByIndex(1);
+      await contentIE.waitForDisplayed();
+      // 1 more Tab stop for Firefox
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=616594
+      if (browser.capabilities.browserName === 'firefox') {
+        await browser.keys(Key.Tab);
+      }
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await expect(contentIE).toBeFocused();
+    }).retries(maxRetries);
+    it('02: Should tab to second content IE', async () => {
+      await browser.keys(Key.Tab);
+      const contentIE2 = await DSButtonV3CO.getButtonByIndex(2);
+      await expect(contentIE2).toBeFocused();
+    }).retries(maxRetries);
+    it('03: Should trigger focus trap to cycle back to first sidepanel IE', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const sidepanelIE1 = await DSButtonV3CO.getButtonByIndex(0);
+      await expect(sidepanelIE1).toBeFocused();
+    }).retries(maxRetries);
+  });
+}

package/ds-tooltip-v3/DSTooltipV3.visual.spec.js

@@ -9,9 +9,10 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('tooltip with long word should be displayed', async () => {
+      await browser.eyesOpen();
       await browser.keys(Key.Tab);
       await browser.pause(500);
-      const snapshot = await browser.checkSnapshot(DSTooltipV3CO.snapshotPath('tooltip-long-word'));
+      const snapshot = await browser.eyesCheckSnapshot(DSTooltipV3CO.snapshotPath('tooltip-long-word'));
       await expect(snapshot).toEqual(0);
     });
   });

package/package.json

@@ -1,125 +1,125 @@
 {
   "name": "dimsum-e2e-tests",
-  "version": "3.45.0-rc.0",
+  "version": "3.45.0-rc.2",
   "description": "End-to-end tests for dimsum library",
   "dependencies": {
-    "@elliemae/ds-accessibility": "3.45.0-rc.0",
-    "@elliemae/ds-accordion": "3.45.0-rc.0",
-    "@elliemae/ds-backdrop": "3.45.0-rc.0",
-    "@elliemae/ds-banner": "3.45.0-rc.0",
-    "@elliemae/ds-basic": "3.45.0-rc.0",
-    "@elliemae/ds-app-picker": "3.45.0-rc.0",
-    "@elliemae/ds-button": "3.45.0-rc.0",
-    "@elliemae/ds-button-v1": "3.45.0-rc.0",
-    "@elliemae/ds-breadcrumb": "3.45.0-rc.0",
-    "@elliemae/ds-button-group": "3.45.0-rc.0",
-    "@elliemae/ds-button-v2": "3.45.0-rc.0",
-    "@elliemae/ds-card": "3.45.0-rc.0",
-    "@elliemae/ds-card-array": "3.45.0-rc.0",
-    "@elliemae/ds-card-v2": "3.45.0-rc.0",
-    "@elliemae/ds-card-navigation": "3.45.0-rc.0",
-    "@elliemae/ds-card-v2-action-addon": "3.45.0-rc.0",
-    "@elliemae/ds-card-v2-group": "3.45.0-rc.0",
-    "@elliemae/ds-chat": "3.45.0-rc.0",
-    "@elliemae/ds-chat-bubble": "3.45.0-rc.0",
-    "@elliemae/ds-chat-tile": "3.45.0-rc.0",
-    "@elliemae/ds-chip": "3.45.0-rc.0",
-    "@elliemae/ds-circular-progress-indicator": "3.45.0-rc.0",
-    "@elliemae/ds-codeeditor": "3.45.0-rc.0",
-    "@elliemae/ds-comments": "3.45.0-rc.0",
-    "@elliemae/ds-controlled-form": "3.45.0-rc.0",
-    "@elliemae/ds-data-table": "3.45.0-rc.0",
-    "@elliemae/ds-data-table-cell-header": "3.45.0-rc.0",
-    "@elliemae/ds-csv-converter": "3.45.0-rc.0",
-    "@elliemae/ds-datagrids": "3.45.0-rc.0",
-    "@elliemae/ds-dataviz": "3.45.0-rc.0",
-    "@elliemae/ds-dataviz-pie": "3.45.0-rc.0",
-    "@elliemae/ds-date-picker": "3.45.0-rc.0",
-    "@elliemae/ds-date-range-picker": "3.45.0-rc.0",
-    "@elliemae/ds-date-range-selector": "3.45.0-rc.0",
-    "@elliemae/ds-date-time-picker": "3.45.0-rc.0",
-    "@elliemae/ds-date-time-recurrence-picker": "3.45.0-rc.0",
-    "@elliemae/ds-decision-graph": "3.45.0-rc.0",
-    "@elliemae/ds-dialog": "3.45.0-rc.0",
-    "@elliemae/ds-dropdownmenu": "3.45.0-rc.0",
-    "@elliemae/ds-dropzone": "3.45.0-rc.0",
-    "@elliemae/ds-drag-and-drop": "3.45.0-rc.0",
-    "@elliemae/ds-fast-list": "3.45.0-rc.0",
-    "@elliemae/ds-form": "3.45.0-rc.0",
-    "@elliemae/ds-filterbar": "3.45.0-rc.0",
-    "@elliemae/ds-form-date-range-picker": "3.45.0-rc.0",
-    "@elliemae/ds-form-date-time-picker": "3.45.0-rc.0",
-    "@elliemae/ds-form-layout-label": "3.45.0-rc.0",
-    "@elliemae/ds-form-layout-blocks": "3.45.0-rc.0",
-    "@elliemae/ds-grid": "3.45.0-rc.0",
-    "@elliemae/ds-group-box": "3.45.0-rc.0",
-    "@elliemae/ds-global-header": "3.45.0-rc.0",
-    "@elliemae/ds-header": "3.45.0-rc.0",
-    "@elliemae/ds-hooks-fontsize-detector": "3.45.0-rc.0",
-    "@elliemae/ds-hooks-fontsize-media": "3.45.0-rc.0",
-    "@elliemae/ds-icon": "3.45.0-rc.0",
-    "@elliemae/ds-icons": "3.45.0-rc.0",
-    "@elliemae/ds-image": "3.45.0-rc.0",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.45.0-rc.0",
-    "@elliemae/ds-imagelibrarymodal": "3.45.0-rc.0",
-    "@elliemae/ds-label-value": "3.45.0-rc.0",
-    "@elliemae/ds-list-section-header": "3.45.0-rc.0",
-    "@elliemae/ds-left-navigation": "3.45.0-rc.0",
-    "@elliemae/ds-loading-indicator": "3.45.0-rc.0",
-    "@elliemae/ds-menu": "3.45.0-rc.0",
-    "@elliemae/ds-mini-toolbar": "3.45.0-rc.0",
-    "@elliemae/ds-mobile": "3.45.0-rc.0",
-    "@elliemae/ds-modal": "3.45.0-rc.0",
-    "@elliemae/ds-menu-items": "3.45.0-rc.0",
-    "@elliemae/ds-modal-slide": "3.45.0-rc.0",
-    "@elliemae/ds-number-range-field": "3.45.0-rc.0",
-    "@elliemae/ds-page-header": "3.45.0-rc.0",
-    "@elliemae/ds-notification-badge": "3.45.0-rc.0",
-    "@elliemae/ds-page-header-v1": "3.45.0-rc.0",
-    "@elliemae/ds-page-header-v2": "3.45.0-rc.0",
-    "@elliemae/ds-pagination": "3.45.0-rc.0",
-    "@elliemae/ds-page-layout": "3.45.0-rc.0",
-    "@elliemae/ds-page-number": "3.45.0-rc.0",
-    "@elliemae/ds-pills": "3.45.0-rc.0",
-    "@elliemae/ds-popover": "3.45.0-rc.0",
-    "@elliemae/ds-popperjs": "3.45.0-rc.0",
-    "@elliemae/ds-popper": "3.45.0-rc.0",
-    "@elliemae/ds-progress-indicator": "3.45.0-rc.0",
-    "@elliemae/ds-query-builder": "3.45.0-rc.0",
-    "@elliemae/ds-read-more": "3.45.0-rc.0",
-    "@elliemae/ds-resizeable-container": "3.45.0-rc.0",
-    "@elliemae/ds-ribbon": "3.45.0-rc.0",
-    "@elliemae/ds-search-field": "3.45.0-rc.0",
-    "@elliemae/ds-separator": "3.45.0-rc.0",
-    "@elliemae/ds-shuttle": "3.45.0-rc.0",
-    "@elliemae/ds-side-panel": "3.45.0-rc.0",
-    "@elliemae/ds-shuttle-v2": "3.45.0-rc.0",
-    "@elliemae/ds-skeleton": "3.45.0-rc.0",
-    "@elliemae/ds-slider": "3.45.0-rc.0",
-    "@elliemae/ds-spinner": "3.45.0-rc.0",
-    "@elliemae/ds-square-indicator": "3.45.0-rc.0",
-    "@elliemae/ds-stepper": "3.45.0-rc.0",
-    "@elliemae/ds-svg": "3.45.0-rc.0",
-    "@elliemae/ds-system": "3.45.0-rc.0",
-    "@elliemae/ds-tabs": "3.45.0-rc.0",
-    "@elliemae/ds-text-wrapper": "3.45.0-rc.0",
-    "@elliemae/ds-test-utils": "3.45.0-rc.0",
-    "@elliemae/ds-time-picker": "3.45.0-rc.0",
-    "@elliemae/ds-toast": "3.45.0-rc.0",
-    "@elliemae/ds-toolbar-v2": "3.45.0-rc.0",
-    "@elliemae/ds-toolbar": "3.45.0-rc.0",
-    "@elliemae/ds-tooltip": "3.45.0-rc.0",
-    "@elliemae/ds-tree-model": "3.45.0-rc.0",
-    "@elliemae/ds-transition": "3.45.0-rc.0",
-    "@elliemae/ds-truncated-expandable-text": "3.45.0-rc.0",
-    "@elliemae/ds-treeview": "3.45.0-rc.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.45.0-rc.0",
-    "@elliemae/ds-typography": "3.45.0-rc.0",
-    "@elliemae/ds-uploader": "3.45.0-rc.0",
-    "@elliemae/ds-virtual-list": "3.45.0-rc.0",
-    "@elliemae/ds-wizard": "3.45.0-rc.0",
-    "@elliemae/ds-zipcode-search": "3.45.0-rc.0",
-    "@elliemae/ds-wysiwygeditor": "3.45.0-rc.0",
-    "@elliemae/ds-zoom": "3.45.0-rc.0"
+    "@elliemae/ds-accessibility": "3.45.0-rc.2",
+    "@elliemae/ds-accordion": "3.45.0-rc.2",
+    "@elliemae/ds-backdrop": "3.45.0-rc.2",
+    "@elliemae/ds-app-picker": "3.45.0-rc.2",
+    "@elliemae/ds-basic": "3.45.0-rc.2",
+    "@elliemae/ds-banner": "3.45.0-rc.2",
+    "@elliemae/ds-button-v1": "3.45.0-rc.2",
+    "@elliemae/ds-breadcrumb": "3.45.0-rc.2",
+    "@elliemae/ds-button-group": "3.45.0-rc.2",
+    "@elliemae/ds-button-v2": "3.45.0-rc.2",
+    "@elliemae/ds-button": "3.45.0-rc.2",
+    "@elliemae/ds-card-array": "3.45.0-rc.2",
+    "@elliemae/ds-card": "3.45.0-rc.2",
+    "@elliemae/ds-card-navigation": "3.45.0-rc.2",
+    "@elliemae/ds-card-v2-action-addon": "3.45.0-rc.2",
+    "@elliemae/ds-card-v2-group": "3.45.0-rc.2",
+    "@elliemae/ds-card-v2": "3.45.0-rc.2",
+    "@elliemae/ds-chat": "3.45.0-rc.2",
+    "@elliemae/ds-chat-bubble": "3.45.0-rc.2",
+    "@elliemae/ds-chat-tile": "3.45.0-rc.2",
+    "@elliemae/ds-chip": "3.45.0-rc.2",
+    "@elliemae/ds-circular-progress-indicator": "3.45.0-rc.2",
+    "@elliemae/ds-codeeditor": "3.45.0-rc.2",
+    "@elliemae/ds-comments": "3.45.0-rc.2",
+    "@elliemae/ds-controlled-form": "3.45.0-rc.2",
+    "@elliemae/ds-csv-converter": "3.45.0-rc.2",
+    "@elliemae/ds-datagrids": "3.45.0-rc.2",
+    "@elliemae/ds-data-table-cell-header": "3.45.0-rc.2",
+    "@elliemae/ds-dataviz": "3.45.0-rc.2",
+    "@elliemae/ds-date-picker": "3.45.0-rc.2",
+    "@elliemae/ds-dataviz-pie": "3.45.0-rc.2",
+    "@elliemae/ds-date-time-picker": "3.45.0-rc.2",
+    "@elliemae/ds-date-range-selector": "3.45.0-rc.2",
+    "@elliemae/ds-date-time-recurrence-picker": "3.45.0-rc.2",
+    "@elliemae/ds-decision-graph": "3.45.0-rc.2",
+    "@elliemae/ds-date-range-picker": "3.45.0-rc.2",
+    "@elliemae/ds-drag-and-drop": "3.45.0-rc.2",
+    "@elliemae/ds-dropdownmenu": "3.45.0-rc.2",
+    "@elliemae/ds-dropzone": "3.45.0-rc.2",
+    "@elliemae/ds-dialog": "3.45.0-rc.2",
+    "@elliemae/ds-fast-list": "3.45.0-rc.2",
+    "@elliemae/ds-form": "3.45.0-rc.2",
+    "@elliemae/ds-filterbar": "3.45.0-rc.2",
+    "@elliemae/ds-data-table": "3.45.0-rc.2",
+    "@elliemae/ds-form-date-range-picker": "3.45.0-rc.2",
+    "@elliemae/ds-form-date-time-picker": "3.45.0-rc.2",
+    "@elliemae/ds-form-layout-label": "3.45.0-rc.2",
+    "@elliemae/ds-global-header": "3.45.0-rc.2",
+    "@elliemae/ds-form-layout-blocks": "3.45.0-rc.2",
+    "@elliemae/ds-group-box": "3.45.0-rc.2",
+    "@elliemae/ds-grid": "3.45.0-rc.2",
+    "@elliemae/ds-header": "3.45.0-rc.2",
+    "@elliemae/ds-hooks-fontsize-detector": "3.45.0-rc.2",
+    "@elliemae/ds-icon": "3.45.0-rc.2",
+    "@elliemae/ds-hooks-fontsize-media": "3.45.0-rc.2",
+    "@elliemae/ds-icons": "3.45.0-rc.2",
+    "@elliemae/ds-image": "3.45.0-rc.2",
+    "@elliemae/ds-imagelibrarymodal": "3.45.0-rc.2",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.45.0-rc.2",
+    "@elliemae/ds-label-value": "3.45.0-rc.2",
+    "@elliemae/ds-left-navigation": "3.45.0-rc.2",
+    "@elliemae/ds-list-section-header": "3.45.0-rc.2",
+    "@elliemae/ds-loading-indicator": "3.45.0-rc.2",
+    "@elliemae/ds-menu": "3.45.0-rc.2",
+    "@elliemae/ds-menu-items": "3.45.0-rc.2",
+    "@elliemae/ds-mini-toolbar": "3.45.0-rc.2",
+    "@elliemae/ds-modal": "3.45.0-rc.2",
+    "@elliemae/ds-mobile": "3.45.0-rc.2",
+    "@elliemae/ds-modal-slide": "3.45.0-rc.2",
+    "@elliemae/ds-number-range-field": "3.45.0-rc.2",
+    "@elliemae/ds-notification-badge": "3.45.0-rc.2",
+    "@elliemae/ds-page-header": "3.45.0-rc.2",
+    "@elliemae/ds-page-header-v1": "3.45.0-rc.2",
+    "@elliemae/ds-page-header-v2": "3.45.0-rc.2",
+    "@elliemae/ds-page-layout": "3.45.0-rc.2",
+    "@elliemae/ds-page-number": "3.45.0-rc.2",
+    "@elliemae/ds-pagination": "3.45.0-rc.2",
+    "@elliemae/ds-popperjs": "3.45.0-rc.2",
+    "@elliemae/ds-popover": "3.45.0-rc.2",
+    "@elliemae/ds-pills": "3.45.0-rc.2",
+    "@elliemae/ds-popper": "3.45.0-rc.2",
+    "@elliemae/ds-query-builder": "3.45.0-rc.2",
+    "@elliemae/ds-progress-indicator": "3.45.0-rc.2",
+    "@elliemae/ds-read-more": "3.45.0-rc.2",
+    "@elliemae/ds-resizeable-container": "3.45.0-rc.2",
+    "@elliemae/ds-ribbon": "3.45.0-rc.2",
+    "@elliemae/ds-search-field": "3.45.0-rc.2",
+    "@elliemae/ds-shuttle": "3.45.0-rc.2",
+    "@elliemae/ds-separator": "3.45.0-rc.2",
+    "@elliemae/ds-shuttle-v2": "3.45.0-rc.2",
+    "@elliemae/ds-side-panel": "3.45.0-rc.2",
+    "@elliemae/ds-skeleton": "3.45.0-rc.2",
+    "@elliemae/ds-spinner": "3.45.0-rc.2",
+    "@elliemae/ds-slider": "3.45.0-rc.2",
+    "@elliemae/ds-square-indicator": "3.45.0-rc.2",
+    "@elliemae/ds-stepper": "3.45.0-rc.2",
+    "@elliemae/ds-system": "3.45.0-rc.2",
+    "@elliemae/ds-svg": "3.45.0-rc.2",
+    "@elliemae/ds-tabs": "3.45.0-rc.2",
+    "@elliemae/ds-test-utils": "3.45.0-rc.2",
+    "@elliemae/ds-text-wrapper": "3.45.0-rc.2",
+    "@elliemae/ds-time-picker": "3.45.0-rc.2",
+    "@elliemae/ds-toast": "3.45.0-rc.2",
+    "@elliemae/ds-toolbar-v2": "3.45.0-rc.2",
+    "@elliemae/ds-toolbar": "3.45.0-rc.2",
+    "@elliemae/ds-tooltip": "3.45.0-rc.2",
+    "@elliemae/ds-treeview": "3.45.0-rc.2",
+    "@elliemae/ds-tree-model": "3.45.0-rc.2",
+    "@elliemae/ds-truncated-tooltip-text": "3.45.0-rc.2",
+    "@elliemae/ds-truncated-expandable-text": "3.45.0-rc.2",
+    "@elliemae/ds-transition": "3.45.0-rc.2",
+    "@elliemae/ds-uploader": "3.45.0-rc.2",
+    "@elliemae/ds-typography": "3.45.0-rc.2",
+    "@elliemae/ds-virtual-list": "3.45.0-rc.2",
+    "@elliemae/ds-wizard": "3.45.0-rc.2",
+    "@elliemae/ds-wysiwygeditor": "3.45.0-rc.2",
+    "@elliemae/ds-zipcode-search": "3.45.0-rc.2",
+    "@elliemae/ds-zoom": "3.45.0-rc.2"
   }
 }

package/z-index/ZIndex.visual.spec.js

@@ -10,32 +10,36 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display combobox correctly', async () => {
+      await browser.eyesOpen();
       await (await ZIndexCO.getOpenSidePanel()).click();
       await browser.pause(500);
       const combobox = await ZIndexCO.getComboOnSidePanel();
       await combobox.click();
-      const snapshot = await browser.checkSnapshot(ZIndexCO.snapshotPath('zi-sidepanel-combobox'));
+      const snapshot = await browser.eyesCheckSnapshot(ZIndexCO.snapshotPath('zi-sidepanel-combobox'));
       await expect(snapshot).toEqual(0);
     });
     it('should display dropdown correctly', async () => {
+      await browser.eyesOpen();
       await browser.keys(Key.Escape);
       const dropdownTrigger = await ZIndexCO.getDDButtonOnSidePanel();
       await dropdownTrigger.click();
-      const snapshot = await browser.checkSnapshot(ZIndexCO.snapshotPath('zi-sidepanel-dd'));
+      const snapshot = await browser.eyesCheckSnapshot(ZIndexCO.snapshotPath('zi-sidepanel-dd'));
       await expect(snapshot).toEqual(0);
     });
     it('should display picker correctly', async () => {
+      await browser.eyesOpen();
       await browser.keys(Key.Escape);
       const appPickerTrigger = await ZIndexCO.getAppPickerTriggerOnSidePanel();
       await appPickerTrigger.click();
-      const snapshot = await browser.checkSnapshot(ZIndexCO.snapshotPath('zi-sidepanel-apppicker'));
+      const snapshot = await browser.eyesCheckSnapshot(ZIndexCO.snapshotPath('zi-sidepanel-apppicker'));
       await expect(snapshot).toEqual(0);
     });
     it('should display date correctly', async () => {
+      await browser.eyesOpen();
       await browser.keys(Key.Escape);
       const dateTimeTrigger = await ZIndexCO.getDateTimeTriggerOnSidePanel();
       await dateTimeTrigger.click();
-      const snapshot = await browser.checkSnapshot(ZIndexCO.snapshotPath('zi-sidepanel-datetime'));
+      const snapshot = await browser.eyesCheckSnapshot(ZIndexCO.snapshotPath('zi-sidepanel-datetime'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -46,32 +50,36 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display combobox correctly', async () => {
+      await browser.eyesOpen();
       await (await ZIndexCO.getOpenModalSlide()).click();
       await browser.pause(500);
       const combobox = await ZIndexCO.getComboOnModalSlide();
       await combobox.click();
-      const snapshot = await browser.checkSnapshot(ZIndexCO.snapshotPath('zi-modalslide-combo'));
+      const snapshot = await browser.eyesCheckSnapshot(ZIndexCO.snapshotPath('zi-modalslide-combo'));
       await expect(snapshot).toEqual(0);
     });
     it('should display dropdown correctly', async () => {
+      await browser.eyesOpen();
       await browser.keys(Key.Escape);
       const dropDTrigger = await ZIndexCO.getDDButtonOnModalSlide();
       await dropDTrigger.click();
-      const snapshot = await browser.checkSnapshot(ZIndexCO.snapshotPath('zi-modalslide-dd'));
+      const snapshot = await browser.eyesCheckSnapshot(ZIndexCO.snapshotPath('zi-modalslide-dd'));
       await expect(snapshot).toEqual(0);
     });
     it('should display picker correctly', async () => {
+      await browser.eyesOpen();
       await browser.keys(Key.Escape);
       const appPickerTrigger = await ZIndexCO.getAppPickerTriggerOnModalSlide();
       await appPickerTrigger.click();
-      const snapshot = await browser.checkSnapshot(ZIndexCO.snapshotPath('zi-modalslide-apppicker'));
+      const snapshot = await browser.eyesCheckSnapshot(ZIndexCO.snapshotPath('zi-modalslide-apppicker'));
       await expect(snapshot).toEqual(0);
     });
     it('should display date correctly', async () => {
+      await browser.eyesOpen();
       await browser.keys(Key.Escape);
       const dateRangeTrigger = await ZIndexCO.getDateRangeTriggerOnModalSlide();
       await dateRangeTrigger.click();
-      const snapshot = await browser.checkSnapshot(ZIndexCO.snapshotPath('zi-modalslide-date'));
+      const snapshot = await browser.eyesCheckSnapshot(ZIndexCO.snapshotPath('zi-modalslide-date'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -160,7 +168,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
         await browser.eyesOpen();
         await (await ZIndexCO.getPickerChip(2)).click();
         await browser.keys(Key.Escape);
-        await (await ZIndexCO.getOpenDialogOnModalSlide()).click();
+        await browser.keys(Key.PageUp);
+        const openDialogBtn = await ZIndexCO.getOpenDialogOnModalSlide();
+        await openDialogBtn.click();
         await browser.pause(500);
         const dateTrigger = await ZIndexCO.getDateRangeOnModalSlideDialog();
         await dateTrigger.click();
@@ -175,7 +185,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
         await browser.pause(500);
         const nestest = await ZIndexCO.getNestestDD();
         await nestest.click();
-        const snapshot = await browser.checkSnapshot(ZIndexCO.snapshotPath('zi-modalslide-dialog-nestest'));
+        const snapshot = await browser.eyesCheckSnapshot(ZIndexCO.snapshotPath('zi-modalslide-dialog-nestest'));
         await expect(snapshot).toEqual(0);
       });
     }