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

package/ds-shuttle-v2/basic/DSShuttleV2.keyboard.func.spec.js

@@ -4,85 +4,6 @@ import { Key } from 'webdriverio';
 import DSShuttleV2CO from '../DSShuttleV2CO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-9798 - Shuttle V2, TabStops Basic -Func.', () => {
-    before(async () => {
-      const errorOnGo = await DSShuttleV2CO.filterURL.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should tab and focus the filter icon (skiping text title)', async () => {
-      await browser.keys(Key.Tab);
-      const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(0);
-      await expect(sourceFilterBtn).toBeFocused();
-    });
-    it('02: should tab and focus the select/deselect all checkbox', async () => {
-      await browser.keys(Key.Tab);
-      const sourcePanelCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
-      await expect(sourcePanelCheckbox).toBeFocused();
-    });
-    it('03: should tab and focus the source panel', async () => {
-      await browser.keys(Key.Tab);
-      const sourcePanel = await DSShuttleV2CO.getListWrapperMid(0);
-      await expect(sourcePanel).toBeFocused();
-    });
-    it('04: should select first item with arrowKeys', async () => {
-      await browser.keys(Key.ArrowDown);
-      const firstItem = await DSShuttleV2CO.getItemCheckboxByItem(await DSShuttleV2CO.getItemFromSourceByIndex(0));
-      const isFirstItemFocused = await firstItem.getAttribute('tabindex');
-      await expect(isFirstItemFocused).toEqual('0'); // 0 = true for pseudofocus
-      await expect(firstItem).toBeFocused();
-    });
-    it('05: should Shift+Tab to focus the panel again and select last item with arrowKeys', async () => {
-      await browser.keys([Key.Shift, Key.Tab]);
-      await browser.keys(Key.ArrowUp);
-      const firstItem = await DSShuttleV2CO.getItemCheckboxByIndex(9);
-      const isFirstItemFocused = await firstItem.getAttribute('tabindex');
-      await expect(isFirstItemFocused).toEqual('0'); // 0 = true for pseudofocus
-      await expect(firstItem).toBeFocused();
-    });
-    it('06: should tab and focus next header search icon from destination panel', async () => {
-      await browser.keys(Key.Tab);
-      const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(1);
-      await expect(sourceFilterBtn).toBeFocused();
-    });
-  });
-  if (browser.capabilities.browserName !== 'Firefox') {
-    describe('PUI-9799 - Shuttle V2, TabStops with BAB and LoadMore -Func.', () => {
-      before(async () => {
-        const errorOnGo = await DSShuttleV2CO.loadMoreURL.go();
-        if (errorOnGo) throw errorOnGo;
-      });
-      it('01: display the BAB and return focus to the global checkbox to follow normal flow', async () => {
-        const testItem = await DSShuttleV2CO.getItemWrapper(2);
-        await testItem.click();
-        const BAB = await DSShuttleV2CO.getMoveMultipleButton();
-        const sourcePanelCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
-        await browser.keys([Key.Shift, Key.Tab]);
-        await browser.keys([Key.Shift, Key.Tab]);
-        await expect(BAB).toBeDisplayed();
-        await expect(sourcePanelCheckbox).toBeFocused();
-      });
-      it('03: should tab and focus the source panel', async () => {
-        await browser.keys(Key.Tab);
-        const sourcePanel = await DSShuttleV2CO.getListWrapperMid(0);
-        await expect(sourcePanel).toBeFocused();
-      });
-      it('04: should tab and focus the BAB', async () => {
-        await browser.keys(Key.Tab);
-        const BAB = await DSShuttleV2CO.getMoveMultipleButton(0);
-        await expect(BAB).toBeFocused();
-      });
-      it('05: should tab and focus the loadmore', async () => {
-        await browser.keys(Key.Tab);
-        const loadMore = await DSShuttleV2CO.getListBottomLoadMoreBtn(0);
-        await expect(loadMore).toBeFocused();
-      });
-      it('06: should tab and focus the global checkbox from destination panel', async () => {
-        await browser.keys(Key.Tab);
-        const destinationPanelCheckbox = await DSShuttleV2CO.getCheckboxByIndex(1);
-        await expect(destinationPanelCheckbox).toBeFocused();
-      });
-    });
-  }
   describe('PUI-9815 - Shuttle V2, Range selection -Func.', () => {
     before(async () => {
       const errorOnGo = await DSShuttleV2CO.basicURL.go();

package/ds-shuttle-v2/extra/DSShuttleV2.extra.func.spec.js

@@ -13,23 +13,27 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(loadMoreBtn).toBeDisplayed();
       await expect(sourceItems).toBe(10);
     });
-    it('02: should trigger the loadMore with click and load three more items', async () => {
+    it('02: should trigger the loadMore with click, focus jump to last item and load three more items', async () => {
       const loadMoreBtn = await DSShuttleV2CO.getSourceLoadMore();
       await loadMoreBtn.click();
       await loadMoreBtn.waitForDisplayed(2000);
       const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
+      const item9 = await DSShuttleV2CO.getItemCheckboxByIndex(9);
       await expect(loadMoreBtn).toBeDisplayed();
       await expect(sourceItems).toBe(13);
+      await expect(item9).toBeFocused();
     });
-    it('03: should trigger the loadMore with keyboard and load three more items', async () => {
+    it('03: should trigger the loadMore with keyboard, focus jump to last item and load three more items', async () => {
       const loadMoreBtn = await DSShuttleV2CO.getSourceLoadMore();
       await loadMoreBtn.waitForDisplayed();
       await browser.keys(Key.Tab);
       await browser.keys(Key.Enter);
       await loadMoreBtn.waitForDisplayed(2000);
       const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
+      const item12 = await DSShuttleV2CO.getItemCheckboxByIndex(12);
       await expect(loadMoreBtn).toBeDisplayed();
       await expect(sourceItems).toBe(16);
+      await expect(item12).toBeFocused();
     });
   });
 }

package/ds-shuttle-v2/extra/DSShuttleV2.extra.visual.spec.js

@@ -46,4 +46,25 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+
+  describe('PUI-16491 - Shuttle V2, Load More with no elements in panel  -Visual', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.loadMoreURL.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+    });
+    it('01: should move all the items a, focus jump to body panel and load more items', async () => {
+      await browser.eyesOpen();
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      await selectAllCheckbox.click();
+      const bab = await DSShuttleV2CO.getMoveMultipleButton();
+      await bab.click();
+      const loadMoreBtn = await DSShuttleV2CO.getSourceLoadMore();
+      await loadMoreBtn.click();
+      const firstItem = await DSShuttleV2CO.getItemFromSourceByIndex(0);
+      await firstItem.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSShuttleV2CO.snapshotPath('shuttle-v2-after-loadmore'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-shuttle-v2/filtering/DSShuttleV2.filter.func.spec.js

@@ -10,10 +10,12 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: search bar should not display untill filter icon is triggered', async () => {
       await expect($('[data-testid="ds-shuttle-v2-area-search-bar"]')).not.toBeDisplayed();
     });
-    it('02: should filter and find only one match at source panel', async () => {
+    it('02: should trigger searchbar and have it present with placeholder', async () => {
       const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(0);
       await sourceFilterBtn.click();
-      const placeholder = await (await DSShuttleV2CO.getSearchBarByIndex(0)).getAttribute('placeholder');
+      const searchbar = await DSShuttleV2CO.getSearchBarByIndex(0);
+      await searchbar.click();
+      const placeholder = await searchbar.getAttribute('placeholder');
       await expect(placeholder).toBe('Source search placeholder');
     });
     it('03: should filter and find only one match at source panel', async () => {
@@ -23,12 +25,14 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const testItem = await (await DSShuttleV2CO.getItemFromSourceByIndex(0)).getText();
       await expect(testItem).toBe('Source 0.2');
     });
-    it('04: should filter and find 10 of 11 items matching at destination panel', async () => {
+    it('04: should trigger destination searchbar and have it present with placeholder', async () => {
       const testItem = await DSShuttleV2CO.getItemWrapper(0);
       const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
       await testItemMoveBtn.click();
       const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(1);
       await sourceFilterBtn.click();
+      const searchbar = await DSShuttleV2CO.getSearchBarByIndex(1);
+      await searchbar.click();
       const placeholder = await (await DSShuttleV2CO.getSearchBarByIndex(1)).getAttribute('placeholder');
       await expect(placeholder).toBe('Destination search placeholder');
     });
@@ -57,6 +61,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('02: should filter and find only one match at source panel', async () => {
       const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(0);
       await sourceFilterBtn.click();
+      await browser.keys('Tab');
       await type('Vote for Pedro');
       const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
       await expect(sourceItems).toBe(0);

package/ds-shuttle-v2/filtering/DSShuttleV2.filter.kb.func.spec.js

@@ -14,6 +14,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('02: should filter and find only one match at source panel', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Enter);
+      await browser.keys('Tab');
       await type('0.2');
       const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
       await expect(sourceItems).toBe(1);
@@ -27,6 +28,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.Enter);
+      await browser.keys('Tab');
       await type('Destination');
       const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
       await expect(destinationItems).toBe(10);
@@ -39,4 +41,45 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(testItem).toBe('Destination 0.3');
     });
   });
+  describe('PUI-9798 - Shuttle V2, TabStops Basic -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.filterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should tab and focus the filter icon (skiping text title)', async () => {
+      await browser.keys(Key.Tab);
+      const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(0);
+      await expect(sourceFilterBtn).toBeFocused();
+    });
+    it('02: should tab and focus the select/deselect all checkbox', async () => {
+      await browser.keys(Key.Tab);
+      const sourcePanelCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      await expect(sourcePanelCheckbox).toBeFocused();
+    });
+    it('03: should tab and focus the source panel', async () => {
+      await browser.keys(Key.Tab);
+      const sourcePanel = await DSShuttleV2CO.getListWrapperMid(0);
+      await expect(sourcePanel).toBeFocused();
+    });
+    it('04: should select first item with arrowKeys', async () => {
+      await browser.keys(Key.ArrowDown);
+      const firstItem = await DSShuttleV2CO.getItemCheckboxByItem(await DSShuttleV2CO.getItemFromSourceByIndex(0));
+      const isFirstItemFocused = await firstItem.getAttribute('tabindex');
+      await expect(isFirstItemFocused).toEqual('0'); // 0 = true for pseudofocus
+      await expect(firstItem).toBeFocused();
+    });
+    it('05: should Shift+Tab to focus the panel again and select last item with arrowKeys', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.ArrowUp);
+      const firstItem = await DSShuttleV2CO.getItemCheckboxByIndex(9);
+      const isFirstItemFocused = await firstItem.getAttribute('tabindex');
+      await expect(isFirstItemFocused).toEqual('0'); // 0 = true for pseudofocus
+      await expect(firstItem).toBeFocused();
+    });
+    it('06: should tab and focus next header search icon from destination panel', async () => {
+      await browser.keys(Key.Tab);
+      const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(1);
+      await expect(sourceFilterBtn).toBeFocused();
+    });
+  });
 }

package/ds-shuttle-v2/items/DSShuttleV2.items.func.spec.js

@@ -14,7 +14,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const actualItem = await (await DSShuttleV2CO.getItemFromDestinationByIndex(10)).getText();
       const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
       const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
-      await expect(itemGhost).toBe('Source 0.1');
+      await expect(itemGhost).toBe('This item has been soft deleted and is shown as a ghost item.\nSource 0.1');
       await expect(actualItem).toBe('Source 0.1');
       await expect(sourceItems).toBe(10);
       await expect(destinationItems).toBe(11);
@@ -49,8 +49,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const testItemAtD = await DSShuttleV2CO.getItemFromDestinationByIndex(10);
       const testItemAtDText = await testItemAtD.getText();
       const testItemSubtitle = await DSShuttleV2CO.getSubtitleByItem(testItemAtD);
+      const testItemSubtitleText = await testItemSubtitle.getText();
       await expect(testItemAtDText).toBe('Source 0.0');
-      await expect(testItemSubtitle).not.toBeDisplayed();
+      await expect(testItemSubtitleText).toBe('');
     });
     it('03: should display the subtitle again when the soure item moves back to source panel', async () => {
       const testItemAtD = await DSShuttleV2CO.getItemFromDestinationByIndex(10);

package/ds-shuttle-v2/items/DSShuttleV2.items.kb.func.spec.js

@@ -19,7 +19,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const actualItem = await (await DSShuttleV2CO.getItemFromDestinationByIndex(10)).getText();
       const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
       const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
-      await expect(itemGhost).toBe('Source 0.1');
+      await expect(itemGhost).toBe('This item has been soft deleted and is shown as a ghost item.\nSource 0.1');
       await expect(actualItem).toBe('Source 0.1');
       await expect(sourceItems).toBe(10);
       await expect(destinationItems).toBe(11);

package/ds-shuttle-v2/load-more/DSShuttleV2.load-more.keyboard.func.spec.js

@@ -0,0 +1,61 @@
+/* eslint-disable max-lines */
+/* eslint-disable max-statements */
+import { Key } from 'webdriverio';
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9799 - Shuttle V2, TabStops with BAB and LoadMore -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.loadMoreURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: display the BAB and return focus to the global checkbox to follow normal flow', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(2);
+      await testItem.click();
+      const BAB = await DSShuttleV2CO.getMoveMultipleButton();
+      const sourcePanelCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await expect(BAB).toBeDisplayed();
+      await expect(sourcePanelCheckbox).toBeFocused();
+    });
+    it('03: should tab and focus the source panel', async () => {
+      await browser.keys(Key.Tab);
+      const sourcePanel = await DSShuttleV2CO.getListWrapperMid(0);
+      await expect(sourcePanel).toBeFocused();
+    });
+    it('04: should tab and focus the BAB', async () => {
+      await browser.keys(Key.Tab);
+      const BAB = await DSShuttleV2CO.getMoveMultipleButton(0);
+      await expect(BAB).toBeFocused();
+    });
+    it('05: should tab and focus the loadmore', async () => {
+      await browser.keys(Key.Tab);
+      const loadMore = await DSShuttleV2CO.getListBottomLoadMoreBtn(0);
+      await expect(loadMore).toBeFocused();
+    });
+    it('06: should tab and focus the global checkbox from destination panel', async () => {
+      await browser.keys(Key.Tab);
+      const destinationPanelCheckbox = await DSShuttleV2CO.getCheckboxByIndex(1);
+      await expect(destinationPanelCheckbox).toBeFocused();
+    });
+    it('07: should move all the items to destination panel', async () => {
+      await browser.keys(Key.Return);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const emptyListWrapper = await DSShuttleV2CO.getEmptyListWrapper();
+      await expect(emptyListWrapper).toHaveText(expect.stringContaining('There are no items to display'));
+    });
+    it('08: should load more items and focus the panel body', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(500); // wait for load more to finish
+      const destinationPanel = await DSShuttleV2CO.getListWrapperMid(1);
+      const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
+      await expect(destinationItems).toBe(3);
+      await expect(destinationPanel).toBeFocused();
+    });
+  });
+}

package/ds-slider-v2/DSSliderV2.extra.func.spec.js

@@ -0,0 +1,44 @@
+/* eslint-disable max-statements */
+import DSSliderV2CO from './DSSliderV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-16581 - SliderV2 - Track Click, Single -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSliderV2CO.singleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should change slider value with click jump (click on track right)', async () => {
+      const handler = await DSSliderV2CO.getSliderThumb();
+      await handler.click({ x: 400, y: 0 });
+      const valueAfterChange = await DSSliderV2CO.getSliderValue(handler);
+      await expect(valueAfterChange).toEqual('20');
+    });
+    it('02: should change slider value with click jump (click on track left)', async () => {
+      const handler = await DSSliderV2CO.getSliderThumb();
+      await handler.click({ x: -200, y: 0 });
+      const valueAfterChange = await DSSliderV2CO.getSliderValue(handler);
+      await expect(valueAfterChange).toEqual('10');
+    });
+  });
+
+  describe('PUI-16582 - SliderV2 - Track Click, Multi - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSliderV2CO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+    });
+    it('01: should move both handlers when moving the selected track', async () => {
+      const maxValue = await DSSliderV2CO.getSliderThumb(1);
+      await maxValue.dragAndDrop({ x: -300, y: -0 });
+      const maxValueBeforechange = await DSSliderV2CO.getSliderValue(maxValue);
+      const track = await DSSliderV2CO.getSliderTrack();
+      await track.dragAndDrop({ x: 300, y: -0 });
+      const minValue = await DSSliderV2CO.getSliderThumb(0);
+      const valueAfterChange = await DSSliderV2CO.getSliderValue(minValue);
+      const value2AfterChange = await DSSliderV2CO.getSliderValue(maxValue);
+      await expect(maxValueBeforechange).toEqual('75');
+      await expect(valueAfterChange).toEqual('25');
+      await expect(value2AfterChange).toEqual('100');
+    });
+  });
+}

package/ds-slider-v2/DSSliderV2.func.spec.js

@@ -179,6 +179,104 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
   });
 
+  describe('PUI-12328 - SliderV2 - Multiple, mouse -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSliderV2CO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should change value of both handlers (same track) (with mouse)', async () => {
+      await browser.maximizeWindow();
+      const handler1 = await DSSliderV2CO.getSliderThumb(0);
+      const handler2 = await DSSliderV2CO.getSliderThumb(1);
+      const valueHandler1 = await DSSliderV2CO.getSliderValue(handler1);
+      const valueHandler2 = await DSSliderV2CO.getSliderValue(handler2);
+      await handler1.dragAndDrop({ x: 250, y: 0 });
+      await handler2.dragAndDrop({ x: -250, y: 0 });
+      const valueHandler1after = await DSSliderV2CO.getSliderValue(handler1);
+      const valueHandler2after = await DSSliderV2CO.getSliderValue(handler2);
+      await expect(valueHandler1).toEqual('0');
+      await expect(valueHandler2).toEqual('100');
+      await expect(valueHandler1after).toEqual('25');
+      await expect(valueHandler2after).toEqual('75');
+    });
+    it('02: should be able to change the handlers order (with mouse)', async () => {
+      const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
+      const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
+      await minSlider.dragAndDrop({ x: 550, y: 0 });
+      await maxSlider.dragAndDrop({ x: -1200, y: 0 });
+      const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
+      const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
+      await expect(valueMinSliderAfter).toEqual('50');
+      await expect(valueMaxSliderAfter).toEqual('0');
+    });
+    it('03: should be to set both handlers at the same value with mouse', async () => {
+      const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
+      const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
+      await minSlider.dragAndDrop({ x: 900, y: 0 });
+      await maxSlider.dragAndDrop({ x: 900, y: 0 });
+      await maxSlider.dragAndDrop({ x: 900, y: 0 });
+      const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
+      const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
+      await expect(valueMinSliderAfter).toEqual('100');
+      await expect(valueMaxSliderAfter).toEqual('100');
+    });
+    it('04: should be to move from 100', async () => {
+      const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
+      const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
+      await minSlider.dragAndDrop({ x: -750, y: 0 });
+      const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
+      const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
+      await expect(valueMinSliderAfter).toEqual('100');
+      await expect(valueMaxSliderAfter).toEqual('50');
+    });
+  });
+
+  describe('PUI-16290 - SliderV2 - Multiple, keyboard -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSliderV2CO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should change value of both handlers (same track) (with KB)', async () => {
+      await browser.maximizeWindow();
+      const handler1 = await DSSliderV2CO.getSliderThumb(0);
+      const handler2 = await DSSliderV2CO.getSliderThumb(1);
+      const valueHandler1 = await DSSliderV2CO.getSliderValue(handler1);
+      const valueHandler2 = await DSSliderV2CO.getSliderValue(handler2);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowLeft);
+      const valueHandler1after = await DSSliderV2CO.getSliderValue(handler1);
+      const valueHandler2after = await DSSliderV2CO.getSliderValue(handler2);
+      await expect(valueHandler1).toEqual('0');
+      await expect(valueHandler2).toEqual('100');
+      await expect(valueHandler1after).toEqual('25');
+      await expect(valueHandler2after).toEqual('75');
+    });
+    it('02: should be able to change the handlers order (with KB)', async () => {
+      const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
+      const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.ArrowRight);
+      const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
+      const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
+      await expect(valueMinSliderAfter).toEqual('50');
+      await expect(valueMaxSliderAfter).toEqual('25');
+    });
+    it('03: should be to set both handlers at the same value (with KB)', async () => {
+      const minSlider = await DSSliderV2CO.getMinHandlerByAriaLabel();
+      const maxSlider = await DSSliderV2CO.getMaxHandlerByAriaLabel();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowRight);
+      const valueMinSliderAfter = await DSSliderV2CO.getSliderValue(minSlider);
+      const valueMaxSliderAfter = await DSSliderV2CO.getSliderValue(maxSlider);
+      await expect(valueMinSliderAfter).toEqual('50');
+      await expect(valueMaxSliderAfter).toEqual('50');
+    });
+  });
+
   if (browser.capabilities.browserName === 'chrome' || browser.capabilities.browserName === 'Chrome') {
     describe('PUI-16006 - SliderV2 - Data-testid and Aria-label presence - Func', () => {
       before('loading page', async () => {

package/ds-slider-v2/DSSliderV2CO.js

@@ -85,6 +85,14 @@ export default class DSSliderCO extends PageObject {
     return $$('[data-testid="ds-sliderv2-tick-mark-value"]');
   }
 
+  static async getMinHandlerByAriaLabel() {
+    return $('[aria-label="Min Range slider multiple aria"]');
+  }
+
+  static async getMaxHandlerByAriaLabel() {
+    return $('[aria-label="Max Range slider multiple aria"]');
+  }
+
   // actions
   static async getSliderValue(sliderThumb) {
     return sliderThumb.getAttribute('aria-valuenow');

package/ds-svg/DSSvg.axe-core.func.spec.js

@@ -0,0 +1,32 @@
+import { Key } from 'webdriverio';
+import DSSvgCO from './DSSvgCO';
+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-17527 - Svg:: Sizes - AxeCore Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSvgCO.sizes.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should displaysizes showcase for svg and pass axe-core checks', async () => {
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-17526 - Svg:: Interactive element - AxeCore Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSvgCO.insideInteractive.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display svg inside interactive elements and pass axe-core checks', async () => {
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-svg/DSSvgCO.js

@@ -1,4 +1,3 @@
-import { SVG_DATA_TESTID } from '@elliemae/ds-svg';
 import { PATH_E2E_SVG } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
@@ -15,11 +14,11 @@ export default class DSSvgCO extends PageObject {
 
   // Selectors
   static async getWrapper() {
-    return $(`[data-testid="${SVG_DATA_TESTID.ROOT}"]`);
+    return $(`[data-testid="ds-svg-root"]`);
   }
 
   static async getWrapperByIndex(index = 0) {
-    return $$(`[data-testid="${SVG_DATA_TESTID.ROOT}"]`)[index];
+    return $$(`[data-testid="ds-svg-root"]`)[index];
   }
 
   static async getButtonByIndex(index = 0) {

package/ds-tabs/DSTabs.onTabChange.func.spec.js

@@ -0,0 +1,33 @@
+/* eslint-disable no-plusplus */
+/* eslint-disable max-lines */
+import DSTabsCO from './DSTabsCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17211 - activeTab - onTabChange event test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.onlyActiveContent.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Should be displayed: tab2 Total: 1', async () => {
+      const secondTab = await DSTabsCO.getTabsByIndex(1);
+      await secondTab.click();
+      const counter = await $('[data-testid="counter"]');
+      await expect(counter).toHaveText('tab2');
+      const count = await $('[data-testid="count"]');
+      await expect(count).toHaveText(expect.stringContaining('1'));
+    });
+    it('02: Should be displayed: tab2,tab3 Total: 2', async () => {
+      const thirdTab = await DSTabsCO.getTabsByIndex(2);
+      await thirdTab.click();
+      const counter = await $('[data-testid="counter"]');
+      await expect(counter).toHaveText('tab2, tab3');
+      const count = await $('[data-testid="count"]');
+      await expect(count).toHaveText(expect.stringContaining('2'));
+    });
+  });
+}

package/ds-tabs/DSTabsCO.js

@@ -48,6 +48,16 @@ export default class DSTabsCO extends PageObject {
 
   static integratedCarouselFull = new Urlbuilder(PATH_E2E_TABS, 'integrated-example-carousel-full-test');
 
+  static slotsBasic = new Urlbuilder(PATH_E2E_TABS, 'slot-test-basic');
+
+  static slotsCarousel = new Urlbuilder(PATH_E2E_TABS, 'slot-test-carousel');
+
+  static slotsNested = new Urlbuilder(PATH_E2E_TABS, 'slot-test-nested');
+
+  static slotsSecondary = new Urlbuilder(PATH_E2E_TABS, 'slot-test-secondary');
+
+  static onlyActiveContent = new Urlbuilder(PATH_E2E_TABS, 'only-active-content-test');
+
   static getUrl(component = 'basic') {
     return PageObject.getUrl(PATH_E2E_TABS, component);
   }
@@ -124,5 +134,23 @@ export default class DSTabsCO extends PageObject {
       }
     }
   }
-  // utils
+
+  // Slots
+  static getTabContainerSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsContainer"]')[index];
+
+  static getTabListSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsTabList"]')[index];
+
+  static getTabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsTabButton"]')[index];
+
+  static getTabPanelSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsTabPanel"]')[index];
+
+  static getSubtabsListSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsSubtabsList"]')[index];
+
+  static getSubtabButtonSlotByIndex = async (index = 0) => $$('[data-dimsum-slot="dsTabsSubtabButton"]')[index];
+
+  static getChevronRightParentSlotByIndex = async (index = 0) =>
+    $$('[data-dimsum-parent-slot="dsTabsChevronRight"]')[index];
+
+  static getChevronLeftParentSlotByIndex = async (index = 0) =>
+    $$('[data-dimsum-parent-slot="dsTabsChevronLeft"]')[index];
 }