dimsum-e2e-tests 1.0.0-rc.1

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

@@ -0,0 +1,65 @@
+import { type } from '../../helpers';
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9795 - Shuttle V2, Filter -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.filterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    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 () => {
+      const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(0);
+      await sourceFilterBtn.click();
+      const searchBar = await DSShuttleV2CO.getAreaSearchBar();
+      await searchBar.click();
+      await type('0.2');
+      const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
+      await expect(sourceItems).toBe(1);
+      const testItem = await (await DSShuttleV2CO.getItemFromSourceByIndex(0)).getText();
+      await expect(testItem).toBe('Source 0.2');
+    });
+    it('03: should filter and find 10 of 11 items matching at destination panel', 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.getAreaSearchBar(1);
+      await searchBar.click();
+      await type('Destination');
+      const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
+      await expect(destinationItems).toBe(10);
+    });
+    it('04: should filter and find only 1 of 11 items matching at destination panel', async () => {
+      await type(' 0.3');
+      const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
+      await expect(destinationItems).toBe(1);
+      const testItem = await (await DSShuttleV2CO.getItemFromDestinationByIndex(0)).getText();
+      await expect(testItem).toBe('Destination 0.3');
+    });
+  });
+
+  describe('PUI-10104 - Shuttle V2, Filter no results -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.filterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    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 () => {
+      const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(0);
+      await sourceFilterBtn.click();
+      const searchBar = await DSShuttleV2CO.getAreaSearchBar();
+      await searchBar.click();
+      await type('Vote for Pedro');
+      const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
+      await expect(sourceItems).toBe(0);
+      const emptyList = await DSShuttleV2CO.getEmptyListWrapper(0);
+      await expect(emptyList).toBeDisplayed();
+    });
+  });
+}

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

@@ -0,0 +1,50 @@
+import { Key } from 'webdriverio';
+import DSShuttleV2CO from '../DSShuttleV2CO';
+import { type } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10112 - Shuttle V2, Filter keyboard -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.filterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    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 () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await type('0.2');
+      const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
+      await expect(sourceItems).toBe(1);
+      const testItem = await (await DSShuttleV2CO.getItemFromSourceByIndex(0)).getText();
+      await expect(testItem).toBe('Source 0.2');
+    });
+    it('03: should filter and find 9 matches at destination panel', async () => {
+      // eslint-disable-next-line no-unused-vars
+      const testItem = await DSShuttleV2CO.getItemWrapper(0);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await type('Destination');
+      const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
+      await expect(destinationItems).toBe(10);
+    });
+    it('04: should filter and find only one match at destination panel', async () => {
+      await type(' 0.3');
+      const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
+      await expect(destinationItems).toBe(1);
+      const testItem = await (await DSShuttleV2CO.getItemFromDestinationByIndex(0)).getText();
+      await expect(testItem).toBe('Destination 0.3');
+    });
+  });
+}

package/ds-shuttle-v2/globalcheckbox/DSShuttleV2.globalcheckbox.axe-core.func.spec.js

@@ -0,0 +1,33 @@
+import DSShuttleV2CO from '../DSShuttleV2CO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  // to be unskiped after PUI-10785 is fixed
+  describe.skip('PUI-10776 - Shuttle V2, Select/deselect with disabled items -AxeCore.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.disabledItemsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: select/deselect all chekbox should be not disabled when having disabled items (if not all)', async () => {
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: select/deselect all checkbox should not select disabled items on click', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      await selectAllCheckbox.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: checkbox should have disabled state since remaining items have disabled movement', async () => {
+      const BAB = await DSShuttleV2CO.getMoveMultipleButton();
+      await BAB.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,106 @@
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9801 - Shuttle V2, Select/deselect all -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: select/deselect all chekbox should be not checked with no selected items', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      await expect(isChecked).toBe('false');
+    });
+    it('02: select/deselect all checkbox should have mixed state with only one selected', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      const testItem = await DSShuttleV2CO.getItemWrapper(0);
+      await testItem.click();
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      await expect(isChecked).toBe('mixed');
+    });
+    it('03: select/deselect all checkbox should have checked state after click (selecting all items)', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      await selectAllCheckbox.click();
+      const item1checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(0)).getAttribute('aria-checked');
+      const item2checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(2)).getAttribute('aria-checked');
+      const item3checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(5)).getAttribute('aria-checked');
+      const item4checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(8)).getAttribute('aria-checked');
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      await expect(isChecked).toBe('true');
+      await expect(item1checked).toBe('true');
+      await expect(item2checked).toBe('true');
+      await expect(item3checked).toBe('true');
+      await expect(item4checked).toBe('true');
+    });
+    it('04: select/deselect all checkbox should have unchecked state after click (deselecting all items)', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      await selectAllCheckbox.click();
+      const item1checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(0)).getAttribute('aria-checked');
+      const item2checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(2)).getAttribute('aria-checked');
+      const item3checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(5)).getAttribute('aria-checked');
+      const item4checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(8)).getAttribute('aria-checked');
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      await expect(isChecked).toBe('false');
+      await expect(item1checked).toBe('false');
+      await expect(item2checked).toBe('false');
+      await expect(item3checked).toBe('false');
+      await expect(item4checked).toBe('false');
+    });
+  });
+
+  describe('PUI-9894 - Shuttle V2, Select/deselect with disabled items -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.disabledItemsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: select/deselect all chekbox should be not disabled when having disabled items (if not all)', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      const isDisabled = await selectAllCheckbox.getAttribute('aria-disabled');
+      await expect(isChecked).toBe('false');
+      await expect(isDisabled).toBe('false');
+    });
+    it('02: select/deselect all checkbox should not select disabled items on click', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      await selectAllCheckbox.click();
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      const item1checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(0)).getAttribute('aria-checked');
+      const item2checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(1)).getAttribute('aria-checked');
+      const item3checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(2)).getAttribute('aria-checked');
+      const item4checked = await (await DSShuttleV2CO.getItemCheckboxByIndex(3)).getAttribute('aria-checked');
+      await expect(isChecked).toBe('true');
+      await expect(item1checked).toBe('true');
+      await expect(item2checked).toBe('false');
+      await expect(item3checked).toBe('true');
+      await expect(item4checked).toBe('false');
+      await expect(isChecked).toBe('true');
+    });
+    it('03: checkbox should have disabled state since remaining items have disabled movement', async () => {
+      const BAB = await DSShuttleV2CO.getMoveMultipleButton();
+      await BAB.click();
+      const remainingSourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      const isChecked = await selectAllCheckbox.getAttribute('aria-disabled');
+      await expect(isChecked).toBe('true');
+      await expect(remainingSourceItems).toBe(5);
+    });
+  });
+
+  describe('PUI-9895 - Shuttle V2, Global checkbox should not select ghosts -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.softDeleteURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: global checkbox should not check the items ghost activated and still be checked', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(0);
+      const testItem = await DSShuttleV2CO.getItemFromSourceByIndex(1);
+      const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
+      await testItemMoveBtn.click();
+      await selectAllCheckbox.click();
+      const isCheckboxChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      const isItemChecked = await (await DSShuttleV2CO.getItemCheckboxByItem(testItem)).getAttribute('aria-checked');
+      await expect(isCheckboxChecked).toBe('true');
+      await expect(isItemChecked).toBe('false');
+    });
+  });
+}

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

@@ -0,0 +1,67 @@
+import { Key } from 'webdriverio';
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10102 - Shuttle V2, Select/deselect all, mirrored (dest. panel), kb -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: select/deselect all chekbox should be not checked with no selected items', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(1);
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      await expect(isChecked).toBe('false');
+    });
+    it('02: select/deselect all checkbox should have mixed state with only one selected', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(1);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      await expect(isChecked).toBe('mixed');
+    });
+    it('03: select/deselect all checkbox should have checked state after click (selecting all items)', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(1);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.Space);
+      const item1 = await DSShuttleV2CO.getItemFromDestinationByIndex(0);
+      const item1checked = await (await DSShuttleV2CO.getItemCheckboxByItem(item1)).getAttribute('aria-checked');
+      const item2 = await DSShuttleV2CO.getItemFromDestinationByIndex(2);
+      const item2checked = await (await DSShuttleV2CO.getItemCheckboxByItem(item2)).getAttribute('aria-checked');
+      const item3 = await DSShuttleV2CO.getItemFromDestinationByIndex(5);
+      const item3checked = await (await DSShuttleV2CO.getItemCheckboxByItem(item3)).getAttribute('aria-checked');
+      const item4 = await DSShuttleV2CO.getItemFromDestinationByIndex(8);
+      const item4checked = await (await DSShuttleV2CO.getItemCheckboxByItem(item4)).getAttribute('aria-checked');
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      await expect(isChecked).toBe('true');
+      await expect(item1checked).toBe('true');
+      await expect(item2checked).toBe('true');
+      await expect(item3checked).toBe('true');
+      await expect(item4checked).toBe('true');
+    });
+    it('04: select/deselect all checkbox should have unchecked state after click (deselecting all items)', async () => {
+      const selectAllCheckbox = await DSShuttleV2CO.getCheckboxByIndex(1);
+      await browser.keys(Key.Space);
+      const item1 = await DSShuttleV2CO.getItemFromDestinationByIndex(0);
+      const item1checked = await (await DSShuttleV2CO.getItemCheckboxByItem(item1)).getAttribute('aria-checked');
+      const item2 = await DSShuttleV2CO.getItemFromDestinationByIndex(2);
+      const item2checked = await (await DSShuttleV2CO.getItemCheckboxByItem(item2)).getAttribute('aria-checked');
+      const item3 = await DSShuttleV2CO.getItemFromDestinationByIndex(5);
+      const item3checked = await (await DSShuttleV2CO.getItemCheckboxByItem(item3)).getAttribute('aria-checked');
+      const item4 = await DSShuttleV2CO.getItemFromDestinationByIndex(8);
+      const item4checked = await (await DSShuttleV2CO.getItemCheckboxByItem(item4)).getAttribute('aria-checked');
+      const isChecked = await selectAllCheckbox.getAttribute('aria-checked');
+      await expect(isChecked).toBe('false');
+      await expect(item1checked).toBe('false');
+      await expect(item2checked).toBe('false');
+      await expect(item3checked).toBe('false');
+      await expect(item4checked).toBe('false');
+    });
+  });
+}

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

@@ -0,0 +1,68 @@
+import DSShuttleV2CO from '../DSShuttleV2CO';
+import { axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  // to be unskiped after PUI-10785 is fixed
+  describe.skip('PUI-10777 - Shuttle V2, Soft delete -AxeCore.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.softDeleteURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: ghost item to be axecore compliant', async () => {
+      const testItem = await DSShuttleV2CO.getItemFromSourceByIndex(1);
+      const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
+      await testItemMoveBtn.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: multiple ghost items to be axecore compliant', async () => {
+      const testItem2 = await DSShuttleV2CO.getItemFromSourceByIndex(2);
+      const testItemMoveBtn2 = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem2, 1);
+      await testItemMoveBtn2.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  // to be unskiped after PUI-10785 is fixed
+  describe.skip('PUI-10778 - Shuttle V2, Subtitle -AxeCore.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.subtitleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: items with subtitle to be axecore compliant', async () => {
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: items with hidden subtitle to be axecore compliant', async () => {
+      const testItem = await DSShuttleV2CO.getItemFromSourceByIndex(0);
+      const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
+      await testItemMoveBtn.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  // to be unskiped after PUI-10785 is fixed
+  describe.skip('PUI-10779 - Shuttle V2, Max selected items -AxeCore.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.maxSelectedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: shuttle with max selected items limitation to be axecore compliant', async () => {
+      const testItem0 = await DSShuttleV2CO.getItemWrapper(0);
+      const testItem1 = await DSShuttleV2CO.getItemWrapper(1);
+      const testItem2 = await DSShuttleV2CO.getItemWrapper(2);
+      const testItem3 = await DSShuttleV2CO.getItemWrapper(3);
+      await testItem0.click();
+      await testItem1.click();
+      await testItem2.click();
+      await testItem3.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,110 @@
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9797 - Shuttle V2, Soft delete -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.softDeleteURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should move an item to destination and display its ghost on that position', async () => {
+      const testItem = await DSShuttleV2CO.getItemFromSourceByIndex(1);
+      const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
+      await testItemMoveBtn.click();
+      const itemGhost = await (await DSShuttleV2CO.getItemFromSourceByIndex(1)).getText();
+      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(actualItem).toBe('Source 0.1');
+      await expect(sourceItems).toBe(10);
+      await expect(destinationItems).toBe(11);
+    });
+    it('02: should return the item to its previous position', async () => {
+      const sourceItem = await DSShuttleV2CO.getItemFromDestinationByIndex(10);
+      const sourceItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(sourceItem, 1);
+      await sourceItemMoveBtn.click();
+      const returnedItem = await (await DSShuttleV2CO.getItemFromSourceByIndex(1)).getText();
+      const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
+      const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
+      await expect(returnedItem).toBe('Source 0.1');
+      await expect(sourceItems).toBe(10);
+      await expect(destinationItems).toBe(10);
+    });
+  });
+
+  describe('PUI-9814 - Shuttle V2, Subtitle -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.subtitleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have items with subtitle at source panel', async () => {
+      const testItem = await DSShuttleV2CO.getItemFromSourceByIndex(0);
+      const testItemText = await testItem.getText();
+      await expect(testItemText).toContain('secondary text for Source 0.0');
+    });
+    it('02: should not display the subtitle of the source items while at the destination panel', async () => {
+      const testItem = await DSShuttleV2CO.getItemFromSourceByIndex(0);
+      const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
+      await testItemMoveBtn.click();
+      const testItemAtD = await DSShuttleV2CO.getItemFromDestinationByIndex(10);
+      const testItemAtDText = await testItemAtD.getText();
+      const testItemSubtitle = await DSShuttleV2CO.getSubtitleByItem(testItemAtD);
+      await expect(testItemAtDText).toBe('Source 0.0');
+      await expect(testItemSubtitle).not.toBeDisplayed();
+    });
+    it('03: should display the subtitle again when the soure item moves back to source panel', async () => {
+      const testItemAtD = await DSShuttleV2CO.getItemFromDestinationByIndex(10);
+      const testItemAtDMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItemAtD, 1);
+      await testItemAtDMoveBtn.click();
+      const testItem = await DSShuttleV2CO.getItemFromSourceByIndex(9);
+      const testItemText = await testItem.getText();
+      await expect(testItemText).toContain('secondary text for Source 0.0');
+    });
+  });
+
+  describe('PUI-9662 - Shuttle V2, Disabled item -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.disabledItemsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should not move the item when the disabled move action button is clicked', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(1);
+      const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
+      const testItemMoveBtnDisabled = await testItemMoveBtn.getAttribute('aria-disabled');
+      const testItemText = await testItem.getText();
+      await testItemMoveBtn.click();
+      await expect(testItemText).toBe('Source 0.1');
+      await expect(testItemMoveBtnDisabled).toBe('true');
+    });
+    it('02: should not display the BAB when a disabled item is clicked', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(1);
+      await testItem.click();
+      await expect($('[data-testid="ds-shuttle-v2-move-multiple-btn"]')).not.toBeDisplayed();
+    });
+  });
+
+  describe('PUI-9794 - Shuttle V2, Max selected items -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.maxSelectedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should click four items but only three will be selected', async () => {
+      const testItem0 = await DSShuttleV2CO.getItemWrapper(0);
+      const testItem1 = await DSShuttleV2CO.getItemWrapper(1);
+      const testItem2 = await DSShuttleV2CO.getItemWrapper(2);
+      const testItem3 = await DSShuttleV2CO.getItemWrapper(3);
+      await testItem0.click();
+      await testItem1.click();
+      await testItem2.click();
+      await testItem3.click();
+      const item0Checked = await (await DSShuttleV2CO.getItemCheckboxByItem(testItem0)).getAttribute('aria-checked');
+      const item1Checked = await (await DSShuttleV2CO.getItemCheckboxByItem(testItem1)).getAttribute('aria-checked');
+      const item2Checked = await (await DSShuttleV2CO.getItemCheckboxByItem(testItem2)).getAttribute('aria-checked');
+      const item3Checked = await (await DSShuttleV2CO.getItemCheckboxByItem(testItem3)).getAttribute('aria-checked');
+      await expect(item0Checked).toBe('true');
+      await expect(item1Checked).toBe('true');
+      await expect(item2Checked).toBe('true');
+      await expect(item3Checked).toBe('false');
+    });
+  });
+}

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

@@ -0,0 +1,44 @@
+import { Key } from 'webdriverio';
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10101 - Shuttle V2, Soft delete with keyboard -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.softDeleteURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should move an item to destination and display its ghost on that position', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Space);
+      const itemGhost = await (await DSShuttleV2CO.getItemFromSourceByIndex(1)).getText();
+      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(actualItem).toBe('Source 0.1');
+      await expect(sourceItems).toBe(10);
+      await expect(destinationItems).toBe(11);
+    });
+    it('02: should return the item to its previous position', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Space);
+      const returnedItem = await (await DSShuttleV2CO.getItemFromSourceByIndex(1)).getText();
+      const sourceItems = (await DSShuttleV2CO.getItemsFromSource()).length;
+      const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
+      await expect(returnedItem).toBe('Source 0.1');
+      await expect(sourceItems).toBe(10);
+      await expect(destinationItems).toBe(10);
+    });
+  });
+}

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

@@ -0,0 +1,98 @@
+import { Key } from 'webdriverio';
+import DSSidePanelCO from './DSSidePanelCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-3777 - SidePanel, display side panel elements', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSSidePanelCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display title', async () => {
+      await (await DSSidePanelCO.getToggleBtn()).waitForDisplayed({ timeout: 5000 });
+      await (await DSSidePanelCO.getToggleBtn()).click();
+      const slidePanel = await $('div*=Slide Panel');
+      await expect(slidePanel).toBeDisplayed();
+    });
+    it('should display X', async () => {
+      await (await DSSidePanelCO.getToggleBtn()).waitForDisplayed({ timeout: 5000 });
+      await (await DSSidePanelCO.getToggleBtn()).click();
+      const closeBtn = await DSSidePanelCO.getCloseBtn();
+      await expect(closeBtn).toBeDisplayed();
+    });
+    it('should render footer', async () => {
+      await (await DSSidePanelCO.getToggleBtn()).waitForDisplayed({ timeout: 5000 });
+      await (await DSSidePanelCO.getToggleBtn()).click();
+      const slideBtn = await DSSidePanelCO.getSlideBtn();
+      await expect(slideBtn).toBeDisplayed();
+    });
+  });
+  if (!browser.capabilities['ice:options'].isTablet) {
+    describe('PUI-9197 - SidePanel, keyboard navigation', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSSidePanelCO.addtionalActionURL.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should focus close btn', async () => {
+        const closeBtn = await DSSidePanelCO.getCloseBtn();
+        await closeBtn.waitForDisplayed();
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Tab);
+        await expect(closeBtn).toBeFocused();
+      });
+      it('should focus fotter btn', async () => {
+        const FotterBtn = await DSSidePanelCO.getSlideBtn();
+        // 1 more Tab stop for Firefox
+        // https://bugzilla.mozilla.org/show_bug.cgi?id=616594
+        if (browser.capabilities.browserName === 'firefox') {
+          await browser.keys(Key.Tab);
+        }
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Tab);
+        await expect(FotterBtn).toBeFocused();
+      });
+      it('should close the SidePanel', async () => {
+        const triggerBtn = await DSSidePanelCO.getToggleBtn();
+        // 1 more Tab stop for Firefox
+        // https://bugzilla.mozilla.org/show_bug.cgi?id=616594
+        if (browser.capabilities.browserName === 'firefox') {
+          await browser.keys([Key.Shift, Key.Tab]);
+        }
+        await browser.keys([Key.Shift, Key.Tab]);
+        await browser.keys([Key.Shift, Key.Tab]);
+        await browser.keys(Key.Enter);
+        await expect(triggerBtn).toBeFocused();
+      });
+      if (browser.capabilities.browserName !== 'Firefox') {
+        it('should not focus elements inside the SidePabel when it is closed', async () => {
+          const triggerBtn = await DSSidePanelCO.getToggleBtn();
+          await browser.keys(Key.Tab);
+          await browser.keys(Key.Tab);
+          await expect(triggerBtn).toBeFocused();
+        });
+      }
+    });
+    describe('PUI-11692 - SidePanel, innerRef and OnKeyDown test', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSSidePanelCO.innerRef.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: focus should be on close button after SidePanel is opened', async () => {
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Return);
+        const closeBtn = await DSSidePanelCO.getCloseBtn();
+        await closeBtn.waitForDisplayed();
+        await expect(closeBtn).toBeFocused();
+      });
+      it('02: focus should be on toggle button after SidePanel is closed', async () => {
+        await browser.keys(Key.Return);
+        const toggleBtn = await DSSidePanelCO.getToggleBtn();
+        await expect(toggleBtn).toBeFocused();
+      });
+      it('03: message with the last key presssed should be displayed - OnKeyDown', async () => {
+        const lastKeyPressed = await DSSidePanelCO.getLastKeyPressedMessage();
+        await expect(lastKeyPressed).toHaveTextContaining('Last Key Pressed: Enter');
+      });
+    });
+  }
+}