dimsum-e2e-tests 3.53.0-beta.8 → 3.53.0-next.10

package/ds-data-table-async/DSDataTableCO.js

@@ -44,6 +44,8 @@ export default class DataTableCO extends PageObject {
 
   static paginatedWithDetail = new Urlbuilder(PATH_DATA_TABLE, 'paginated-table-with-details');
 
+  static withMenuButton = new Urlbuilder(PATH_E2E_DATATABLE, 'pui-16383-suggested-solution');
+
   static paginatedTable = new Urlbuilder(PATH_E2E_DATATABLE, 'paginated-table-test');
 
   static performance = new Urlbuilder(PATH_DATA_TABLE_ADVANCED, 'performance');

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

@@ -162,8 +162,10 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSDataTableCO.datatableInsideTabs.go();
       if (errorOnGo) throw errorOnGo;
       await DSDataTableCO.waitForDataTable();
+      await browser.maximizeWindow();
     });
     it('should expand all rows and drop a row within another', async () => {
+      await browser.eyesOpen();
       await (await HeaderCO.getHeaderExpandButton()).click();
       const rowExpanded = await RowCO.getExpandedRow(0);
       await rowExpanded.waitForDisplayed();
@@ -172,7 +174,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.Return);
       await browser.keys(Key.ArrowDown);
       await browser.keys(Key.Return);
-      const snapshot = await browser.checkSnapshot(DSDataTableCO.snapshotPath('expanded-dropped-inside'));
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('expanded-dropped-inside'));
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -0,0 +1,33 @@
+/* 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';
+
+// 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-16396 - DataTable, Dnd columns - scrollbar behavior', function () {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.DndColumnsFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should scroll correctly', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.PageDown);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('data-table-scroll'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: Drag&Drop Name column should not cause data-table to scroll automatically', async () => {
+      const nameColumn = await HeaderCO.getHeaderCellByText('NAME');
+      await nameColumn.click();
+      const positionColumn = await HeaderCO.getHeaderCellByText('POSITION');
+      const dndHandler = await HeaderCO.getHeaderCellDragHandler(nameColumn);
+      await dndHandler.dragAndDrop(positionColumn);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('data-table-dnd-scroll'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -12,6 +12,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSDataTableCO.filteredCreatable.go();
       if (errorOnGo) throw errorOnGo;
       await DSDataTableCO.waitForDataTable();
+      await browser.maximizeWindow();
     });
     it('01: should open the popup and focus the text input', async () => {
       await browser.eyesOpen();

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

@@ -0,0 +1,109 @@
+/* eslint-disable max-lines */
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSDataTableCO from '../DSDataTableCO';
+import { mouseOver } from '../../helpers';
+import CellCO from '../components/CellCO';
+import DSMenuButtonCO from '../../ds-menu-button/DSMenuButtonCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-16413 - DataTable, MenuButton (mouse) - Functional Test', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.withMenuButton.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should expand menuButton for datatable row', async () => {
+      const menuButtonTrigger = await DSDataTableCO.getButtons(2);
+      await menuButtonTrigger.click();
+      const submenuTriggerItem = await DSMenuButtonCO.getMenuItemWrapper(1);
+      const menuItems = (await DSMenuButtonCO.getMenuItems()).length;
+      await expect(menuItems).toEqual(5);
+      await expect(submenuTriggerItem).toBeDisplayedInViewport();
+    });
+    it('02: should trigger menuButton item', async () => {
+      const thirdItem = await DSMenuButtonCO.getMenuItemWrapper(2);
+      await thirdItem.click();
+      const alertText = await browser.getAlertText();
+      await expect(alertText).toEqual('item selected: sms - undefined');
+    });
+    it('03: should expand menuButton submenu for datatable row', async () => {
+      await browser.dismissAlert();
+      const menuButtonTrigger = await DSDataTableCO.getButtons(2);
+      await menuButtonTrigger.click();
+      const submenuTriggerItem = await DSMenuButtonCO.getMenuItemWrapper(1);
+      await submenuTriggerItem.waitForDisplayed();
+      await mouseOver(submenuTriggerItem);
+      const menuItems = (await DSMenuButtonCO.getMenuItems()).length;
+      await expect(menuItems).toEqual(8);
+      await expect(submenuTriggerItem).toBeDisplayedInViewport();
+    });
+    it('04: should trigger menuButton submenu item', async () => {
+      const submenuItem = await DSMenuButtonCO.getMenuItemWrapper(5);
+      await submenuItem.click();
+      const alertText = await browser.getAlertText();
+      await expect(alertText).toEqual('item selected: Realtor Phone - (424) 000-0000');
+    });
+    it('05: should close menuButton flyout clicking outside the menu (cell for example)', async () => {
+      await browser.dismissAlert();
+      const menuButtonTrigger = await DSDataTableCO.getButtons(2);
+      await menuButtonTrigger.click();
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      await menu.waitForDisplayed();
+      const datatableCell = await CellCO.getCellByIndex(1);
+      await datatableCell.click();
+      await expect(menu).not.toBeDisplayedInViewport();
+    });
+  });
+
+  describe('PUI-16414 - DataTable, MenuButton (keyboard) - Functional Test', async () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.withMenuButton.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should focus menuTrigger with keyboard', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const menuButtonTrigger = await DSDataTableCO.getButtons(0);
+      await expect(menuButtonTrigger).toBeFocused();
+    });
+    it('02: should expand menuButton for datatable row with keyboard', async () => {
+      await browser.keys(Key.Return);
+      const submenuTriggerItem = await DSMenuButtonCO.getMenuItemWrapper(1);
+      const menuItems = (await DSMenuButtonCO.getMenuItems()).length;
+      await expect(menuItems).toEqual(5);
+      await expect(submenuTriggerItem).toBeDisplayedInViewport();
+    });
+    it('03: should trigger menuButton item with keyboard', async () => {
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.Return);
+      const alertText = await browser.getAlertText();
+      await expect(alertText).toEqual('item selected: log actions - undefined');
+    });
+    it('03: should expand menuButton submenu for datatable row with keyboard', async () => {
+      await browser.dismissAlert();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowDown);
+      const menuItems = (await DSMenuButtonCO.getMenuItems()).length;
+      await expect(menuItems).toEqual(6);
+    });
+    it('04: should trigger menuButton submenu item with keyboard', async () => {
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Return);
+      const alertText = await browser.getAlertText();
+      await expect(alertText).toEqual('item selected: Realtor Phone - (424) 000-0000');
+    });
+    it('05: should close menuButton menu with keyboard', async () => {
+      await browser.dismissAlert();
+      await browser.keys(Key.Return);
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      await menu.waitForDisplayed();
+      await browser.keys(Key.Escape);
+      await expect(menu).not.toBeDisplayedInViewport();
+    });
+  });
+}

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

@@ -0,0 +1,27 @@
+import DSDataTableCO from '../DSDataTableCO';
+import DSMenuButtonCO from '../../ds-menu-button/DSMenuButtonCO';
+import { mouseOver } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-16415 - DataTable, with menu button - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataTableCO.withMenuButton.go();
+      if (errorOnGo) throw errorOnGo;
+      await DSDataTableCO.waitForDataTable();
+    });
+    it('01: should have datatable with expanded menubutton and match baseline', async () => {
+      await browser.eyesOpen();
+      const menuButtonTrigger = await DSDataTableCO.getButtons(2);
+      await menuButtonTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('datatable-menubutton-menu'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should have datatable with expanded menubutton submenu and match baseline', async () => {
+      await browser.eyesOpen();
+      const submenuTriggerItem = await DSMenuButtonCO.getMenuItemWrapper(1);
+      await mouseOver(submenuTriggerItem);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataTableCO.snapshotPath('datatable-menubutton-submenu'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dataviz/DSDataViz.axis.visual.spec.js

@@ -65,7 +65,8 @@ if (!browser.capabilities['ice:options'].isPhone) {
 
   // fails on firefox due to fake-positive of infinte loop
   if (browser.capabilities.browserName !== 'Firefox') {
-    describe('PUI-9401 - DSDataViz, TimeLinear axis -Visual', () => {
+    // Skipped until PUI-16334 gets fixed
+    describe.skip('PUI-9401 - DSDataViz, TimeLinear axis -Visual', () => {
       before('loading page', async () => {
         const errorOnGo = await DSDataVizCO.timeLinearAxis.go();
         if (errorOnGo) throw errorOnGo;

package/ds-dataviz/DSDataViz.scroll.visual.spec.js

@@ -60,6 +60,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       });
       it('01: should display a the chart in default state', async () => {
         await browser.eyesOpen();
+        await browser.maximizeWindow();
         const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-res-default-default'));
         await expect(snapshot).toEqual(0);
       });

package/ds-dataviz/DSDataViz.ticks.visual.spec.js

@@ -62,7 +62,8 @@ if (!browser.capabilities['ice:options'].isPhone) {
     });
   });
 
-  describe('PUI-10321 - DSDataViz, Force ticks -Visual', () => {
+  // Skipped until PUI-16334 gets fixed
+  describe.skip('PUI-10321 - DSDataViz, Force ticks -Visual', () => {
     before('loading page', async () => {
       const errorOnGo = await DSDataVizCO.forceTicks.go();
       if (errorOnGo) throw errorOnGo;

package/ds-menu-button/submenu/DSMenuButton.axe-core.subMenu.func.spec.js

@@ -13,7 +13,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const menuTrigger = await DSButtonV3CO.getButtonByLabel('Submenus example');
       await menuTrigger.click();
       await browser.keys(Key.ArrowRight);
-      const result = await axeCoreCheck({ selector: "[data-testid='ds-cardv3-root']" });
+      const result = await axeCoreCheck({ selector: "[id='ds-sb-main']" });
       expect(result.length).toBe(0);
     });
   });

package/ds-pills-v2/DSPills.visual.spec.js

@@ -36,13 +36,15 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     before('loading page', async () => {
       const errorOnGo = await DSPillsV2CO.readonlyURL.go();
       if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
     });
     it('should correctly display the readonly pills', async () => {
+      await browser.eyesOpen();
       const readonlyPill = await DSPillsV2CO.getIconByIndex(0);
       const otherReadonlyPill = await DSPillsV2CO.getIconByIndex(2);
       await readonlyPill.click();
       await mouseOver(otherReadonlyPill);
-      const snapshot = await browser.checkSnapshot(DSPillsV2CO.snapshotPath('pills-v2-readonly'));
+      const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pills-v2-readonly'));
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-pills-v2/selection/DSPills.func.spec.js

@@ -4,37 +4,39 @@ import DSPillsV2CO from '../DSPillsV2CO';
 import DSMenuButtonCO from '../../ds-menu-button/DSMenuButtonCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-14703 - Pills v2: Selection: KB, multi', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSPillsV2CO.multiSelectMB.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should have multi select expanded, no selection, no minipill', async () => {
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Return);
-      const pills = await DSPillsV2CO.getPills();
-      const howManyPills = pills.length;
-      const menu = await DSMenuButtonCO.getMenuRoot();
-      await expect(menu).toBeDisplayedInViewport();
-      await expect(howManyPills).toEqual(1); // The selection pill, no values pills displayed
-    });
-    it('02: should have multi select with two options selected, expanded, with two minipills', async () => {
-      await browser.keys(Key.ArrowDown);
-      await browser.keys(Key.Space);
-      await browser.keys(Key.ArrowDown);
-      await browser.keys(Key.Space);
-      const pills = await DSPillsV2CO.getPills();
-      const howManyPills = pills.length;
-      const menu = await DSMenuButtonCO.getMenuRoot();
-      const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
-      const minipillLabel2 = await (await DSPillsV2CO.getPillsTextByIndex(2)).getText();
-      await expect(minipillLabel1).toEqual('Bold');
-      await expect(minipillLabel2).toEqual('Underlined');
-      await expect(menu).toBeDisplayedInViewport();
-      await expect(howManyPills).toEqual(3);
+  // PUI-14703 has wrong behaviour with automation + safari. Not reproducible/Not fixable.
+  if (browser.capabilities.browserName !== 'Safari') {
+    describe('PUI-14703 - Pills v2: Selection: KB, multi', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSPillsV2CO.multiSelectMB.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: should have multi select expanded, no selection, no minipill', async () => {
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Return);
+        const pills = await DSPillsV2CO.getPills();
+        const howManyPills = pills.length;
+        const menu = await DSMenuButtonCO.getMenuRoot();
+        await expect(menu).toBeDisplayedInViewport();
+        await expect(howManyPills).toEqual(1); // The selection pill, no values pills displayed
+      });
+      it('02: should have multi select with two options selected, expanded, with two minipills', async () => {
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.Space);
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.Space);
+        const pills = await DSPillsV2CO.getPills();
+        const howManyPills = pills.length;
+        const menu = await DSMenuButtonCO.getMenuRoot();
+        const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
+        const minipillLabel2 = await (await DSPillsV2CO.getPillsTextByIndex(2)).getText();
+        await expect(minipillLabel1).toEqual('Bold');
+        await expect(minipillLabel2).toEqual('Underlined');
+        await expect(menu).toBeDisplayedInViewport();
+        await expect(howManyPills).toEqual(3);
+      });
     });
-  });
-
+  }
   describe('PUI-14702 - Pills v2: Selection: MOUSE, single', () => {
     before('loading page', async () => {
       const errorOnGo = await DSPillsV2CO.singleSelectMB.go();

package/ds-read-more/DSReadMore.func.spec.js

@@ -45,21 +45,6 @@ if (!browser.capabilities['ice:options'].isPhone) {
     });
   });
 
-  if (!browser.capabilities['ice:options'].isTablet) {
-    describe('PUI-9561: Read More, with tooltip -func', () => {
-      before('loading page', async () => {
-        const errorOnGo = await DSReadMoreCO.withTooltip.go();
-        if (errorOnGo) throw errorOnGo;
-      });
-      it('Should display tooltip on trigger hover', async () => {
-        const tooltipTrigger = await DSReadMoreCO.getTooltipTrigger();
-        await mouseOver(tooltipTrigger, 1, 1);
-        const tooltip = await DSReadMoreCO.getTooltip();
-        await expect(tooltip).toBeDisplayed();
-      });
-    });
-  }
-
   describe('PUI-9562: Read More, not truncated on short texts -func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSReadMoreCO.notTruncatedUrl.go();
@@ -74,44 +59,116 @@ if (!browser.capabilities['ice:options'].isPhone) {
     });
   });
   if (!browser.capabilities['ice:options'].isTablet) {
-    describe('PUI-9612: Read More: withTooltip on responsive (zoom) -func', () => {
+    describe('PUI-16388: Read More, Kb with tooltip -func', () => {
       before('loading page', async () => {
-        const errorOnGo = await DSReadMoreCO.widthChange.go();
+        const errorOnGo = await DSReadMoreCO.withTooltip.go();
         if (errorOnGo) throw errorOnGo;
       });
-      it('01: should display tooltip on 100px width', async () => {
-        const tooltipTriggerBtns = await DSReadMoreCO.getTooltipTriggers();
-        expect(tooltipTriggerBtns).toHaveLength(2);
-        await mouseOver(tooltipTriggerBtns[0], 1, 1);
-        const firstTooltip = await DSReadMoreCO.getTooltip();
-        await expect(firstTooltip).toBeDisplayedInViewport();
-        await mouseOver(tooltipTriggerBtns[1], 1, 1);
-        const secondTooltip = await DSReadMoreCO.getTooltip();
-        await expect(secondTooltip).toBeDisplayedInViewport();
-      });
-      it('02: should display tooltip on 200px width', async () => {
-        const changeWidthBtn = await DSReadMoreCO.getButton();
-        await changeWidthBtn.click();
-        const tooltipTriggerBtns = await DSReadMoreCO.getTooltipTriggers();
-        expect(tooltipTriggerBtns).toHaveLength(2);
-        await mouseOver(tooltipTriggerBtns[0], 1, 1);
-        const firstTooltip = await DSReadMoreCO.getTooltip();
-        await expect(firstTooltip).toBeDisplayedInViewport();
-        await mouseOver(tooltipTriggerBtns[1], 1, 1);
-        const secondTooltip = await DSReadMoreCO.getTooltip();
-        await expect(secondTooltip).toBeDisplayedInViewport();
+      it('Should display tooltip on focus', async () => {
+        const tooltipTrigger = await DSReadMoreCO.getTooltipTrigger();
+        await tooltipTrigger.waitForDisplayed();
+        await browser.keys(Key.Tab);
+        const tooltip = await DSReadMoreCO.getTooltip();
+        await expect(tooltip).toBeDisplayed();
       });
-      it('03: should display tooltip on 300px width', async () => {
-        // close tooltip
+      it('Should not display tooltip after ESC is pressed', async () => {
         await browser.keys(Key.Escape);
-        const changeWidthBtn = await DSReadMoreCO.getButton();
-        await changeWidthBtn.click();
-        const tooltipTriggerBtns = await DSReadMoreCO.getTooltipTriggers();
-        expect(tooltipTriggerBtns).toHaveLength(1);
-        await mouseOver(tooltipTriggerBtns[0], 1, 1);
-        const firstTooltip = await DSReadMoreCO.getTooltip();
-        await expect(firstTooltip).toBeDisplayedInViewport();
+        const tooltip = await DSReadMoreCO.getTooltip();
+        await expect(tooltip).not.toBeDisplayed();
+      });
+    });
+
+    describe('PUI-16387: Read More, Kb with readmore btn -func', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSReadMoreCO.truncatedUrl.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: Should focus readmore button after tab is pressed', async () => {
+        const readMoreBtn = await DSReadMoreCO.getMoreLessButton();
+        await readMoreBtn.waitForDisplayed();
+        const moreLessText = await (await DSReadMoreCO.getMoreLessText()).getText();
+        await browser.keys(Key.Tab);
+        await expect(readMoreBtn).toBeFocused();
+        await expect(moreLessText).toEqual(
+          // eslint-disable-next-line max-len
+          'This is a very long text just for display purposes. This is a very long text just for display purposes. This is a very long text just for display purposes. This is a very lo',
+        );
+      });
+      it('02: Should display more content on readmore button trigger (enter/return)', async () => {
+        const readMoreBtn = await DSReadMoreCO.getMoreLessButton();
+        await browser.keys(Key.Return);
+        const moreLessText = await (await DSReadMoreCO.getMoreLessText()).getText();
+        await expect(readMoreBtn).toBeFocused();
+        await expect(moreLessText).toEqual(
+          // eslint-disable-next-line max-len
+          'This is a very long text just for display purposes. This is a very long text just for display purposes. This is a very long text just for display purposes. This is a very long text just for display purposes.',
+        );
+      });
+      it('03: Should display more content on readmore button trigger (enter/return)', async () => {
+        const readMoreBtn = await DSReadMoreCO.getMoreLessButton();
+        await browser.keys(Key.Return);
+        const moreLessText = await (await DSReadMoreCO.getMoreLessText()).getText();
+        await expect(readMoreBtn).toBeFocused();
+        await expect(moreLessText).toEqual(
+          // eslint-disable-next-line max-len
+          'This is a very long text just for display purposes. This is a very long text just for display purposes. This is a very long text just for display purposes. This is a very lo',
+        );
       });
     });
+    if (browser.capabilities.browserName !== 'Safari') {
+      // Readmore tooltip trigger raises error: Element not interactable with safari. False negative
+      describe('PUI-9561: Read More, with tooltip -func', () => {
+        before('loading page', async () => {
+          const errorOnGo = await DSReadMoreCO.withTooltip.go();
+          if (errorOnGo) throw errorOnGo;
+        });
+        it('Should display tooltip on trigger hover', async () => {
+          const tooltipTrigger = await DSReadMoreCO.getTooltipTrigger();
+          await mouseOver(tooltipTrigger, 1, 1);
+          const tooltip = await DSReadMoreCO.getTooltip();
+          await expect(tooltip).toBeDisplayed();
+        });
+      });
+
+      describe('PUI-9612: Read More: withTooltip on responsive (zoom) -func', () => {
+        before('loading page', async () => {
+          const errorOnGo = await DSReadMoreCO.widthChange.go();
+          if (errorOnGo) throw errorOnGo;
+        });
+        it('01: should display tooltip on 100px width', async () => {
+          const tooltipTriggerBtns = await DSReadMoreCO.getTooltipTriggers();
+          expect(tooltipTriggerBtns).toHaveLength(2);
+          await mouseOver(tooltipTriggerBtns[0], 1, 1);
+          const firstTooltip = await DSReadMoreCO.getTooltip();
+          await expect(firstTooltip).toBeDisplayedInViewport();
+          await mouseOver(tooltipTriggerBtns[1], 1, 1);
+          const secondTooltip = await DSReadMoreCO.getTooltip();
+          await expect(secondTooltip).toBeDisplayedInViewport();
+        });
+        it('02: should display tooltip on 200px width', async () => {
+          const changeWidthBtn = await DSReadMoreCO.getButton();
+          await changeWidthBtn.click();
+          const tooltipTriggerBtns = await DSReadMoreCO.getTooltipTriggers();
+          expect(tooltipTriggerBtns).toHaveLength(2);
+          await mouseOver(tooltipTriggerBtns[0], 1, 1);
+          const firstTooltip = await DSReadMoreCO.getTooltip();
+          await expect(firstTooltip).toBeDisplayedInViewport();
+          await mouseOver(tooltipTriggerBtns[1], 1, 1);
+          const secondTooltip = await DSReadMoreCO.getTooltip();
+          await expect(secondTooltip).toBeDisplayedInViewport();
+        });
+        it('03: should display tooltip on 300px width', async () => {
+          // close tooltip
+          await browser.keys(Key.Escape);
+          const changeWidthBtn = await DSReadMoreCO.getButton();
+          await changeWidthBtn.click();
+          const tooltipTriggerBtns = await DSReadMoreCO.getTooltipTriggers();
+          expect(tooltipTriggerBtns).toHaveLength(1);
+          await mouseOver(tooltipTriggerBtns[0], 1, 1);
+          const firstTooltip = await DSReadMoreCO.getTooltip();
+          await expect(firstTooltip).toBeDisplayedInViewport();
+        });
+      });
+    }
   }
 }

package/ds-read-more/DSReadMore.visual.spec.js

@@ -1,3 +1,4 @@
+import { Key } from 'webdriverio';
 import DSReadMoreCO from './DSReadMoreCO';
 import { mouseOver } from '../helpers';
 
@@ -8,14 +9,19 @@ if (!browser.capabilities['ice:options'].isPhone) {
       if (errorOnGo) throw errorOnGo;
     });
     it('01: Should display ReadMore truncated with the MORE button', async () => {
+      await browser.eyesOpen();
+      if (!browser.capabilities['ice:options'].isTablet) {
+        await browser.maximizeWindow();
+      }
       await (await DSReadMoreCO.getMoreLessText()).waitForDisplayed();
-      const snapshot = await browser.checkSnapshot(DSReadMoreCO.snapshotPath('truncated-more'));
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('truncated-more'));
       await expect(snapshot).toEqual(0);
     });
     it('02: Should display ReadMore not truncated after click with LESS button', async () => {
+      await browser.eyesOpen();
       const button = await DSReadMoreCO.getMoreLessButton();
       await button.click();
-      const snapshot = await browser.checkSnapshot(DSReadMoreCO.snapshotPath('truncated-less'));
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('truncated-less'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -25,8 +31,12 @@ if (!browser.capabilities['ice:options'].isPhone) {
       if (errorOnGo) throw errorOnGo;
     });
     it('Should display ReadMore not truncated', async () => {
+      await browser.eyesOpen();
+      if (!browser.capabilities['ice:options'].isTablet) {
+        await browser.maximizeWindow();
+      }
       await (await DSReadMoreCO.getMoreLessText()).waitForDisplayed();
-      const snapshot = await browser.checkSnapshot(DSReadMoreCO.snapshotPath('not-truncated'));
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('not-truncated'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -36,31 +46,45 @@ if (!browser.capabilities['ice:options'].isPhone) {
       if (errorOnGo) throw errorOnGo;
     });
     it('01: Should display ReadMore truncated with the MORE!!! button', async () => {
+      await browser.eyesOpen();
+      if (!browser.capabilities['ice:options'].isTablet) {
+        await browser.maximizeWindow();
+      }
       await (await DSReadMoreCO.getMoreLessText()).waitForDisplayed();
-      const snapshot = await browser.checkSnapshot(DSReadMoreCO.snapshotPath('custom-button-more'));
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('custom-button-more'));
       await expect(snapshot).toEqual(0);
     });
     it('02: Should display ReadMore not truncated after click with LESS!!! button', async () => {
+      await browser.eyesOpen();
       const button = await DSReadMoreCO.getMoreLessButton();
       await button.click();
-      const snapshot = await browser.checkSnapshot(DSReadMoreCO.snapshotPath('custom-button-less'));
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('custom-button-less'));
       await expect(snapshot).toEqual(0);
     });
   });
 
   if (!browser.capabilities['ice:options'].isTablet) {
-    describe('PUI-9566: Read More, with tooltip -Visual', () => {
-      before('loading page', async () => {
-        const errorOnGo = await DSReadMoreCO.withTooltip.go();
-        if (errorOnGo) throw errorOnGo;
+    if (browser.capabilities.browserName !== 'Safari') {
+      describe('PUI-9566: Read More, with tooltip -Visual', () => {
+        before('loading page', async () => {
+          const errorOnGo = await DSReadMoreCO.withTooltip.go();
+          if (errorOnGo) throw errorOnGo;
+        });
+        it('01: Should display tooltip on trigger hover', async () => {
+          await browser.eyesOpen();
+          await browser.maximizeWindow();
+          const tooltipTrigger = await DSReadMoreCO.getTooltipTrigger();
+          await mouseOver(tooltipTrigger, 1, 1);
+          const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('readmore-tooltip'));
+          await expect(snapshot).toEqual(0);
+        });
+        it('02: Should display tooltip (& focusring) on trigger hover', async () => {
+          await browser.eyesOpen();
+          await browser.keys(Key.Tab);
+          const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('readmore-focusring'));
+          await expect(snapshot).toEqual(0);
+        });
       });
-      it('Should display tooltip on trigger hover', async () => {
-        await browser.eyesOpen();
-        const tooltipTrigger = await DSReadMoreCO.getTooltipTrigger();
-        await mouseOver(tooltipTrigger, 1, 1);
-        const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('readmore-tooltip'));
-        await expect(snapshot).toEqual(0);
-      });
-    });
+    }
   }
 }

package/ds-shuttle-v2/Dnd/DSShuttleV2.DnD.visual.spec.js

@@ -10,6 +10,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('01: Should display a focused DND handler', async () => {
       await browser.eyesOpen();
+      await browser.maximizeWindow();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.ArrowDown);
@@ -19,6 +20,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('02: Should display an item being dragged', async () => {
       await browser.eyesOpen();
+      await browser.maximizeWindow();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.ArrowDown);
@@ -30,6 +32,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('03: Should display the dropped item', async () => {
       await browser.eyesOpen();
+      await browser.maximizeWindow();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.ArrowDown);