dimsum-e2e-tests 1.0.0-rc.1

package/ds-form/Combobox/DSCombobox.accessibility.func.spec.js

@@ -0,0 +1,150 @@
+/* eslint-disable max-lines */
+import DSComboboxCO from './DSComboboxCO';
+
+if (
+  !browser.capabilities['ice:options'].isPhone &&
+  !browser.capabilities['ice:options'].isTablet &&
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-6249 - Combobox Basic - screen reader accessibility', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('menu should have role "combobox"', async () => {
+      const input = await DSComboboxCO.getComboboxInput();
+      const inputRole = await DSComboboxCO.getRole(input);
+      await expect(inputRole).toBe('combobox');
+    });
+    it('menu should have role "list"', async () => {
+      await (await DSComboboxCO.getComboboxButton()).click();
+      const menu = await DSComboboxCO.getComboboxMenuList();
+      const menuRole = await DSComboboxCO.getRole(menu);
+      await expect(menuRole).toBe('list');
+    });
+    it('options should have role "option"', async () => {
+      const option = await DSComboboxCO.getComboBoxOption(0);
+      const optionRole = await DSComboboxCO.getRole(option);
+      await expect(optionRole).toBe('option');
+    });
+    it('selected item should have aria-selected=“true”', async () => {
+      await (await DSComboboxCO.getComboBoxOption(3)).click();
+      await (await DSComboboxCO.getComboboxButton()).click();
+      const option = await DSComboboxCO.getComboBoxOption(3);
+      const itemSelected = await DSComboboxCO.getAriaSelected(option);
+      await expect(itemSelected).toBe('true');
+    });
+    it('unselected item should have aria-selected=“false”', async () => {
+      await (await DSComboboxCO.getComboBoxOption(3)).click();
+      await (await DSComboboxCO.getClearButton()).click();
+      await (await DSComboboxCO.getComboboxButton()).click();
+      const option = await DSComboboxCO.getComboBoxOption(3);
+      const itemSelected = await DSComboboxCO.getAriaSelected(option);
+      await expect(itemSelected).toBe('false');
+    });
+  });
+  describe('PUI-6250 - Combobox Multi - screen reader accessibility', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('menu should have role "combobox"', async () => {
+      const input = await DSComboboxCO.getComboboxInput();
+      const inputRole = await DSComboboxCO.getRole(input);
+      await expect(inputRole).toBe('combobox');
+    });
+    it('menu should have role "list"', async () => {
+      await (await DSComboboxCO.getComboboxButton()).click();
+      const menu = await DSComboboxCO.getComboboxMenuList();
+      const menuRole = await DSComboboxCO.getRole(menu);
+      await expect(menuRole).toBe('list');
+    });
+    it('options should have role "option"', async () => {
+      const option = await DSComboboxCO.getComboBoxOption(0);
+      const optionRole = await DSComboboxCO.getRole(option);
+      await expect(optionRole).toBe('option');
+    });
+    it('selected item should have aria-selected=“true”', async () => {
+      await (await DSComboboxCO.getComboBoxOption(3)).click();
+      await (await DSComboboxCO.getOptionSelected('Han Solo')).waitForDisplayed();
+      const option = await DSComboboxCO.getComboBoxOption(3);
+      const itemSelected = await DSComboboxCO.getAriaSelected(option);
+      await expect(itemSelected).toBe('true');
+    });
+    it('unselected item should have aria-selected=“false”', async () => {
+      await (await DSComboboxCO.getClearButton()).click();
+      const option = await DSComboboxCO.getComboBoxOption(3);
+      const itemSelected = await DSComboboxCO.getAriaSelected(option);
+      await expect(itemSelected).toBe('false');
+    });
+  });
+  describe('PUI-6251 - Combobox Free-solo - screen reader accessibility', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.freeSolo.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('menu should have role "combobox"', async () => {
+      const input = await DSComboboxCO.getComboboxInput();
+      const inputRole = await DSComboboxCO.getRole(input);
+      await expect(inputRole).toBe('combobox');
+    });
+    it('menu should have role "list"', async () => {
+      await (await DSComboboxCO.getComboboxButton()).click();
+      const menu = await DSComboboxCO.getComboboxMenuList();
+      const menuRole = await DSComboboxCO.getRole(menu);
+      await expect(menuRole).toBe('list');
+    });
+    it('options should have role "option"', async () => {
+      const option = await DSComboboxCO.getComboBoxOption(0);
+      const optionRole = await DSComboboxCO.getRole(option);
+      await expect(optionRole).toBe('option');
+    });
+    it('selected item should have aria-selected=“true”', async () => {
+      await (await DSComboboxCO.getComboBoxOption(4)).click();
+      await (await DSComboboxCO.getComboboxButton()).click();
+      const option = await DSComboboxCO.getComboBoxOption(4);
+      const itemSelected = await DSComboboxCO.getAriaSelected(option);
+      await expect(itemSelected).toBe('true');
+    });
+    it('unselected item should have aria-selected=“false”', async () => {
+      await (await DSComboboxCO.getClearX()).click();
+      const option = await DSComboboxCO.getComboBoxOption(4);
+      const itemSelected = await DSComboboxCO.getAriaSelected(option);
+      await expect(itemSelected).toBe('false');
+    });
+  });
+  describe('PUI-6253 - Combobox Free-solo Multi - screen reader accessibility', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.freeSoloMulti.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('menu should have role "combobox"', async () => {
+      const input = await DSComboboxCO.getComboboxInput();
+      const inputRole = await DSComboboxCO.getRole(input);
+      await expect(inputRole).toBe('combobox');
+    });
+    it('menu should have role "list"', async () => {
+      await (await DSComboboxCO.getComboboxButton()).click();
+      const menu = await DSComboboxCO.getComboboxMenuList();
+      const menuRole = await DSComboboxCO.getRole(menu);
+      await expect(menuRole).toBe('list');
+    });
+    it('options should have role "option"', async () => {
+      const option = await DSComboboxCO.getComboBoxOption(0);
+      const optionRole = await DSComboboxCO.getRole(option);
+      await expect(optionRole).toBe('option');
+    });
+    it('selected item should have aria-selected=“true”', async () => {
+      await (await DSComboboxCO.getComboBoxOption(4)).click();
+      const option = await DSComboboxCO.getComboBoxOption(4);
+      const itemSelected = await DSComboboxCO.getAriaSelected(option);
+      await expect(itemSelected).toBe('true');
+    });
+    it('unselected item should have aria-selected=“false”', async () => {
+      await (await DSComboboxCO.getClearButton()).click();
+      const option = await DSComboboxCO.getComboBoxOption(4);
+      const itemSelected = await DSComboboxCO.getAriaSelected(option);
+      await expect(itemSelected).toBe('false');
+    });
+  });
+}

package/ds-form/Combobox/DSCombobox.basic.func.spec.js

@@ -0,0 +1,238 @@
+/* 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-3364 - Combobox basic', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should show basic combobox input', async () => {
+      const comboBoxInput = await DSComboboxCO.getComboboxInput();
+      await expect(comboBoxInput).toBeDisplayed();
+    });
+    it('should show basic combobox with menu open', async () => {
+      await DSComboboxCO.toggleCombobox();
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await expect(comboBoxMenuList).toBeDisplayed();
+    });
+    it('should close simple menu combobox after selecting one option', async () => {
+      await (await DSComboboxCO.getOptionByText('Luke Skywalker')).waitForDisplayed();
+      await (await DSComboboxCO.getOptionByText('Luke Skywalker')).click();
+      const isComboBoxOpen = await DSComboboxCO.isComboboxOpen();
+      await expect(isComboBoxOpen).not.toBeTruthy();
+    });
+    it('should reflect selected value', async () => {
+      const comboBoxInputTxt = await (await DSComboboxCO.getComboboxInput()).getText();
+      await expect(comboBoxInputTxt).toContain('Luke Skywalker');
+    });
+    it('should open dropdown menu when clicking on value container, after selecting a value', async () => {
+      await (await DSComboboxCO.getComboBoxValueContainer()).click();
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await expect(comboBoxMenuList).toBeDisplayed();
+    });
+  });
+  describe('PUI-3340 - Combobox, change options', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.changeOptionsDynamicallyURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('Use case - Dynamically change options and selected value', async () => {
+      await (await DSComboboxCO.getOptionByText('Padme Amidala')).click();
+      await (await DSComboboxCO.getChangeOptionsButton()).click();
+      const valueChanged = await $('span*=Padme Amidala Bis');
+      await expect(valueChanged).toBeDisplayed();
+    });
+  });
+  describe('PUI-3152 - Combobox, clears selected value', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('clears selected value with backspace', async () => {
+      await DSComboboxCO.toggleCombobox();
+      await (await DSComboboxCO.getOptionByText('Luke Skywalker')).click();
+      const input = await DSComboboxCO.getComboboxInput();
+      await input.click();
+      await browser.keys(Key.Backspace);
+      const comboBoxTxtValue = await (await DSComboboxCO.getComboBoxValueContainer()).getText();
+      await expect(comboBoxTxtValue).toBe('Select your character');
+    });
+  });
+  describe('PUI-4120 - Check clearable behavior', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should clear field with a valid value', async () => {
+      await (await DSComboboxCO.getTextInput()).setValue('Luke');
+      await browser.keys(Key.Enter);
+      const clearIcon = await DSComboboxCO.getClearIcon();
+      await expect(clearIcon).toBeDisplayed();
+      await (await DSComboboxCO.getClearIcon()).click();
+      const txtInputText = await (await DSComboboxCO.getTextInput()).getText();
+      await expect(txtInputText).toEqual('');
+    });
+  });
+  describe('PUI-4361 - Combobox - dropdown menu expanded top', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.expandedTopURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should align menu correctly', async () => {
+      await (await DSComboboxCO.getComboboxButton()).click();
+      await (await DSComboboxCO.getTextInput()).setValue('v');
+      const position = await (await DSComboboxCO.getPopperContainer()).getCSSProperty('top');
+      await expect(position.value).toEqual('0px');
+    });
+  });
+  describe('PUI-3496 - Combobox, keyboard Behavior', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('input is focused and menu list should not be open [Tab]', async () => {
+      await $('body').click();
+      await browser.keys(Key.Tab);
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      const txtInput = await DSComboboxCO.getTextInput();
+      await expect(comboBoxMenuList).not.toBeDisplayed();
+      await expect(txtInput).toBeFocused();
+    });
+    it('should open menu list [Enter]', async () => {
+      await browser.keys(Key.Enter);
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await expect(comboBoxMenuList).toBeDisplayed();
+    });
+    it('should open menu list [Space]', async () => {
+      await $('body').click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await expect(comboBoxMenuList).toBeDisplayed();
+    });
+    it('should open menu list [ArrowDown]', async () => {
+      await $('body').click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowDown);
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await expect(comboBoxMenuList).toBeDisplayed();
+    });
+    it('should select an option [Space]', async () => {
+      await browser.keys(Key.Space);
+      const comboBoxInput = await DSComboboxCO.getComboboxInput();
+      await expect(comboBoxInput).toHaveTextContaining('Luke Skywalker');
+    });
+    it('should select an option [Enter]', async () => {
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
+      const comboBoxInput = await DSComboboxCO.getComboboxInput();
+      await expect(comboBoxInput).toHaveTextContaining('Obi-Wan Kenobi');
+    });
+    it('should clear correctly press [Enter] clear button', async () => {
+      if (browser.capabilities.browserName === 'Safari') {
+        await (await DSComboboxCO.getClearButton()).click();
+      } else {
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.Enter);
+      }
+      const comboBoxInput = await DSComboboxCO.getComboboxInput();
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await expect(comboBoxInput).toHaveTextContaining('');
+      await expect(comboBoxMenuList).not.toBeDisplayedInViewport();
+    });
+    it('should clear correctly press [Delete]', async () => {
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
+      const comboBoxInput = await DSComboboxCO.getComboboxInput();
+      await expect(comboBoxInput).toHaveTextContaining('Obi-Wan Kenobi');
+      await browser.keys(Key.Delete);
+      const comboBoxInput2 = await DSComboboxCO.getComboboxInput();
+      await expect(comboBoxInput2).toHaveTextContaining('');
+    });
+  });
+  describe('PUI-6090 - Combobox, press tab to select an option', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should select an option, close the menu and blur when press [Tab]', async () => {
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await $('body').click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowDown);
+      await comboBoxMenuList.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const comboBoxInput = await DSComboboxCO.getComboboxInput();
+      const comboBoxValueCont = await DSComboboxCO.getComboBoxValueContainer();
+      await expect(comboBoxValueCont).toHaveTextContaining('Luke Skywalker');
+      await expect(comboBoxMenuList).not.toBeDisplayed();
+      await expect(comboBoxInput).not.toBeFocused();
+    });
+  });
+  describe('PUI-4871 - Combobox: empty array and expandMenuOutsideContainer prop::', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.emptyOptsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should show no options label on menu', async () => {
+      await DSComboboxCO.toggleCombobox();
+      const optionsFound = await (await DSComboboxCO.getNoOptionsFound()).getText();
+      await expect(optionsFound).toEqual('No options found');
+    });
+  });
+  describe('PUI-5565 - Basic with clearable and searchable off', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.nonSearchable.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should not search a value', async () => {
+      const comboBoxTxtInput = await DSComboboxCO.getTextInput();
+      await expect(comboBoxTxtInput).toBeExisting();
+    });
+    it('should select a value', async () => {
+      await DSComboboxCO.toggleCombobox();
+      await (await DSComboboxCO.getComboboxMenuList()).waitForDisplayed();
+      await (await DSComboboxCO.getOptionByText('Luke Skywalker')).click();
+      const comboBoxInput = await DSComboboxCO.getInput('Luke Skywalker');
+      await expect(comboBoxInput).toBeDisplayed();
+    });
+    it('should not clear a value', async () => {
+      const input = await DSComboboxCO.getComboboxInput();
+      await input.click();
+      await browser.keys(Key.Backspace);
+      const comboBoxInput = await DSComboboxCO.getInput('Luke Skywalker');
+      await expect(comboBoxInput).toBeDisplayed();
+    });
+  });
+  describe('PUI-5867 - Combobox - Scroll behavior - Autoscroll on mouseout', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.tenThousandOptionsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should not scroll up on mouse out', async () => {
+      await DSComboboxCO.toggleCombobox();
+      await (await DSComboboxCO.getComboboxMenuList()).moveTo();
+      for (let offset = 9; offset < 100; offset += 9) {
+        // eslint-disable-next-line no-await-in-loop
+        await (await DSComboboxCO.getOptionByText(`Option ${offset}`)).scrollIntoView();
+      }
+      await (await DSComboboxCO.getComboboxInput()).moveTo();
+      const option = await DSComboboxCO.getOptionByText('Option 0');
+      await expect(option).not.toBeDisplayed();
+    });
+  });
+  describe('PUI-6315 - Combobox - focus by props', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.focusedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display combobox focused', async () => {
+      const txtInput = await DSComboboxCO.getTextInput();
+      await expect(txtInput).toBeFocused();
+    });
+  });
+}

package/ds-form/Combobox/DSCombobox.freesolo.func.spec.js

@@ -0,0 +1,98 @@
+import { Key } from 'webdriverio';
+import DSComboboxCO from './DSComboboxCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-4290 - FreeSolo enter a new option', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.freeSolo.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should be display new option and values from the list', async () => {
+      await (await DSComboboxCO.freeSolo).go();
+      await (await DSComboboxCO.getTextInput()).setValue('Luke');
+      const txtCheckBox0 = await (await DSComboboxCO.getComboBoxMultiCheckBox(0)).getText();
+      const txtCheckBox1 = await (await DSComboboxCO.getComboBoxMultiCheckBox(1)).getText();
+      await expect(txtCheckBox0).toContain('Create Luke');
+      await expect(txtCheckBox1).toContain('Luke Skywalker');
+    });
+    it('should display a pill with the option created', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
+      const txtCheckBox = await (await DSComboboxCO.getComboboxInput()).getText();
+      await expect(txtCheckBox).toContain('Luke');
+    });
+    it('should clear input when pill is deleted', async () => {
+      await (await DSComboboxCO.getClearIcon()).click();
+      const comboBoxInput = await (await DSComboboxCO.getComboboxInput()).getText();
+      await expect(comboBoxInput).toContain('Select value');
+    });
+  });
+  describe('PUI-5192 - FreeSolo - Multi', () => {
+    const option1 = 'New Option 1';
+    const option2 = 'New Option 2';
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.freeSoloMulti.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should create 2 new options', async () => {
+      await browser.keys(Key.Tab);
+      await DSComboboxCO.typeOption(option1);
+      await browser.keys(Key.Enter);
+      await DSComboboxCO.typeOption(option2);
+      await browser.keys(Key.Enter);
+      const pill0 = await DSComboboxCO.getPill(0);
+      const pill1 = await DSComboboxCO.getPill(1);
+      await expect(pill0).toHaveTextContaining(option1);
+      await expect(pill1).toHaveTextContaining(option2);
+    });
+    it('should select one option from menu', async () => {
+      await (await DSComboboxCO.getComboBoxOption(2)).click();
+      const pill0 = await DSComboboxCO.getPill(0);
+      const pill1 = await DSComboboxCO.getPill(1);
+      const pill2 = await DSComboboxCO.getPill(2);
+      await expect(pill0).toHaveTextContaining(option1);
+      await expect(pill1).toHaveTextContaining(option2);
+      await expect(pill2).toHaveTextContaining('Obi-Wan Kenobi');
+    });
+    it('should select all options', async () => {
+      await (await DSComboboxCO.getAllButton()).click();
+      const pill0 = await DSComboboxCO.getPill(0);
+      const pill1 = await DSComboboxCO.getPill(1);
+      const pillsLenght = (await DSComboboxCO.getPills()).length;
+      await expect(pill0).toHaveTextContaining(option1);
+      await expect(pill1).toHaveTextContaining(option2);
+      await expect(pillsLenght).toBe(8);
+    });
+    it('should clear all options', async () => {
+      await (await DSComboboxCO.getClearButton()).click();
+      const pills = await DSComboboxCO.getPills();
+      await expect(pills).not.toBeDisplayed();
+    });
+  });
+  describe('PUI-4294 - FreeSolo select an option', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.freeSolo.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should open dropdown menu', async () => {
+      await (await DSComboboxCO.freeSolo).go();
+      await (await DSComboboxCO.getComboboxButton()).waitForDisplayed();
+      await (await DSComboboxCO.getComboboxButton()).click();
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await expect(comboBoxMenuList).toBeDisplayed();
+    });
+    it('should select an option from the list', async () => {
+      await (await DSComboboxCO.getComboBoxMultiCheckBox(0)).click();
+      const comboBoxInput = await DSComboboxCO.getComboboxInput();
+      await expect(comboBoxInput).toHaveTextContaining('Luke Skywalker');
+    });
+    it('should not expand menu when value is entered', async () => {
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await expect(comboBoxMenuList).not.toBeDisplayed();
+    });
+    it('input remain focused when value is entered', async () => {
+      const comboBoxInput = await DSComboboxCO.getComboboxInput();
+      await expect(comboBoxInput).toHaveElementClass('in-focus');
+    });
+  });
+}

package/ds-form/Combobox/DSCombobox.freesolo.visual.spec.js

@@ -0,0 +1,25 @@
+import DSComboboxCO from './DSComboboxCO';
+import { mouseOver } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-7946 - FreeSolo truncated option', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.freeTruncatedOption.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should be display an ellipsis in the long option', async () => {
+      await (await DSComboboxCO.getComboboxButton()).waitForDisplayed();
+      await (await DSComboboxCO.getComboboxButton()).click();
+      const comboBoxMenuList = await DSComboboxCO.getComboboxMenuList();
+      await expect(comboBoxMenuList).toBeDisplayed();
+      const snapshot = await browser.checkSnapshot(DSComboboxCO.snapshotPath('freesolo-truncated-option'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should be display an tooltip when a long option is hovered', async () => {
+      await mouseOver(await $$('[data-testid="DS-SimpleTruncateText"]')[1]);
+      await $('div=Lorem Ipsum has been the industry standard dummy text ever since the 1500s').waitForDisplayed();
+      const snapshot2 = await browser.checkSnapshot(DSComboboxCO.snapshotPath('freesolo-truncated-tooltip'));
+      await expect(snapshot2).toEqual(0);
+    });
+  });
+}

package/ds-form/Combobox/DSCombobox.multi.func.spec.js

@@ -0,0 +1,121 @@
+/* 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-3379 - Combobox multi, select and deselect', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should select all and deselect all in multi select type', async () => {
+      await DSComboboxCO.toggleCombobox();
+      await (await DSComboboxCO.getAllButton()).click();
+      const areFiveSelected = (await $$('[aria-checked="true"]').length) === 5;
+      await expect(areFiveSelected).toBeTruthy();
+      await (await DSComboboxCO.getClearButton()).click();
+      const areZeroSelected = (await $$('[aria-checked="true"]').length) === 0;
+      await expect(areZeroSelected).toBeTruthy();
+    });
+  });
+  describe('PUI-3497 - Combobox multi, not allow manual input', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should not allow manual input on multi-select case', async () => {
+      await DSComboboxCO.toggleCombobox();
+      await (await DSComboboxCO.getComboBoxMultiCheckBox(0)).click();
+      const optSelected = await DSComboboxCO.getOptionSelected('Luke Skywalker');
+      await expect(optSelected).toBeDisplayed();
+      await (await DSComboboxCO.getComboBoxMultiInput()).setValue('this is a test');
+      await browser.keys(Key.Tab);
+      const optSelected2 = await DSComboboxCO.getOptionSelected('this is a test');
+      await expect(optSelected2).not.toBeDisplayed();
+    });
+  });
+  describe('PUI-4026 - ComboBox multi, disable selectAll function', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiSelectAllDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should disable select all/clear functionality', async () => {
+      await DSComboboxCO.toggleCombobox();
+      const allBtn = await DSComboboxCO.getAllButton();
+      const clearBtn = await DSComboboxCO.getClearButton();
+      await expect(allBtn).not.toBeDisplayed();
+      await expect(clearBtn).not.toBeDisplayed();
+    });
+  });
+  describe('PUI-3708 - ComboBox: Multi, All/None::', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiUrl.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('All options is enabled and None option is disabled', async () => {
+      await DSComboboxCO.toggleCombobox();
+      const allBtn = await DSComboboxCO.getAllButton();
+      const clearBtn = await DSComboboxCO.getClearButton();
+      await expect(allBtn).not.toBeDisabled();
+      await expect(clearBtn).toBeDisabled();
+    });
+    it('All and None options are enabled', async () => {
+      await (await DSComboboxCO.getComboBoxMultiCheckBox(0)).click();
+      const allBtn = await DSComboboxCO.getAllButton();
+      const clearBtn = await DSComboboxCO.getClearButton();
+      const optionsCheckedLenght = (await DSComboboxCO.getOptionsChecked()).length;
+      await expect(optionsCheckedLenght).toBe(1);
+      await expect(allBtn).not.toBeDisabled();
+      await expect(clearBtn).not.toBeDisabled();
+    });
+    it('All elements are unchecked', async () => {
+      await (await DSComboboxCO.getClearButton()).click();
+      const allBtn = await DSComboboxCO.getAllButton();
+      const clearBtn = await DSComboboxCO.getClearButton();
+      const optionsCheckedLenght = (await DSComboboxCO.getOptionsChecked()).length;
+      await expect(optionsCheckedLenght).toBe(0);
+      await expect(allBtn).not.toBeDisabled();
+      await expect(clearBtn).toBeDisabled();
+    });
+    it('All elements are checked', async () => {
+      await (await DSComboboxCO.getAllButton()).click();
+      const optionsCheckedLenght = (await DSComboboxCO.getOptionsChecked()).length;
+      await expect(optionsCheckedLenght).toBe(5);
+      const allBtn = await DSComboboxCO.getAllButton();
+      const clearBtn = await DSComboboxCO.getClearButton();
+      await expect(allBtn).toBeDisabled();
+      await expect(clearBtn).not.toBeDisabled();
+    });
+    it('All gets enabled again and clear is also enabled', async () => {
+      await (await DSComboboxCO.getComboBoxMultiCheckBox(3)).click();
+      const allBtn = await DSComboboxCO.getAllButton();
+      const clearBtn = await DSComboboxCO.getClearButton();
+      const optionsCheckedLenght = (await DSComboboxCO.getOptionsChecked()).length;
+      await expect(optionsCheckedLenght).toBe(4);
+      await expect(allBtn).not.toBeDisabled();
+      await expect(clearBtn).not.toBeDisabled();
+    });
+    it('Clear gets enabled', async () => {
+      await (await DSComboboxCO.getClearButton()).click();
+      await (await DSComboboxCO.getComboBoxMultiCheckBox(2)).click();
+      const allBtn = await DSComboboxCO.getAllButton();
+      const clearBtn = await DSComboboxCO.getClearButton();
+      const optionsCheckedLenght = (await DSComboboxCO.getOptionsChecked()).length;
+      await expect(optionsCheckedLenght).toBe(1);
+      await expect(allBtn).not.toBeDisabled();
+      await expect(clearBtn).not.toBeDisabled();
+    });
+  });
+  describe('PUI-6177 - ComboBox - Multi, Truncated options - Scroll and selection', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.multiWithtruncateURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should show one option selected', async () => {
+      await DSComboboxCO.scrollToMultiOption(22);
+      await (await DSComboboxCO.getComboBoxMultiCheckBox(22)).click();
+      const optionsCheckedLenght = (await DSComboboxCO.getOptionsChecked()).length;
+      await expect(optionsCheckedLenght).toBe(1);
+    });
+  });
+}