dimsum-e2e-tests 1.0.0-rc.1

package/ds-controlled-form/ds-combobox/multi-select/DSComboboxbox.keyboard-multi-select.func.spec.js

@@ -0,0 +1,215 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxCO from '../DSComboboxCO';
+import { type } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-8134 - ComboboxV3:: Multi Select - basic- keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should focus the combobox', async () => {
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const input = await DSComboboxCO.getComboboxInput();
+      await expect(input).toBeFocused(true);
+    });
+    it('02: should open the dropdown menu - ENTER', async () => {
+      await browser.keys(Key.Enter);
+      const menulist = await DSComboboxCO.getMenuList();
+      await expect(menulist).toBeDisplayed();
+    });
+    it('03: should close the dropdown menu - ESC', async () => {
+      await browser.keys(Key.Escape);
+      const menulist = await DSComboboxCO.getMenuList();
+      await expect(menulist).not.toBeDisplayed();
+    });
+    it('04: should open the dropdown menu - Spacebar', async () => {
+      await browser.keys(Key.Space);
+      const menulist = await DSComboboxCO.getMenuList();
+      await expect(menulist).toBeDisplayed();
+    });
+    it('05: should select an option and not close the menu - ENTER', async () => {
+      const menulist = await DSComboboxCO.getMenuList();
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getSelectedValues();
+      await expect(menulist).toBeDisplayed();
+      await expect(selectedOption).toHaveTextContaining('Luke Skywalker too long this text is super long 1');
+    });
+    it('06: should select last option and not close the menu - ArrowUp', async () => {
+      const menulist = await DSComboboxCO.getMenuList();
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.Enter);
+      const overflowPill = await DSComboboxCO.getPillByLabel('+1');
+      await expect(menulist).toBeDisplayed();
+      await expect(overflowPill).toBeDisplayedInViewport();
+    });
+    it('07: should unselect the same option correctly - Enter', async () => {
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getPillByLabel('+1');
+      await expect(selectedOption).not.toBeDisplayedInViewport();
+    });
+    it('08: should select another option - ArrowDown', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getPillByLabel('+1');
+      await expect(selectedOption).toBeDisplayedInViewport();
+    });
+  });
+  describe('PUI-8135 - ComboboxV3:: Multi Select - unselect - keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should unselect an option - Backspace', async () => {
+      await browser.keys(Key.Tab);
+      await type(')');
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getPillByLabel('(555) 555-5555');
+      await selectedOption.waitForDisplayed();
+      await browser.keys(Key.Backspace);
+      await expect(selectedOption).not.toBeDisplayedInViewport();
+    });
+    it('02: should unselect an option - using X close pill btn', async () => {
+      await type('2');
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 2');
+      await selectedOption.waitForDisplayed();
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.Enter);
+      await expect(selectedOption).not.toBeDisplayedInViewport();
+    });
+  });
+  describe('PUI-8136 - ComboboxV3:: Multi Select - filter - keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: type an inexistent option', async () => {
+      await browser.keys(Key.Tab);
+      await type('test');
+      const noMatchesFoundMsg = await DSComboboxCO.getNoMatchesFoundMsg();
+      await expect(noMatchesFoundMsg).toBeDisplayed();
+    });
+    it('02: press Escape and type an inexistent option', async () => {
+      await browser.keys(Key.Escape);
+      await type('lukes');
+      const noMatchesFoundMsg = await DSComboboxCO.getNoMatchesFoundMsg();
+      await expect(noMatchesFoundMsg).toBeDisplayed();
+    });
+    it('03: correct typed option - Backspace', async () => {
+      await browser.keys(Key.Backspace);
+      const option1 = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 1');
+      const option2 = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 2');
+      const numOptions = await DSComboboxCO.getNumberOptions();
+      await expect(option1).toBeDisplayedInViewport();
+      await expect(option2).toBeDisplayedInViewport();
+      await expect(numOptions).toBe(3);
+    });
+    it('04: select filtered option - Enter', async () => {
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 1');
+      await expect(selectedOption).toBeDisplayed();
+    });
+  });
+  describe('PUI-8138 - ComboboxV3:: Multi Select Disabled Option - keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: filter a disabled option', async () => {
+      await DSComboboxCO.openMenuUsingKeyboard();
+      await type('Han');
+      const option = await DSComboboxCO.getOptionByLabel('Han Solo 4');
+      const numOptions = await DSComboboxCO.getNumberOptions();
+      await expect(option).toBeDisplayedInViewport();
+      await expect(numOptions).toBe(1);
+    });
+    it('02: should not select a disabled option', async () => {
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getPillByLabel('Han Solo 4');
+      const dropdownMenu = await DSComboboxCO.getMenuList();
+      await expect(selectedOption).not.toBeDisplayed();
+      await expect(dropdownMenu).toBeDisplayed();
+    });
+    it('03: should tab correctly to next element', async () => {
+      await browser.keys(Key.Tab);
+      const inputText = await DSComboboxCO.getInputText();
+      const menulist = await await DSComboboxCO.getMenuList();
+      await expect(menulist).not.toBeDisplayedInViewport();
+      await expect(inputText).toBeFocused();
+    });
+  });
+  describe('PUI-8139 - ComboboxV3:: Multi Select - selectAll - keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: select all options', async () => {
+      await DSComboboxCO.openMenuUsingKeyboard();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const selectedOption = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 1');
+      const overflowPill = await DSComboboxCO.getPillByLabel('+8');
+      const menulist = await DSComboboxCO.getMenuList();
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await expect(showSelectedBtn).toHaveTextContaining('SHOW SELECTED [9]');
+      await expect(overflowPill).toBeDisplayedInViewport();
+      await expect(menulist).toBeDisplayedInViewport();
+      await expect(selectedOption).toBeDisplayedInViewport();
+    });
+    it('02: should display only selected options', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const numOptions = await DSComboboxCO.getNumberOptions();
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await expect(showSelectedBtn).toHaveTextContaining('SHOW ALL');
+      await expect(numOptions).toBe(9);
+    });
+    it('03: should unselect last item', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const option = await DSComboboxCO.getOptionByLabel('Anakin Skywalker 5');
+      const overflowPill = await DSComboboxCO.getPillByLabel('+7');
+      await expect(option).not.toBeDisplayedInViewport();
+      await expect(overflowPill).toBeDisplayedInViewport();
+    });
+    it('04: should unselect all items', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const numOptions = await DSComboboxCO.getNumberOptions();
+      const zeroSelected = await DSComboboxCO.getZeroSelectedMsg();
+      const selectedOption = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 1');
+      const overflowPill = await DSComboboxCO.getPillByLabel('+8');
+      await expect(zeroSelected).toBeDisplayedInViewport();
+      await expect(numOptions).toBe(11);
+      await expect(selectedOption).not.toBeDisplayedInViewport();
+      await expect(overflowPill).not.toBeDisplayedInViewport();
+    });
+    it('05: should close menu list correctly - focus in selectAll checkbox', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Escape);
+      const menulist = await DSComboboxCO.getMenuList();
+      const comboboxInput = await DSComboboxCO.getComboboxInput();
+      await expect(menulist).not.toBeDisplayedInViewport();
+      await expect(comboboxInput).toBeFocused();
+    });
+    it('06: should close menu list correctly - focus in show selected toggle btn', async () => {
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await showSelectedBtn.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Escape);
+      const menulist = await DSComboboxCO.getMenuList();
+      const comboboxInput = await DSComboboxCO.getComboboxInput();
+      await expect(menulist).not.toBeDisplayedInViewport();
+      await expect(comboboxInput).toBeFocused();
+    });
+  });
+}

package/ds-controlled-form/ds-combobox/multi-select/DSComboboxbox.mouse-touch-multi-select.func.spec.js

@@ -0,0 +1,223 @@
+/* eslint-disable max-lines */
+import DSComboboxCO from '../DSComboboxCO';
+import { type } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && browser.capabilities.browserName !== 'Android') {
+  describe('PUI-8162 - ComboboxV3:: Multi Select basic - func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should open dropdown menu - click combobox', async () => {
+      const combobox = await DSComboboxCO.getComboboxWrapper();
+      await combobox.waitForDisplayed();
+      await combobox.click();
+      const dropdownMenu = await DSComboboxCO.getMenuList();
+      await dropdownMenu.waitForDisplayed();
+      await expect(dropdownMenu).toBeDisplayedInViewport();
+    });
+    it('02: should close the dropdown menu - click combobox', async () => {
+      const combobox = await DSComboboxCO.getComboboxWrapper();
+      await combobox.click();
+      const dropdownMenu = await DSComboboxCO.getMenuList();
+      await expect(dropdownMenu).not.toBeDisplayedInViewport();
+    });
+    it('03: should open dropdown menu - click dropdownMenuBtn', async () => {
+      const combobox = await DSComboboxCO.getDropDownMenuBtn();
+      await combobox.click();
+      const menuList = await DSComboboxCO.getMenuList();
+      await expect(menuList).toBeDisplayedInViewport();
+    });
+    it('04: should close the dropdown menu - click dropdownMenuBtn', async () => {
+      const combobox = await DSComboboxCO.getDropDownMenuBtn();
+      await combobox.click();
+      const dropdownMenu = await DSComboboxCO.getMenuList();
+      await expect(dropdownMenu).not.toBeDisplayedInViewport();
+    });
+    it('05: should select an option and not close the menu', async () => {
+      const combobox = await DSComboboxCO.getDropDownMenuBtn();
+      await combobox.click();
+      const option = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 1');
+      await option.click();
+      const pill = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 1');
+      const menuList = await DSComboboxCO.getMenuList();
+      await expect(menuList).toBeDisplayed();
+      await expect(pill).toBeDisplayedInViewport();
+    });
+    it('06: should scroll and select last option and not close the menu', async () => {
+      const padmeOption = await DSComboboxCO.getOptionByLabel('Padme Amidala 3');
+      await padmeOption.scrollIntoView();
+      const lastOption = await DSComboboxCO.getOptionByLabel('Anakin Skywalker 5');
+      await lastOption.scrollIntoView();
+      await lastOption.click();
+      const menulist = await DSComboboxCO.getMenuList();
+      const overflowPill = await DSComboboxCO.getPillByLabel('+1');
+      await expect(menulist).toBeDisplayed();
+      await expect(overflowPill).toBeDisplayedInViewport();
+    });
+    it('07: should unselect the same option correctly - clicking option', async () => {
+      const lastOption = await DSComboboxCO.getOptionByLabel('Anakin Skywalker 5');
+      await lastOption.scrollIntoView();
+      await lastOption.click();
+      const selectedOption = await DSComboboxCO.getPillByLabel('+1');
+      await expect(selectedOption).not.toBeDisplayedInViewport();
+    });
+    it('08: should select another option', async () => {
+      const lastOption = await DSComboboxCO.getOptionByLabel('Padme Amidala 3');
+      await lastOption.scrollIntoView();
+      await lastOption.click();
+      const selectedOption = await DSComboboxCO.getPillByLabel('+1');
+      await expect(selectedOption).toBeDisplayedInViewport();
+    });
+  });
+  describe('PUI-8163 - ComboboxV3:: Multi Select - unselect - func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should select options correctly', async () => {
+      await DSComboboxCO.openMenuListMouse();
+      const option = await DSComboboxCO.getOptionByLabel('(555) 555-5555');
+      const option2 = await DSComboboxCO.getOptionByLabel('Padme Amidala');
+      const option3 = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 2');
+      await option.click();
+      await option2.click();
+      await option3.click();
+      const pill1 = await DSComboboxCO.getOptionByLabel('(555) 555-5555');
+      const pill2 = await DSComboboxCO.getOptionByLabel('Padme Amidala');
+      const pill3 = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 2');
+      await expect(pill1).toBeDisplayedInViewport();
+      await expect(pill2).toBeDisplayedInViewport();
+      await expect(pill3).toBeDisplayedInViewport();
+    });
+    it('02: should unselect an option - using X close pill btn - menuList opened', async () => {
+      const pillCloseBtn = await DSComboboxCO.getPillCloseBtnByIndex(0);
+      await pillCloseBtn.click();
+      const menuList = await DSComboboxCO.getMenuList();
+      const pill1 = await DSComboboxCO.getPillByLabel('(555) 555-5555');
+      await expect(menuList).toBeDisplayedInViewport();
+      await expect(pill1).not.toBeDisplayedInViewport();
+    });
+    it('03: should unselect an option - using checkbox', async () => {
+      const optionCheckbox = await DSComboboxCO.getCheckboxByLabel('Padme Amidala');
+      await optionCheckbox.click();
+      const menuList = await DSComboboxCO.getMenuList();
+      const pill2 = await DSComboboxCO.getPillByLabel('Padme Amidala');
+      await expect(menuList).toBeDisplayedInViewport();
+      await expect(pill2).not.toBeDisplayedInViewport();
+    });
+    it('04: should unselect an option - using X close pill btn - menuList closed', async () => {
+      const dropdownMenuBtn = await DSComboboxCO.getDropDownMenuBtn();
+      await dropdownMenuBtn.click();
+      const pillCloseBtn = await DSComboboxCO.getPillCloseBtnByIndex(0);
+      await pillCloseBtn.click();
+      const menuList = await DSComboboxCO.getMenuList();
+      const pill3 = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 2');
+      await expect(menuList).not.toBeDisplayedInViewport();
+      await expect(pill3).not.toBeDisplayedInViewport();
+    });
+  });
+  if (!browser.capabilities['ice:options'].isTablet) {
+    describe('PUI-8164 - ComboboxV3:: Multi Select - filter - func', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: select a filtered option', async () => {
+        await DSComboboxCO.openMenuListMouse();
+        await type('Luke');
+        const option1 = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 1');
+        await option1.click();
+        const pill = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 1');
+        await expect(pill).toBeDisplayed();
+      });
+      it('02: unselect a filtered option', async () => {
+        await type('Luke');
+        const option1 = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 1');
+        await option1.click();
+        const pill = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 1');
+        await expect(pill).not.toBeDisplayed();
+      });
+    });
+    describe('PUI-8165 - ComboboxV3:: Multi Select Disabled Option - func', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: filter a disabled option', async () => {
+        await DSComboboxCO.openMenuUsingKeyboard();
+        await type('Han');
+        const option = await DSComboboxCO.getOptionByLabel('Han Solo');
+        const numOptions = await DSComboboxCO.getNumberOptions();
+        await expect(option).toBeDisplayedInViewport();
+        await expect(numOptions).toBe(1);
+      });
+      it('02: should not select a disabled option', async () => {
+        const option = await DSComboboxCO.getOptionByLabel('Han Solo');
+        await option.click();
+        const selectedOption = await DSComboboxCO.getPillByLabel('Han Solo');
+        const dropdownMenu = await DSComboboxCO.getMenuList();
+        await expect(selectedOption).not.toBeDisplayed();
+        await expect(dropdownMenu).toBeDisplayed();
+      });
+    });
+  }
+  describe('PUI-8166 - ComboboxV3:: Multi Select - selectAll - func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: select all options', async () => {
+      await DSComboboxCO.openMenuListMouse();
+      const selectAllCheckbox = await DSComboboxCO.getSelectAllCheckbox();
+      await selectAllCheckbox.click();
+      const selectedOption = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 1');
+      const overflowPill = await DSComboboxCO.getPillByLabel('+8');
+      const menulist = await DSComboboxCO.getMenuList();
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await expect(showSelectedBtn).toHaveTextContaining('SHOW SELECTED [9]');
+      await expect(overflowPill).toBeDisplayedInViewport();
+      await expect(menulist).toBeDisplayedInViewport();
+      await expect(selectedOption).toBeDisplayedInViewport();
+    });
+    it('02: should display only selected options', async () => {
+      const selectedOptionBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await selectedOptionBtn.click();
+      const numOptions = await DSComboboxCO.getNumberOptions();
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await expect(showSelectedBtn).toHaveTextContaining('SHOW ALL');
+      await expect(numOptions).toBe(9);
+    });
+    it('03: should display all options', async () => {
+      const showAllBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await showAllBtn.click();
+      const numOptions = await DSComboboxCO.getNumberOptions();
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await expect(showSelectedBtn).toHaveTextContaining('SHOW SELECTED [9]');
+      await expect(numOptions).toBe(11);
+    });
+    it('04: should unselect last item', async () => {
+      const option = await DSComboboxCO.getOptionByLabel('Padme Amidala 3');
+      await option.scrollIntoView();
+      const option2 = await DSComboboxCO.getOptionByLabel('Anakin Skywalker 5');
+      await option2.scrollIntoView();
+      await option2.click();
+      const overflowPill = await DSComboboxCO.getPillByLabel('+7');
+      await expect(overflowPill).toBeDisplayedInViewport();
+    });
+    it('05: should unselect all items', async () => {
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await showSelectedBtn.click();
+      const selectAllCheckbox = await DSComboboxCO.getSelectAllCheckbox();
+      await selectAllCheckbox.click();
+      const numOptions = await DSComboboxCO.getNumberOptions();
+      const zeroSelected = await DSComboboxCO.getZeroSelectedMsg();
+      const selectedOption = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 1');
+      const overflowPill = await DSComboboxCO.getPillByLabel('+7');
+      await expect(zeroSelected).toBeDisplayedInViewport();
+      await expect(numOptions).toBe(11);
+      await expect(selectedOption).not.toBeDisplayedInViewport();
+      await expect(overflowPill).not.toBeDisplayedInViewport();
+    });
+  });
+}

package/ds-controlled-form/ds-combobox/multi-select/DSComboboxbox.multi-select.axe-core.spec.js

@@ -0,0 +1,47 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxCO from '../DSComboboxCO';
+import { type } from '../../../helpers';
+import { axeCoreCheck } from '../../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-10908 - ComboboxV3:: Multi Select - basic- keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have multiple options selected and be axe-core compliant', async () => {
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.click();
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-10909 - ComboboxV3:: Multi Select - filter - keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: filtering and not finding options should be axecore copliant', async () => {
+      await browser.keys(Key.Tab);
+      await type('lukes');
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: filter and finding options should be axecore compliant', async () => {
+      await browser.keys(Key.Backspace);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-combobox/multi-select/DSComboboxbox.multi.visual.spec.js

@@ -0,0 +1,142 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxCO from '../DSComboboxCO';
+import { mouseOver, type } from '../../../helpers';
+
+// skiped Android tests - issue ' metadata is not defined ' PUI-10881
+if (!browser.capabilities['ice:options'].isPhone && browser.capabilities.browserName !== 'Android') {
+  describe('PUI-8445 - ComboboxV3:: Multi Select - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display combobox closed', async () => {
+      await browser.eyesOpen();
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-multi-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display dropdown menu opened - click combobox', async () => {
+      await browser.eyesOpen();
+      const combobox = await DSComboboxCO.getComboboxWrapper();
+      await combobox.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-multi-opened'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display option selected - click an option', async () => {
+      await browser.eyesOpen();
+      const option = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 1');
+      await option.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-multi-option-selected'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: should display last option selected - click last option', async () => {
+      await browser.eyesOpen();
+      const padmeOption = await DSComboboxCO.getOptionByLabel('Padme Amidala 3');
+      await padmeOption.scrollIntoView();
+      const lastOption = await DSComboboxCO.getOptionByLabel('Anakin Skywalker 5');
+      await lastOption.scrollIntoView();
+      await lastOption.click();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxCO.snapshotPath('comboboxV3-multi--last-option-selected'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('05: should display only selected options - click show selected', async () => {
+      await browser.eyesOpen();
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await showSelectedBtn.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-multi-show-selected'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('06: should display all options - click select all', async () => {
+      await browser.eyesOpen();
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await showSelectedBtn.click();
+      const selectAll = await DSComboboxCO.getSelectAllCheckbox();
+      await selectAll.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-multi-all-selected'));
+      await expect(snapshot).toEqual(0);
+    });
+    if (browser.capabilities['ice:options'].isTablet) {
+      it('07: should display tooltip - touch truncated pill', async () => {
+        await browser.eyesOpen();
+        const truncatedOption = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 1');
+        await truncatedOption.click();
+        const snapshot = await browser.eyesCheckSnapshot(
+          DSComboboxCO.snapshotPath('comboboxV3-tooltip-truncated-pill'),
+        );
+        await expect(snapshot).toEqual(0);
+      });
+    } else {
+      it('07: should display tooltip - hover truncated pill', async () => {
+        await browser.eyesOpen();
+        const truncatedOption = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long 1');
+        await truncatedOption.waitForDisplayed();
+        await mouseOver(truncatedOption, 20, 5);
+        const snapshot = await browser.eyesCheckSnapshot(
+          DSComboboxCO.snapshotPath('comboboxV3-multi-tooltip-truncated-pill'),
+        );
+        await expect(snapshot).toEqual(0);
+      });
+    }
+  });
+  if (!browser.capabilities['ice:options'].isTablet) {
+    describe('PUI-8467 - ComboboxV3:: Multi Select - keyboard - visual', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSComboboxCO.multiSelectFixedWidth.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: should display combobox opened - Enter', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Enter);
+        const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-multi-opened-keyboard'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('02: should navigate to last option - ArrowDown', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.ArrowDown);
+        await browser.keys(Key.Enter);
+        const snapshot = await browser.eyesCheckSnapshot(
+          DSComboboxCO.snapshotPath('comboboxV3-multi-scroll-down-keyboard'),
+        );
+        await expect(snapshot).toEqual(0);
+      });
+      it('03: should navigate to first option - ArrowUp', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.ArrowUp);
+        await browser.keys(Key.ArrowUp);
+        await browser.keys(Key.ArrowUp);
+        await browser.keys(Key.ArrowUp);
+        await browser.keys(Key.ArrowUp);
+        await browser.keys(Key.ArrowUp);
+        await browser.keys(Key.ArrowUp);
+        await browser.keys(Key.ArrowUp);
+        await browser.keys(Key.Enter);
+        const snapshot = await browser.eyesCheckSnapshot(
+          DSComboboxCO.snapshotPath('comboboxV3-multi-scroll-up-keyboard'),
+        );
+        await expect(snapshot).toEqual(0);
+      });
+      it('04: type an invalid option', async () => {
+        await browser.eyesOpen();
+        await type('Luke Skywalker 1');
+        const combobox = await DSComboboxCO.getCombobox();
+        await combobox.waitForDisplayed();
+        const snapshot = await browser.eyesCheckSnapshot(
+          DSComboboxCO.snapshotPath('comboboxV3-multi-scroll-up-keyboard'),
+        );
+        await expect(snapshot).toEqual(0);
+      });
+    });
+  }
+}

package/ds-controlled-form/ds-combobox/multi-select/DSComboboxbox.ten-thousand-options.func.spec.js

@@ -0,0 +1,47 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxCO from '../DSComboboxCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-8176 - ComboboxV3:: Multi Select - Ten thousand options - func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.TenThousandOptionsFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should select all the options correctly', async () => {
+      await DSComboboxCO.openMenuListMouse();
+      const selectAllCheckbox = await DSComboboxCO.getSelectAllCheckbox();
+      await selectAllCheckbox.click();
+      const selectedOption = await DSComboboxCO.getOptionByLabel('Option 9999');
+      const overflowPill = await DSComboboxCO.getPillByLabel('+9999');
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await expect(showSelectedBtn).toHaveTextContaining('SHOW SELECTED [10000]');
+      await expect(overflowPill).toBeDisplayedInViewport();
+      await expect(selectedOption).toBeDisplayedInViewport();
+    });
+    it('02: should unselect one option', async () => {
+      await browser.keys(Key.ArrowDown);
+      const option = await DSComboboxCO.getOptionByLabel('Option 7');
+      await option.click();
+      const overflowPill = await DSComboboxCO.getPillByLabel('+9998');
+      await expect(overflowPill).toBeDisplayedInViewport();
+    });
+    it('03: should display selected options', async () => {
+      const option7 = await DSComboboxCO.getOptionByLabel('Option 7');
+      const selectedOptionBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await selectedOptionBtn.click();
+      const showSelectedBtn = await DSComboboxCO.getSelectedOptionsToggle();
+      await showSelectedBtn.waitForDisplayed();
+      await expect(showSelectedBtn).toHaveTextContaining('SHOW ALL');
+      await expect(option7).not.toBeDisplayedInViewport();
+    });
+    it('04: should unselect all options', async () => {
+      const overflowPill = await DSComboboxCO.getPillByLabel('+9998');
+      const selectedOption = await DSComboboxCO.getPillByLabel('Option 0');
+      const selectAllCheckbox = await DSComboboxCO.getSelectAllCheckbox();
+      await selectAllCheckbox.click();
+      await expect(overflowPill).not.toBeDisplayedInViewport();
+      await expect(selectedOption).not.toBeDisplayedInViewport();
+    });
+  });
+}