dimsum-e2e-tests 1.0.0-rc.1

package/ds-controlled-form/ds-combobox/DSComboboxbox.smoke.spec.js

@@ -0,0 +1,374 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSComboboxCO from './DSComboboxCO';
+import { type } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  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.waitForDisplayed();
+      await lastOption.click();
+      await browser.pause(500);
+      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.click();
+      await browser.pause(500);
+      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.waitForDisplayed();
+      await lastOption.click();
+      await browser.pause(500);
+      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('Obi-Wan Kenobi');
+      const option2 = await DSComboboxCO.getOptionByLabel('Padme Amidala');
+      const option3 = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 1');
+      await option.click();
+      await option2.click();
+      await option3.click();
+      const pill1 = await DSComboboxCO.getOptionByLabel('Obi-Wan Kenobi');
+      const pill2 = await DSComboboxCO.getOptionByLabel('Padme Amidala');
+      const pill3 = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long 1');
+      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('Obi-Wan Kenobi');
+      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 1');
+      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();
+    });
+  });
+  describe('PUI-8130 - ComboboxV3:: Single Select - basic- keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.singleSelectFixedWidth.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 close the menu - ENTER', async () => {
+      const menulist = await DSComboboxCO.getMenuList();
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getSelectedValues();
+      await expect(menulist).not.toBeDisplayed();
+      await expect(selectedOption).toHaveTextContaining('Luke Skywalker too long this text is super long');
+    });
+    it('06: should select last option and close the menu - ArrowUp', async () => {
+      await browser.keys(Key.Enter);
+      const menulist = await DSComboboxCO.getMenuList();
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getSelectedValues();
+      await expect(menulist).not.toBeDisplayed();
+      await expect(selectedOption).toHaveTextContaining('Anakin Skywalker 2');
+    });
+    it('07: should unselect the same option correctly - Enter', async () => {
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getSelectedValues();
+      await expect(selectedOption).not.toBeDisplayed();
+    });
+    it('08: should select another option - ArrowDown', async () => {
+      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 selectedOption = await DSComboboxCO.getSelectedValues();
+      await expect(selectedOption).toHaveTextContaining('(555) 555-5555');
+    });
+  });
+  describe('PUI-8129 - ComboboxV3:: Single Select - unselect - keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.singleSelectFixedWidth.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);
+      await browser.pause(300);
+      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);
+      await browser.pause(300);
+      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-8128 - ComboboxV3:: Single Select - filter - keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.singleSelectFixedWidth.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');
+      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(2);
+    });
+    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');
+      await expect(selectedOption).toBeDisplayed();
+    });
+  });
+  describe('PUI-8127 - ComboboxV3:: Single Select Disabled Option - keyboard func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.singleSelectFixedWidth.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(2);
+    });
+    it('02: should not select a disabled option', async () => {
+      await browser.keys(Key.Enter);
+      const selectedOption = await DSComboboxCO.getPillByLabel('Han Solo');
+      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();
+    });
+  });
+}

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

@@ -0,0 +1,38 @@
+/* eslint-disable prettier/prettier */
+/* eslint-disable max-len */
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import { axeCoreCheck } from '../../../helpers';
+import DSComboboxCO from '../DSComboboxCO';
+import { type } from '../../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-10901 - ComboboxV3:: Creatable - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectCreatable.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Should display the ADD option and be axecore compliant', async () => {
+      const newOption = 'New option';
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.click();
+      await type(newOption);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: Should have new option created and be axecore compliant', async () => {
+      const newOption = 'New option';
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.click();
+      await type(newOption);
+      await browser.keys(Key.Enter);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,48 @@
+/* eslint-disable prettier/prettier */
+/* eslint-disable max-len */
+/* eslint-disable max-lines */
+import DSComboboxCO from '../DSComboboxCO';
+import { type, mouseOver } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-8449 - ComboboxV3:: Multi Select Creatable - basic - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectCreatable.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: display a long text option typed', async () => {
+      await browser.eyesOpen();
+      const longText =
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.';
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.click();
+      await type(longText);
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-createable-typing'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: display new option created', async () => {
+      await browser.eyesOpen();
+      const optionCreated = await DSComboboxCO.getOptionByIndex(0);
+      await optionCreated.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-createable-option-created'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: display tooltip for new option created', async () => {
+      await browser.eyesOpen();
+      const longText =
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.';
+      const pill = await DSComboboxCO.getPillByLabel(longText);
+      await mouseOver(pill, 25, 5);
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-createable-option-created-tooltip'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: create a new long option', async () => {
+      await browser.eyesOpen();
+      const longText =
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit';
+      await type(longText);
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-createable--new-option'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -0,0 +1,55 @@
+/* eslint-disable max-len */
+/* 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-8563 - ComboboxV3:: Multi Select Creatable - basic - func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectCreatable.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: type and select a long option', async () => {
+      const longText =
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.';
+      await browser.keys(Key.Tab);
+      await type(longText);
+      await browser.keys(Key.Enter);
+      const pill = await DSComboboxCO.getPillByLabel(longText);
+      const option = await DSComboboxCO.getOptionByLabel(longText);
+      await expect(pill).toBeDisplayedInViewport();
+      await expect(option).toBeDisplayedInViewport();
+    });
+    it('02: create another option', async () => {
+      const newOption = 'Lorem ipsum dolor sit amet';
+      await type(newOption);
+      await browser.keys(Key.Enter);
+      const pill = await DSComboboxCO.getPillByLabel('+1');
+      const option = await DSComboboxCO.getOptionByLabel(newOption);
+      await expect(pill).toBeDisplayedInViewport();
+      await expect(option).toBeDisplayedInViewport();
+    });
+    it('03: unselect longer option - unselecting option', async () => {
+      const longText =
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.';
+      const checkbox = await DSComboboxCO.getCheckboxByLabel(longText);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
+      const pill = await DSComboboxCO.getPillByLabel(longText);
+      const isChecked = await DSComboboxCO.isChecked(checkbox);
+      await expect(pill).not.toBeDisplayedInViewport();
+      await expect(isChecked).toBe(false);
+    });
+    it('04: unselect new option - pill close button', async () => {
+      const newOption = 'Lorem ipsum dolor sit amet';
+      const checkbox = await DSComboboxCO.getCheckboxByLabel(newOption);
+      await browser.keys(Key.ArrowLeft);
+      await browser.keys(Key.Enter);
+      const pill = await DSComboboxCO.getPillByLabel(newOption);
+      const isChecked = await DSComboboxCO.isChecked(checkbox);
+      await expect(pill).not.toBeDisplayedInViewport();
+      await expect(isChecked).toBe(false);
+    });
+  });
+}

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

@@ -0,0 +1,26 @@
+/* eslint-disable prettier/prettier */
+/* eslint-disable max-len */
+/* eslint-disable max-lines */
+import { axeCoreCheck } from '../../../helpers';
+import DSComboboxCO from '../DSComboboxCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  // Unskip after PUI10912 is fixed
+  describe.skip('PUI-10902 - ComboboxV3:: Disabled - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have disabled state and be axecore compliant', async () => {
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,27 @@
+import DSComboboxCO from '../DSComboboxCO';
+import { mouseOver } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-8016 - ComboboxV3:: Disabled - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display disabled state correctly', async () => {
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSComboboxCO.snapshotPath('comboboxV3-disabled'));
+      await expect(snapshot).toEqual(0);
+    });
+    if (!browser.capabilities['ice:options'].isTablet) {
+      it('should display tooltip when hover truncated pill', async () => {
+        const truncatedPill = await DSComboboxCO.getPillByLabel('Luke Skywalker too long this text is super long');
+        await mouseOver(truncatedPill, 20, 5);
+        const tooltip = await DSComboboxCO.getTooltip();
+        await tooltip.waitForDisplayed();
+        const snapshot = await browser.checkSnapshot(DSComboboxCO.snapshotPath('comboboxV3-disabled-with-tooltip'));
+        await expect(snapshot).toEqual(0);
+      });
+    }
+  });
+}

package/ds-controlled-form/ds-combobox/error-state/DSComboboxbox.with-form-item-block.axe-core.spec.js

@@ -0,0 +1,42 @@
+import DSComboboxCO from '../DSComboboxCO';
+import { axeCoreCheck } from '../../../helpers';
+import { Key } from 'webdriverio';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-10903 - ComboboxV3:: With Form Item Layout Block - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.withFormLayoutBlockItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have error state and highlight and be axecore compliant', async () => {
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should have error state and highliht with menu opened and be axecore compliant', async () => {
+      const dropDownBtn = await DSComboboxCO.getDropDownMenuBtn();
+      await dropDownBtn.waitForExist();
+      await dropDownBtn.click();
+      const menuList = await DSComboboxCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should have error state and highliht with option selected and be axecore compliant', async () => {
+      const dropDownBtn = await DSComboboxCO.getDropDownMenuBtn();
+      await dropDownBtn.waitForExist();
+      await dropDownBtn.click();
+      const menuList = await DSComboboxCO.getMenuList();
+      await menuList.waitForDisplayed();
+      await browser.keys(Key.Enter);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}