dimsum-e2e-tests 3.50.1-next.9 → 3.51.0-beta.2

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

@@ -0,0 +1,77 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSPillsV2CO from '../DSPillsV2CO';
+import { axeCoreCheck } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14708 - PillsV2 Selection: Single Select -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.singleSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a pill with expanded single select menu, unselected, and pass axe-core scan', async () => {
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
+      await menuTrigger.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should have a pill with expanded single select menu, selected, and pass axe-core scan', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-14713 - PillsV2 Selection: Required Select -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.requiredSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a pill with one required option selected (single) and pass axe-core scan', async () => {
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
+      await menuTrigger.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should have a pill with one required option selected (multi) and pass axe-core scan', async () => {
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(1);
+      await menuTrigger.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should have a pill with two optional options selected and pass axe-core scan', async () => {
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(1);
+      await menuTrigger.click();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-14710 - PillsV2 Selection: Multi Selec -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.multiSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a pill with multi select menu, unselected, and pass axe-core scan', async () => {
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
+      await menuTrigger.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should have a pill with multi select menu, multi opts selected, and pass axe-core scan', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,155 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSPillsV2CO from '../DSPillsV2CO';
+import DSMenuButtonCO from '../../ds-menu-button/DSMenuButtonCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14703 - Pills v2: Selection: KB, multi', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.multiSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have multi select expanded, no selection, no minipill', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const pills = await DSPillsV2CO.getPills();
+      const howManyPills = pills.length;
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(howManyPills).toEqual(1); // The selection pill, no values pills displayed
+    });
+    it('02: should have multi select with two options selected, expanded, with two minipills', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const pills = await DSPillsV2CO.getPills();
+      const howManyPills = pills.length;
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
+      const minipillLabel2 = await (await DSPillsV2CO.getPillsTextByIndex(2)).getText();
+      await expect(minipillLabel1).toEqual('Bold');
+      await expect(minipillLabel2).toEqual('Underlined');
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(howManyPills).toEqual(3);
+    });
+  });
+
+  describe('PUI-14702 - Pills v2: Selection: MOUSE, single', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.singleSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have single select menu expanded, no options selected, no minipills', async () => {
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
+      await menuTrigger.click();
+      const pills = await DSPillsV2CO.getPills();
+      const howManyPills = pills.length;
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(howManyPills).toEqual(1); //
+    });
+    it('02: should select one option, and get its minipill. Menu stays open', async () => {
+      const optionRed = await DSMenuButtonCO.getMenuItemWrapper(0);
+      await optionRed.click();
+      const pills = await DSPillsV2CO.getPills();
+      const howManyPills = pills.length;
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
+      await expect(optionRed).toHaveAttribute('aria-checked', 'true');
+      await expect(minipillLabel1).toEqual('Red');
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(howManyPills).toEqual(2);
+    });
+  });
+
+  describe('PUI-14707 - Pills v2: Selection: REQUIRED, single', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.requiredSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should expand required single select and have one option select by default', async () => {
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
+      await menuTrigger.click();
+      const optionBlack = await DSMenuButtonCO.getMenuItemWrapper(0);
+      const pills = await DSPillsV2CO.getPills();
+      const howManyPills = pills.length;
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
+      await expect(optionBlack).toHaveAttribute('aria-checked', 'true');
+      await expect(minipillLabel1).toEqual('Black');
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(howManyPills).toEqual(4);
+    });
+    it('02: should select antoher option, unselecting the first one and changing the minipill', async () => {
+      const optionBlack = await DSMenuButtonCO.getMenuItemWrapper(0);
+      const optionRed = await DSMenuButtonCO.getMenuItemWrapper(1);
+      await optionRed.click();
+      const pills = await DSPillsV2CO.getPills();
+      const howManyPills = pills.length;
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(1)).getText();
+      await expect(optionBlack).toHaveAttribute('aria-checked', 'false');
+      await expect(optionRed).toHaveAttribute('aria-checked', 'true');
+      await expect(minipillLabel1).toEqual('Red');
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(howManyPills).toEqual(4);
+    });
+    it('03: should NOT be able to unselect an option without selecting another one', async () => {
+      const optionRed = await DSMenuButtonCO.getMenuItemWrapper(1);
+      await optionRed.click();
+      await expect(optionRed).toHaveAttribute('aria-checked', 'true');
+    });
+  });
+
+  describe('PUI-14705 - Pills v2: Selection: REQUIRED, multi', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.requiredSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should not be able to unselect the only selected option by default', async () => {
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(1);
+      await menuTrigger.click();
+      const optionItalic = await DSMenuButtonCO.getMenuItemWrapper(0);
+      await browser.keys(Key.Space); // tries to unselect
+      const pills = await DSPillsV2CO.getPills();
+      const howManyPills = pills.length;
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(3)).getText();
+      await expect(optionItalic).toHaveAttribute('aria-checked', 'true');
+      await expect(minipillLabel1).toEqual('Italic');
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(howManyPills).toEqual(4);
+    });
+    it('02: should be able to select another option keeping the first one selected', async () => {
+      const optionBold = await DSMenuButtonCO.getMenuItemWrapper(1);
+      await optionBold.click();
+      const optionItalic = await DSMenuButtonCO.getMenuItemWrapper(0);
+      const pills = await DSPillsV2CO.getPills();
+      const howManyPills = pills.length;
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(3)).getText();
+      const minipillLabel2 = await (await DSPillsV2CO.getPillsTextByIndex(4)).getText();
+      await expect(optionItalic).toHaveAttribute('aria-checked', 'true');
+      await expect(optionBold).toHaveAttribute('aria-checked', 'true');
+      await expect(minipillLabel1).toEqual('Italic');
+      await expect(minipillLabel2).toEqual('Bold');
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(howManyPills).toEqual(5);
+    });
+    it('03: should now be able to unselect the first option', async () => {
+      const optionBold = await DSMenuButtonCO.getMenuItemWrapper(1);
+      const optionItalic = await DSMenuButtonCO.getMenuItemWrapper(0);
+      await optionItalic.click();
+      const pills = await DSPillsV2CO.getPills();
+      const howManyPills = pills.length;
+      const menu = await DSMenuButtonCO.getMenuRoot();
+      const minipillLabel1 = await (await DSPillsV2CO.getPillsTextByIndex(3)).getText();
+      await expect(optionItalic).toHaveAttribute('aria-checked', 'false');
+      await expect(optionBold).toHaveAttribute('aria-checked', 'true');
+      await expect(minipillLabel1).toEqual('Bold');
+      await expect(menu).toBeDisplayedInViewport();
+      await expect(howManyPills).toEqual(4);
+    });
+  });
+}

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

@@ -0,0 +1,72 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSPillsV2CO from '../DSPillsV2CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-14709 - PillsV2 Selection: Single Select -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.singleSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a pill with expanded single select menu, unselected, matching baseline', async () => {
+      await browser.eyesOpen();
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
+      await menuTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-single-unsel'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should have a pill with expanded single select menu, selected, matching baseline', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-single-sel'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-14712 - PillsV2 Selection: Required Select -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.requiredSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a pill with expanded single select menu, required, matching baseline', async () => {
+      await browser.eyesOpen();
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
+      await menuTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-req-single'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should have a pill with expanded multi select menu, required, matching baseline', async () => {
+      await browser.eyesOpen();
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(1);
+      await menuTrigger.click();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-req-multi'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-14711 - PillsV2 Selection: Multi Select -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPillsV2CO.multiSelectMB.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a pill with multi select menu, unselected, matching baseline', async () => {
+      await browser.eyesOpen();
+      const menuTrigger = await DSPillsV2CO.getMBChevronByIndex(0);
+      await menuTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-multi-unsel'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should have a pill with multi select menu, multi opts selected, and pass axe-core scan', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.eyesCheckSnapshot(DSPillsV2CO.snapshotPath('pillsv2-multi-sel'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -1,3 +1,4 @@
+import { Key } from 'webdriverio';
 import DSQueryBuilderCO from './DSQueryBuilderCO';
 import { mouseOver, type } from '../helpers';
 
@@ -57,7 +58,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('02: should display the combobox with all options selected properly opened', async () => {
       await DSQueryBuilderCO.openComboBox(0);
-      await DSQueryBuilderCO.selectAllMultiComboOptions();
+      await browser.keys([Key.Control, Key.Command, 'a']);
       const snapshot = await browser.checkSnapshot(DSQueryBuilderCO.snapshotPath('qb-error-combo-multi-all-selected'));
       await expect(snapshot).toEqual(0);
     });

package/ds-query-builder/DSQueryBuilderCO.js

@@ -39,11 +39,6 @@ export default class DSQueryBuilderCO extends PageObject {
     return (await (await this.getComboBox(index)).$('[data-testid="combobox-dropdown-btn"]')).click();
   }
 
-  static async selectAllMultiComboOptions() {
-    // eslint-disable-next-line no-return-await
-    return $('[id="select-all-checkbox"]').click();
-  }
-
   static async getComboBoxes() {
     return $$('[data-testid="combobox"]');
   }

package/ds-shuttle-v2/DSShuttleV2CO.js

@@ -132,16 +132,14 @@ export default class DSShuttleV2CO extends PageObject {
 
   static getCheckboxByIndex = async (index = 0) => $$(`[data-testid="ds-checkbox"]`)[index];
 
+  static getBreadcrumbItemContByIndex = async (index = 0) => $$(`[data-testid="breadcrumb-item-content"]`)[index];
+
   static getBreadcrumbByIndex = async (index = 0) => $$(`[data-testid="breadcrumb-item-container"]`)[index];
 
   static getBreadcrumbs = async () => $$(`[data-testid="breadcrumb-item-container"]`);
 
-  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];
 

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

@@ -12,7 +12,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       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);
       const snapshot = await browser.eyesCheckSnapshot(DSShuttleV2CO.snapshotPath('shuttle-v2-focus-dnd'));
@@ -22,7 +21,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       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);
@@ -34,7 +32,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       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);
@@ -60,7 +57,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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.ArrowLeft);
       await browser.keys(Key.Return);
@@ -76,7 +72,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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.ArrowLeft);
       await browser.keys(Key.Return);

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

@@ -9,35 +9,29 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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 () => {
+    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('03: should tab and focus the select/deselect all checkbox', async () => {
+    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('04: should tab and focus the source panel', async () => {
+    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('05: should select first item with arrowKeys', async () => {
+    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('06: should Shift+Tab to focus the panel again and select last item with arrowKeys', async () => {
+    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);
@@ -45,64 +39,56 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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 () => {
+    it('06: should tab and focus next header search icon from destination 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();
+      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();
       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);
@@ -153,8 +139,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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();
@@ -175,7 +159,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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);
@@ -201,7 +184,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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);
@@ -224,7 +206,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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);
@@ -242,7 +223,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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);

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

@@ -1,3 +1,4 @@
+/* eslint-disable max-len */
 /* eslint-disable no-unused-vars */
 /* eslint-disable max-statements */
 import { Key } from 'webdriverio';
@@ -10,7 +11,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should focus item', async () => {
-      await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.ArrowDown);
@@ -53,7 +53,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should add breadcrumbs with the items name while drilling down', async () => {
-      await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.Tab);
       await browser.keys(Key.ArrowDown);
@@ -94,9 +93,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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.Shift, Key.Tab]);
       await browser.keys(Key.Enter);
-      const breadcrumbItem2 = await DSShuttleV2CO.getFocuseableByBreadcrumb(await DSShuttleV2CO.getBreadcrumbByIndex(1));
+      const breadcrumbItem2 = await DSShuttleV2CO.getBreadcrumbItemContByIndex(1);
       const breadcrumbs = (await DSShuttleV2CO.getBreadcrumbs()).length;
       await expect(breadcrumbItem2).toBeFocused();
       await expect(breadcrumbs).toEqual(3);
@@ -104,7 +102,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('02: should focus first breadcrumb item after going up from second level with KB', async () => {
       await browser.keys([Key.Shift, Key.Tab]);
       await browser.keys(Key.Enter);
-      const breadcrumbItem1 = await DSShuttleV2CO.getFocuseableByBreadcrumb(await DSShuttleV2CO.getBreadcrumbByIndex(0));
+      const breadcrumbItem1 = await DSShuttleV2CO.getBreadcrumbItemContByIndex(0);
       const breadcrumbs = (await DSShuttleV2CO.getBreadcrumbs()).length;
       await expect(breadcrumbItem1).toBeFocused();
       await expect(breadcrumbs).toEqual(2);

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

@@ -12,7 +12,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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);
@@ -27,11 +26,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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);
@@ -40,7 +34,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(destinationItems).toBe(10);
     });
     it('04: should filter and find only one match at destination panel', async () => {
-      await type(' 0.3');
+      await type('0.3');
       const destinationItems = (await DSShuttleV2CO.getItemsFromDestination()).length;
       await expect(destinationItems).toBe(1);
       const testItem = await (await DSShuttleV2CO.getItemFromDestinationByIndex(0)).getText();

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

@@ -18,8 +18,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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');