dimsum-e2e-tests 3.53.0-alpha.1 → 3.53.0-alpha.3

package/ds-progress-indicator/DSProgressIndicator.axe-core.func.spec.js

@@ -0,0 +1,31 @@
+import DSProgressIndicatorCO from './DSProgressIndicatorCO';
+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-17521: Progress Indicator:: Basic - Axe Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSProgressIndicatorCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display basic progress indicator and pass axe-core', async () => {
+      await (await DSProgressIndicatorCO.getUploadLabel()).waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-17524: Progress Indicator:: Others Test - Axe Core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSProgressIndicatorCO.othersURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display progress indicator and pass axe-core', async () => {
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-progress-indicator/DSProgressIndicator.func.spec.js

@@ -1,12 +1,17 @@
 import DSProgressIndicatorCO from './DSProgressIndicatorCO';
 
-if (!browser.capabilities['ice:options'].isPhone) {
-  describe('Progress Indicator', () => {
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17522 - Progress Indicator:: Basic - Func', () => {
     before('loading page', async () => {
       const errorOnGo = await DSProgressIndicatorCO.basicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should show basic progress indicator', async () => {
+    it('01: should show basic progress indicator', async () => {
       const progressIndicator = await DSProgressIndicatorCO.getUploadLabel();
       await expect(progressIndicator).toBeDisplayed();
     });

package/ds-progress-indicator/DSProgressIndicator.visual.spec.js

@@ -1,15 +1,25 @@
 import DSProgressIndicatorCO from './DSProgressIndicatorCO';
 
 if (!browser.capabilities['ice:options'].isPhone) {
-  describe('Progress Indicator', () => {
+  describe('PUI-17520 - Progress Indicator:: Basic - Visual', () => {
     before('loading page', async () => {
       const errorOnGo = await DSProgressIndicatorCO.basicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('basic progress indicator', async () => {
+    it('01: should display basic progress indicator', async () => {
       await (await DSProgressIndicatorCO.getUploadLabel()).waitForDisplayed();
       const snapshot = await browser.checkSnapshot(DSProgressIndicatorCO.snapshotPath('progressindicator-basic'));
       await expect(snapshot).toEqual(0);
     });
   });
+  describe('PUI-17523 - Progress Indicator:: Others Test - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSProgressIndicatorCO.othersURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display progress indicator', async () => {
+      const snapshot = await browser.checkSnapshot(DSProgressIndicatorCO.snapshotPath('progressindicator-others'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-progress-indicator/DSProgressIndicatorCO.js

@@ -1,12 +1,14 @@
-import { PATH_PROGRESS_INDICATOR } from '../paths';
+import { PATH_E2E_PROGRESS_INDICATOR } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSProgressIndicatorCO extends PageObject {
   // Desktop
-  static basicURL = new Urlbuilder(PATH_PROGRESS_INDICATOR, 'basic');
+  static basicURL = new Urlbuilder(PATH_E2E_PROGRESS_INDICATOR, 'basic-test');
+
+  static othersURL = new Urlbuilder(PATH_E2E_PROGRESS_INDICATOR, 'others-test');
 
   static getUrl(component = 'basic') {
-    return PageObject.getUrl(PATH_PROGRESS_INDICATOR, component);
+    return PageObject.getUrl(PATH_E2E_PROGRESS_INDICATOR, component);
   }
 
   static async getUploadLabel() {

package/ds-query-builder/DSQueryBuilder.visual.spec.js

@@ -53,18 +53,25 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should display the combobox multi closed properly', async () => {
-      const snapshot = await browser.checkSnapshot(DSQueryBuilderCO.snapshotPath('qb-error-combo-multi-closed'));
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSQueryBuilderCO.snapshotPath('qb-error-combo-multi-closed'));
       await expect(snapshot).toEqual(0);
     });
     it('02: should display the combobox with all options selected properly opened', async () => {
+      await browser.eyesOpen();
       await DSQueryBuilderCO.openComboBox(0);
       await browser.keys([Key.Control, Key.Command, 'a']);
-      const snapshot = await browser.checkSnapshot(DSQueryBuilderCO.snapshotPath('qb-error-combo-multi-all-selected'));
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSQueryBuilderCO.snapshotPath('qb-error-combo-multi-all-selected'),
+      );
       await expect(snapshot).toEqual(0);
     });
     it('03: should display the combobox with all options selected properly closed', async () => {
+      await browser.eyesOpen();
       await $('body').click();
-      const snapshot = await browser.checkSnapshot(DSQueryBuilderCO.snapshotPath('qb-error-combo-multi-all-selected'));
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSQueryBuilderCO.snapshotPath('qb-error-combo-multi-all-selected'),
+      );
       await expect(snapshot).toEqual(0);
     });
   });

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

@@ -1,5 +1,3 @@
-import { Key } from 'webdriverio';
-import { mouseOver } from '../helpers';
 import DSReadMoreCO from './DSReadMoreCO';
 
 if (!browser.capabilities['ice:options'].isPhone) {
@@ -45,21 +43,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();
@@ -73,45 +56,4 @@ if (!browser.capabilities['ice:options'].isPhone) {
       await expect(moreLessBtn).not.toBeDisplayed();
     });
   });
-  if (!browser.capabilities['ice:options'].isTablet) {
-    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.keyboard-nav.func.spec.js

@@ -0,0 +1,66 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import DSReadMoreCO from './DSReadMoreCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-16388: Read More, Kb with tooltip -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSReadMoreCO.withTooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    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('Should not display tooltip after ESC is pressed', async () => {
+      await browser.keys(Key.Escape);
+      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 DSReadMoreCO.getMoreLessText();
+      await browser.keys(Key.Tab);
+      await expect(readMoreBtn).toBeFocused();
+      await expect(moreLessText).toHaveText(
+        expect.stringContaining(
+          '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',
+        ),
+      );
+    });
+    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 DSReadMoreCO.getMoreLessText();
+      await expect(readMoreBtn).toBeFocused();
+      await expect(moreLessText).toHaveText(
+        expect.stringContaining(
+          // 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 DSReadMoreCO.getMoreLessText();
+      await expect(readMoreBtn).toBeFocused();
+      await expect(moreLessText).toHaveText(
+        expect.stringContaining(
+          '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',
+        ),
+      );
+    });
+  });
+}

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

@@ -0,0 +1,58 @@
+import DSReadMoreCO from './DSReadMoreCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-17108: Read More, Slots -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSReadMoreCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Should have custom aria and data for button slot', async () => {
+      const buttonSlot1 = await DSReadMoreCO.getButtonSlotByIndex(0);
+      const buttonSlot2 = await DSReadMoreCO.getButtonSlotByIndex(1);
+      const buttonAria1 = await buttonSlot1.getAttribute('aria-label');
+      const buttonData1 = await buttonSlot1.getAttribute('data-testid');
+      const buttonAria2 = await buttonSlot2.getAttribute('aria-label');
+      const buttonData2 = await buttonSlot2.getAttribute('data-testid');
+      await expect(buttonAria1).toEqual('button aria');
+      await expect(buttonData1).toEqual('button data');
+      await expect(buttonAria2).toEqual('button aria');
+      await expect(buttonData2).toEqual('button data');
+    });
+    it('02: Should have custom aria and data for buttonWrapper slot', async () => {
+      const buttonWrapperSlot1 = await DSReadMoreCO.getButtonWrapperSlotByIndex(0);
+      const buttonWrapperSlot2 = await DSReadMoreCO.getButtonWrapperSlotByIndex(1);
+      const buttonWrapperAria1 = await buttonWrapperSlot1.getAttribute('aria-label');
+      const buttonWrapperData1 = await buttonWrapperSlot1.getAttribute('data-testid');
+      const buttonWrapperAria2 = await buttonWrapperSlot2.getAttribute('aria-label');
+      const buttonWrapperData2 = await buttonWrapperSlot2.getAttribute('data-testid');
+      await expect(buttonWrapperAria1).toEqual('button wrapper aria');
+      await expect(buttonWrapperData1).toEqual('button wrapper data');
+      await expect(buttonWrapperAria2).toEqual('button wrapper aria');
+      await expect(buttonWrapperData2).toEqual('button wrapper data');
+    });
+    it('03: Should have custom aria and data for root slot', async () => {
+      const rootSlot1 = await DSReadMoreCO.getRootSlotByIndex(0);
+      const rootSlot2 = await DSReadMoreCO.getRootSlotByIndex(1);
+      const rootAria1 = await rootSlot1.getAttribute('aria-label');
+      const rootData1 = await rootSlot1.getAttribute('data-testid');
+      const rootAria2 = await rootSlot2.getAttribute('aria-label');
+      const rootData2 = await rootSlot2.getAttribute('data-testid');
+      await expect(rootAria1).toEqual('root aria');
+      await expect(rootData1).toEqual('root data');
+      await expect(rootAria2).toEqual('root aria');
+      await expect(rootData2).toEqual('root data');
+    });
+    it('04: Should have custom aria and data for textcontent slot', async () => {
+      const textContentSlot1 = await DSReadMoreCO.getContentSlotByIndex(0);
+      const textContentSlot2 = await DSReadMoreCO.getContentSlotByIndex(1);
+      const textContentAria1 = await textContentSlot1.getAttribute('aria-label');
+      const textContentData1 = await textContentSlot1.getAttribute('data-testid');
+      const textContentAria2 = await textContentSlot2.getAttribute('aria-label');
+      const textContentData2 = await textContentSlot2.getAttribute('data-testid');
+      await expect(textContentAria1).toEqual('text content aria');
+      await expect(textContentData1).toEqual('text content data');
+      await expect(textContentAria2).toEqual('text content aria');
+      await expect(textContentData2).toEqual('text content data');
+    });
+  });
+}

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

@@ -0,0 +1,23 @@
+import { Key } from 'webdriverio';
+import DSReadMoreCO from './DSReadMoreCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17107: Read More, Slots -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSReadMoreCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+    });
+    it('01: Should display ReadMore customized colors for each slot', async () => {
+      await browser.eyesOpen();
+      await (await DSReadMoreCO.getButtonWrapperSlotByIndex()).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const secondReadmore = await DSReadMoreCO.getButtonWrapperSlotByIndex(1);
+      await mouseOver(secondReadmore);
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('readmore-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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-read-more/DSReadMore.width-change.visual.spec.js

@@ -0,0 +1,85 @@
+import { Key } from 'webdriverio';
+import DSReadMoreCO from './DSReadMoreCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17358 - Read More:: width change -Visual', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSReadMoreCO.widthChange.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display readmore at 100px width - read more', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('width-100-readmore'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display readmore at 100px width - read less', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('width-100-readless'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display readmore at 200px width - read more', async () => {
+      await browser.eyesOpen();
+      await $('button*=Change the widths').click();
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('width-200-readmore'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: should display readmore at 200px width - read less', async () => {
+      await browser.eyesOpen();
+      await $('button*=Change the widths').click();
+      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 browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('width-200-readless'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('05: should display readmore at 300px width - read more', async () => {
+      await browser.eyesOpen();
+      await $('button*=Change the widths').click();
+      await $('button*=Change the widths').click();
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('width-300-readmore'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('06: should display readmore at 300px width - read less', async () => {
+      await browser.eyesOpen();
+      await $('button*=Change the widths').click();
+      await $('button*=Change the widths').click();
+      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 browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('width-300-readless'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('07: should display readmore at 400px width - read more', async () => {
+      await browser.eyesOpen();
+      await $('button*=Change the widths').click();
+      await $('button*=Change the widths').click();
+      await $('button*=Change the widths').click();
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('width-400-readmore'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('08: should display readmore at 400px width - read less', async () => {
+      await browser.eyesOpen();
+      await $('button*=Change the widths').click();
+      await $('button*=Change the widths').click();
+      await $('button*=Change the widths').click();
+      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 browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.eyesCheckSnapshot(DSReadMoreCO.snapshotPath('width-400-readless'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -0,0 +1,63 @@
+import { Key } from 'webdriverio';
+import { mouseOver } from '../helpers';
+import DSReadMoreCO from './DSReadMoreCO';
+
+if (
+  !browser.capabilities['ice:options'].isPhone &&
+  !browser.capabilities['ice:options'].isTablet &&
+  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/DSReadMoreCO.js

@@ -13,6 +13,8 @@ export default class DSReadMoreCO extends PageObject {
 
   static widthChange = new Urlbuilder(PATH_E2E_READMORE, 'width-change');
 
+  static slotsTest = new Urlbuilder(PATH_E2E_READMORE, 'slots-test');
+
   static async getMoreLessButton() {
     return $('[data-testid="ds-read_more-button"]');
   }
@@ -41,6 +43,24 @@ export default class DSReadMoreCO extends PageObject {
     return $('[data-testid="ds-button"]');
   }
 
+  // Slots
+
+  static async getButtonWrapperSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsReadmoreButtonWrapper"]')[index];
+  }
+
+  static async getButtonSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsButtonRoot"]')[index];
+  }
+
+  static async getContentSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsReadmoreTextContent"]')[index];
+  }
+
+  static async getRootSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsReadmoreRoot"]')[index];
+  }
+
   // Snapshots
   static snapshotPath(example = 'truncated') {
     return PageObject.getSnapshotPathBuilder('ReadMore', example);

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