dimsum-e2e-tests 1.0.0-rc.1

package/ds-shuttle-v2/DSShuttleV2CO.js

@@ -0,0 +1,173 @@
+import { PATH_E2E_SHUTTLE_V2 } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+import { DSShuttleV2DataTestIds } from '../../packages/data/ds-shuttle-v2/dist/cjs/config/DSShuttleV2Definitions';
+
+export default class DSShuttleV2CO extends PageObject {
+  // URL's
+  static asyncURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'async-test');
+
+  static basicURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'basic-test');
+
+  static ariaPropsUrl = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'aria-props-test');
+
+  static withinDialogTest = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'within-modal-test');
+
+  static basicKeepParentURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'basic-keep-parent-test');
+
+  static customRendererURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'custom-item-renderer-test');
+
+  static dndURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'drag-and-drop-test');
+
+  static filterURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'filter-test');
+
+  static fullURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'full-test');
+
+  static loadMoreURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'load-more-test');
+
+  static softDeleteURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'soft-delete-test');
+
+  static subtitleURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'subtitle-test');
+
+  static withIconURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'with-icon-test');
+
+  static disabledItemsURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'disabled-move-test');
+
+  static maxSelectedURL = new Urlbuilder(PATH_E2E_SHUTTLE_V2, 'max-selected-test');
+
+  // Getter's
+
+  static getHeaderSearchIcon = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.HEADER_SEARCH_ICON}]`)[index];
+
+  static getShuttle = async () => $(`[data-testid=${DSShuttleV2DataTestIds.WRAPPER}]`);
+
+  static getWrapper = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.HEADER_SEARCH_ICON}]`)[index];
+
+  static getPanelWrapper = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.PANEL_WRAPPER}]`)[index];
+
+  static getListWrapper = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.LIST_WRAPPER}]`)[index];
+
+  static getItemWrapper = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_WRAPPER}]`)[index];
+
+  static getItemIconWrapper = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ICON_WRAPPER}]`)[index];
+
+  static getItemLabelWrapper = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_LABEL_WRAPPER}]`)[index];
+
+  static getMidsectionWrapper = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_MIDSECTION_WRAPPER}]`)[index];
+
+  static getItemSelection = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_SELECTION}]`)[index];
+
+  static getItemsActionsWrapper = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ACTIONS_WRAPPER}]`)[index];
+
+  static getItemActionWrapper = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ACTION_WRAPPER}]`)[index];
+
+  static getItemActionBtn = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ACTION_BTN}]`)[index];
+
+  static getItemActionBtnDrillDownIcon = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ACTION_BTN_DRILLDOWN_ICON}]`)[index];
+
+  static getItemActionBtnToSource = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ACTION_BTN_TO_SOURCE_ICON}]`)[index];
+
+  static getItemActioNBtnToDestination = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ACTION_BTN_TO_DESTINATION_ICON}]`)[index];
+
+  static getListBottomLoadingMore = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.LIST_BOTTOM_LOADING_MORE}]`)[index];
+
+  static getListBottomLoadMoreBtn = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.LIST_BOTTOM_LOAD_MORE_BTN}]`)[index];
+
+  static getListWrapperBottom = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.LIST_WRAPPER_BOTTOM}]`)[index];
+
+  static getEmptyListWrapper = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.EMPTY_LIST_WRAPPER}]`)[index];
+
+  static getItemsWrapper = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.ITEMS_WRAPPER}]`)[index];
+
+  static getLoadingListWrapper = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.LOADING_LIST_WRAPPER}]`)[index];
+
+  static getMoveMultipleWrapper = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.MOVE_MULTIPLE_WRAPPER}]`)[index];
+
+  static getMoveMultipleButton = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.MOVE_MULTIPLE_BTN}]`)[index];
+
+  static getListWrapperMid = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.LIST_WRAPPER_MID}]`)[index];
+
+  static getListWrapperTop = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.LIST_WRAPPER_TOP}]`)[index];
+
+  static getAreaSearchWrapper = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.AREA_SEARCH_WRAPPER}]`)[index];
+
+  static getAreaSearchBar = async (index = 0) => $$(`[data-testid=${DSShuttleV2DataTestIds.AREA_SEARCH_BAR}]`)[index];
+
+  static getAreaSelectionHeader = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.AREA_SELECTION_HEADER}]`)[index];
+
+  static getAreaSelectionHeaderCountLabel = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.AREA_SELECTION_HEADER_COUNT_LABEL}]`)[index];
+
+  // Customs
+
+  static getSourceLoadMore = async () =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.PANEL_WRAPPER}]`)[0].$(
+      `[data-testid=${DSShuttleV2DataTestIds.LIST_BOTTOM_LOAD_MORE_BTN}]`,
+    );
+
+  static getDragHandlerByIndex = async (index = 0) => $$(`[data-testid="shuttle-drag-handle"]`)[index];
+
+  static getCheckboxByIndex = async (index = 0) => $$(`[data-testid="ds-checkbox"]`)[index];
+
+  static getBreadcrumbByIndex = async (index = 0) => $$(`[data-testid="breadcrumb-item-container"]`)[index];
+
+  static getFocuseableByBreadcrumb = async (breadcrumb) => breadcrumb.$(`[data-testid="ds-typography-element"]`);
+
+  static getSubtitleByItem = async (item) => item.$$(`p`)[1];
+
+  static getTypographyByItem = async (item) => item.$(`[data-testid="ds-typography-element"]`);
+
+  static getActionButtonByItemAndIndex = async (item, index = 0) =>
+    item.$$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_ACTION_BTN}]`)[index];
+
+  static getItemFromDestinationByIndex = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.PANEL_WRAPPER}]`)[1].$$(
+      `[data-testid=${DSShuttleV2DataTestIds.ITEM_WRAPPER}]`,
+    )[index];
+
+  static getItemFromSourceByIndex = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.PANEL_WRAPPER}]`)[0].$$(
+      `[data-testid=${DSShuttleV2DataTestIds.ITEM_WRAPPER}]`,
+    )[index];
+
+  static getItemCheckboxByIndex = async (index = 0) =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_CHECKBOX}]`)[index];
+
+  static getItemCheckboxByItem = async (item) => item.$(`[data-testid=${DSShuttleV2DataTestIds.ITEM_CHECKBOX}]`);
+
+  static getItemsFromDestination = async () =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.PANEL_WRAPPER}]`)[1].$$(
+      `[data-testid=${DSShuttleV2DataTestIds.ITEM_WRAPPER}]`,
+    );
+
+  static getItemsFromSource = async () =>
+    $$(`[data-testid=${DSShuttleV2DataTestIds.PANEL_WRAPPER}]`)[0].$$(
+      `[data-testid=${DSShuttleV2DataTestIds.ITEM_WRAPPER}]`,
+    );
+
+  static getOpenDialogBtn = async () => $('[data-testid="open-dialog-button"]');
+
+  static getTooltip = async () => $(`[data-testid="ds-tooltip-arrow"]`);
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('ShuttleV2', example, 'ds-shuttle-v2');
+  }
+}

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

@@ -0,0 +1,43 @@
+/* eslint-disable max-statements */
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10788 - Shuttle V2, Aria/Data props -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.ariaPropsUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should find the custom aria/data props on the subcomponents (items)', async () => {
+      const item = await DSShuttleV2CO.getItemWrapper(5);
+      const itemLabel = await item.getAttribute('aria-label');
+      const itemData = await item.getAttribute('data-fortesting');
+      await expect(itemLabel).toBe('label for items');
+      await expect(itemData).toBe('data for items');
+    });
+    it('02: should find the custom aria/data props on the component (shuttle)', async () => {
+      const shuttle = await DSShuttleV2CO.getShuttle();
+      const shuttleLabel = await shuttle.getAttribute('aria-label');
+      const shuttleData = await shuttle.getAttribute('data-fortesting');
+      await expect(shuttleLabel).toBe('label for shuttle');
+      await expect(shuttleData).toBe('data for shuttle');
+    });
+    it('03: should find the custom aria/data props on the subcomponents (panels)', async () => {
+      const sPanel = await DSShuttleV2CO.getPanelWrapper(0);
+      const sPanelLabel = await sPanel.getAttribute('aria-label');
+      const dPanel = await DSShuttleV2CO.getPanelWrapper(1);
+      const dPanelLabel = await dPanel.getAttribute('aria-label');
+      await expect(sPanelLabel).toBe('Custom aria for source');
+      await expect(dPanelLabel).toBe('Custom aria for destination');
+    });
+    it('04: should find the custom aria/data props on the subcomponents (search bar)', async () => {
+      await (await DSShuttleV2CO.getHeaderSearchIcon(0)).click();
+      await (await DSShuttleV2CO.getHeaderSearchIcon(1)).click();
+      const sPanelSearchbar = await DSShuttleV2CO.getAreaSearchBar(0);
+      const sSearchBarPH = await sPanelSearchbar.getAttribute('placeholder');
+      const dPanelSearchBar = await DSShuttleV2CO.getAreaSearchBar(1);
+      const dSearchBarPH = await dPanelSearchBar.getAttribute('placeholder');
+      await expect(sSearchBarPH).toBe('Hint Text For Source');
+      await expect(dSearchBarPH).toBe('Hint Text For Destination');
+    });
+  });
+}

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

@@ -0,0 +1,74 @@
+/* eslint-disable max-statements */
+import { Key } from 'webdriverio';
+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-11211 is fixed
+  describe.skip('PUI-10768 - Shuttle V2, Basic -AxeCore.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Basic shuttle and from-source moved item to be axecore compliant', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(1);
+      const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
+      await testItemMoveBtn.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: Basic shuttle and from-destination moved item to be axecore compliant', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(1);
+      const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
+      await testItemMoveBtn.click();
+      const destinationItem = await DSShuttleV2CO.getItemFromDestinationByIndex(1);
+      const destinationItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(destinationItem, 1);
+      await destinationItemMoveBtn.click({ x: 1, y: 1 });
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-10769 - Shuttle V2, BAB -AxeCore.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: From-source BAB to be axecore compliant', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(1);
+      await testItem.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: Simultaneos source and destination BABS to be axecore compliant', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(1);
+      await testItem.click();
+      const testItem2 = await DSShuttleV2CO.getItemFromDestinationByIndex(1);
+      await testItem2.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  // to be unskiped after PUI-10785 is fixed
+  describe.skip('PUI-10770  - Shuttle V2, Tooltip with keyboard -AxeCore.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.customRendererURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: custom items and tooltip on shuttle v2 to be axecore compliant', 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.ArrowRight);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,67 @@
+/* eslint-disable max-statements */
+import DSShuttleV2CO from '../DSShuttleV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9664 - Shuttle V2, Basic -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a source item moved to destination list', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(1);
+      const testItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(testItem, 1);
+      await testItemMoveBtn.click();
+      const newItemInThisPosition = await DSShuttleV2CO.getItemWrapper(1);
+      const newItemText = await newItemInThisPosition.getText();
+      const lastItemAtDestination = await DSShuttleV2CO.getItemFromDestinationByIndex(10); // last item, last added
+      const lastItemAtDestinationtext = await lastItemAtDestination.getText();
+      await expect(lastItemAtDestinationtext).toBe('Source 0.1'); // original test item
+      await expect(newItemText).toBe('Source 0.2');
+    });
+    it('02: should move a item from destination to source', async () => {
+      const destinationItem = await DSShuttleV2CO.getItemFromDestinationByIndex(1);
+      const destinationItemMoveBtn = await DSShuttleV2CO.getActionButtonByItemAndIndex(destinationItem, 1);
+      await destinationItemMoveBtn.click({ x: 1, y: 1 });
+      const lastItemSourcePanel = await DSShuttleV2CO.getItemFromSourceByIndex(9);
+      const lastItemSourcePanelText = await lastItemSourcePanel.getText();
+      await expect(lastItemSourcePanelText).toBe('Destination 0.1');
+    });
+  });
+
+  describe('PUI-9663 - Shuttle V2, BAB -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should activate one item and have the BAB displayed', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(1);
+      await testItem.click();
+      const bab = await DSShuttleV2CO.getMoveMultipleButton();
+      await expect(bab).toBeDisplayed();
+    });
+    it('02: should select other item and use the BAB to move both to destination', async () => {
+      const testItem2 = await DSShuttleV2CO.getItemWrapper(4);
+      await testItem2.click();
+      const bab = await DSShuttleV2CO.getMoveMultipleButton();
+      await bab.click();
+      const testItemOnDestination = await (await DSShuttleV2CO.getItemFromDestinationByIndex(10)).getText();
+      const testItem2OnDestination = await (await DSShuttleV2CO.getItemFromDestinationByIndex(11)).getText();
+      await expect(bab).not.toBeDisplayed();
+      await expect(testItemOnDestination).toBe('Source 0.1');
+      await expect(testItem2OnDestination).toBe('Source 0.4');
+    });
+    it('03: should bulk move items from destination to source', async () => {
+      const testItem = await DSShuttleV2CO.getItemFromDestinationByIndex(1);
+      await testItem.click();
+      const testItem2 = await DSShuttleV2CO.getItemFromDestinationByIndex(4);
+      await testItem2.click();
+      const bab = await DSShuttleV2CO.getMoveMultipleButton();
+      await bab.click();
+      const testItemOnSource = await (await DSShuttleV2CO.getItemFromSourceByIndex(8)).getText();
+      const testItem2OnSource = await (await DSShuttleV2CO.getItemFromSourceByIndex(9)).getText();
+      await expect(bab).not.toBeDisplayed();
+      await expect(testItemOnSource).toBe('Destination 0.1');
+      await expect(testItem2OnSource).toBe('Destination 0.4');
+    });
+  });
+}

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

@@ -0,0 +1,260 @@
+/* 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-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 breadcrumb', async () => {
+      await browser.keys(Key.Tab);
+      const breadCrumb = await DSShuttleV2CO.getBreadcrumbByIndex(0);
+      const breadcrumbFocuseable = await DSShuttleV2CO.getFocuseableByBreadcrumb(breadCrumb);
+      await expect(breadcrumbFocuseable).toBeFocused();
+    });
+    it('02: should tab and focus the filter icon', async () => {
+      await browser.keys(Key.Tab);
+      const sourceFilterBtn = await DSShuttleV2CO.getHeaderSearchIcon(0);
+      await expect(sourceFilterBtn).toBeFocused();
+    });
+    it('03: 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('04: should tab and focus the source panel', async () => {
+      await browser.keys(Key.Tab);
+      const sourcePanel = await DSShuttleV2CO.getListWrapperMid(0);
+      await expect(sourcePanel).toBeFocused();
+    });
+    it('05: 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('06: 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('07: should tab and focus the breadcrumb from destination panel', async () => {
+      await browser.keys(Key.Tab);
+      const breadCrumb = await DSShuttleV2CO.getBreadcrumbByIndex(1);
+      const breadcrumbFocuseable = await DSShuttleV2CO.getFocuseableByBreadcrumb(breadCrumb);
+      await expect(breadcrumbFocuseable).toBeFocused();
+    });
+  });
+
+  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 breadcrumb to follow normal flow', async () => {
+      const testItem = await DSShuttleV2CO.getItemWrapper(2);
+      await testItem.click();
+      const breadCrumb = await DSShuttleV2CO.getBreadcrumbByIndex(0);
+      await breadCrumb.click();
+      const breadcrumbFocuseable = await DSShuttleV2CO.getFocuseableByBreadcrumb(breadCrumb);
+      const BAB = await DSShuttleV2CO.getMoveMultipleButton();
+      await expect(BAB).toBeDisplayed();
+      await expect(breadcrumbFocuseable).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 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 breadcrumb from destination panel', async () => {
+      await browser.keys(Key.Tab);
+      const breadCrumb = await DSShuttleV2CO.getBreadcrumbByIndex(1);
+      const breadcrumbFocuseable = await DSShuttleV2CO.getFocuseableByBreadcrumb(breadCrumb);
+      await expect(breadcrumbFocuseable).toBeFocused();
+    });
+  });
+
+  describe('PUI-9815 - Shuttle V2, Range selection -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should select four items pressing space only two times (using shift for range select)', 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.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys([Key.Shift, Key.Space]);
+      const testItem0 = await DSShuttleV2CO.getItemCheckboxByIndex(0);
+      const testItem1 = await DSShuttleV2CO.getItemCheckboxByIndex(1);
+      const testItem2 = await DSShuttleV2CO.getItemCheckboxByIndex(2);
+      const testItem3 = await DSShuttleV2CO.getItemCheckboxByIndex(3);
+      const item0Checked = await testItem0.getAttribute('aria-checked');
+      const item1Checked = await testItem1.getAttribute('aria-checked');
+      const item2Checked = await testItem2.getAttribute('aria-checked');
+      const item3Checked = await testItem3.getAttribute('aria-checked');
+      await expect(item0Checked).toBe('true');
+      await expect(item1Checked).toBe('true');
+      await expect(item2Checked).toBe('true');
+      await expect(item3Checked).toBe('true');
+    });
+    it('02: should select four items pressing space only two times (using shift for range select)', async () => {
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys([Key.Shift, Key.Space]);
+      const testItem0 = await DSShuttleV2CO.getItemCheckboxByIndex(0);
+      const testItem1 = await DSShuttleV2CO.getItemCheckboxByIndex(1);
+      const testItem2 = await DSShuttleV2CO.getItemCheckboxByIndex(2);
+      const testItem3 = await DSShuttleV2CO.getItemCheckboxByIndex(3);
+      const item0Checked = await testItem0.getAttribute('aria-checked');
+      const item1Checked = await testItem1.getAttribute('aria-checked');
+      const item2Checked = await testItem2.getAttribute('aria-checked');
+      const item3Checked = await testItem3.getAttribute('aria-checked');
+      await expect(item0Checked).toBe('true');
+      await expect(item1Checked).toBe('false');
+      await expect(item2Checked).toBe('false');
+      await expect(item3Checked).toBe('false');
+    });
+  });
+
+  describe('PUI-10100 - Shuttle V2, BAB mirrored, keyboard -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should activate one item and have the BAB displayed', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const bab = await DSShuttleV2CO.getMoveMultipleButton();
+      await expect(bab).toBeDisplayed();
+    });
+    it('02: should select other item and use the BAB to move both to source', async () => {
+      const bab = await DSShuttleV2CO.getMoveMultipleButton();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Space);
+      const testItemOnSource = await (await DSShuttleV2CO.getItemFromSourceByIndex(10)).getText();
+      const testItem2OnSource = await (await DSShuttleV2CO.getItemFromSourceByIndex(11)).getText();
+      await expect(bab).not.toBeDisplayed();
+      await expect(testItemOnSource).toBe('Destination 0.0');
+      await expect(testItem2OnSource).toBe('Destination 0.3');
+    });
+    it('03: should bulk move items from source to destination', async () => {
+      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.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
+      const bab = await DSShuttleV2CO.getMoveMultipleButton();
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Enter);
+      const testItemOnDestination = await (await DSShuttleV2CO.getItemFromDestinationByIndex(8)).getText();
+      const testItem2OnDestination = await (await DSShuttleV2CO.getItemFromDestinationByIndex(9)).getText();
+      await expect(bab).not.toBeDisplayed();
+      await expect(testItemOnDestination).toBe('Source 0.1');
+      await expect(testItem2OnDestination).toBe('Source 0.3');
+    });
+  });
+
+  describe('PUI-9796 - Shuttle V2, DND with keyboard -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.dndURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should DND first item to fourth position (source)', 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.ArrowLeft);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const itemFirstPosition = await (await DSShuttleV2CO.getItemFromSourceByIndex(0)).getText();
+      const itemFourthPosition = await (await DSShuttleV2CO.getItemFromSourceByIndex(3)).getText();
+      await expect(itemFirstPosition).toBe('Source 0.1');
+      await expect(itemFourthPosition).toBe('Source 0.0');
+    });
+  });
+
+  describe('PUI-10295 - Shuttle V2, Tooltip with keyboard -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.customRendererURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display tooltip on hover of a truncated item', 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.ArrowRight);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      const tooltip = await DSShuttleV2CO.getTooltip();
+      await expect(tooltip).toBeDisplayed();
+    });
+  });
+
+  describe('PUI-10315 - Shuttle V2, move FROM BAB with KB -Func.', () => {
+    before(async () => {
+      const errorOnGo = await DSShuttleV2CO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display focus BAB after selecting an item and arrow right', 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.Space);
+      await browser.keys(Key.ArrowRight);
+      const BAB = await DSShuttleV2CO.getMoveMultipleButton();
+      await expect(BAB).toBeFocused();
+    });
+    it('02: should focus list after arrow right/left from BAB', async () => {
+      await browser.keys(Key.ArrowRight);
+      const sourceList = await DSShuttleV2CO.getListWrapperMid(0);
+      await expect(sourceList).toBeFocused();
+    });
+  });
+}