dimsum-e2e-tests 3.49.0-rc.4 → 3.50.0-next.2

package/ds-controlled-form/ds-controlled-date-range-picker/DSControlledDateRangePicker.visual.spec.js

@@ -1,115 +0,0 @@
-import { Key } from 'webdriverio';
-import DSControlledDateRangePickerCO from './DSControlledDateRangePickerCO';
-import { type } from '../../helpers';
-
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-9219 - DSControlledDateRangePicker:: Basic -Visual', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSControlledDateRangePickerCO.basic.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should display contr. date range picker empty and closed', async () => {
-      await browser.eyesOpen();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledDateRangePickerCO.snapshotPath('date-range-picker-empty'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-    it('02: should display contr. date range picker open and with 1 date selected', async () => {
-      await browser.eyesOpen();
-      const openDatePicker = await DSControlledDateRangePickerCO.getPickerBtn();
-      await openDatePicker.click();
-      const day = await DSControlledDateRangePickerCO.getDayOnCalendarByIndex(10);
-      await day.click();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledDateRangePickerCO.snapshotPath('date-range-picker-one-date'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-    it('03: should display contr. date range picker open and with 2 dates selected', async () => {
-      await browser.eyesOpen();
-      const day = await DSControlledDateRangePickerCO.getDayOnCalendarByIndex(20);
-      await day.click();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledDateRangePickerCO.snapshotPath('date-range-picker-two-date'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-    it('04: should display contr. date range picker open and with long range end', async () => {
-      await browser.eyesOpen();
-      const nextMonthArrow = await DSControlledDateRangePickerCO.getNextMonthBtn();
-      await nextMonthArrow.click();
-      const day = await DSControlledDateRangePickerCO.getDayOnCalendarByIndex(10);
-      await day.click();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledDateRangePickerCO.snapshotPath('date-range-picker-long-end'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-    it('05: should display contr. date range picker open and with long range start', async () => {
-      await browser.eyesOpen();
-      const prevMonthArrow = await DSControlledDateRangePickerCO.getPrevMonthBtn();
-      await prevMonthArrow.click();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledDateRangePickerCO.snapshotPath('date-range-picker-long-start'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-  });
-
-  describe('PUI-14859 - DSControlledDateRangePicker:: Invalid selection -Visual', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSControlledDateRangePickerCO.invalidSelection.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should display invalid date range picker with closed calendar matching baseline', async () => {
-      const calendarTrigger = await DSControlledDateRangePickerCO.getPickerBtn();
-      await calendarTrigger.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledDateRangePickerCO.snapshotPath('date-range-picker-invalid-close'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-    it('02: should display invalid date range picker with expanded calendar matching baseline', async () => {
-      const calendarTrigger = await DSControlledDateRangePickerCO.getPickerBtn();
-      await calendarTrigger.click();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledDateRangePickerCO.snapshotPath('date-range-picker-invalid-open'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-  });
-
-  describe('PUI-14858 - DSControlledDateRangePicker:: Disabled -Visual', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSControlledDateRangePickerCO.disabled.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should display disabled date range picker and matching baseline', async () => {
-      const calendarTrigger = await DSControlledDateRangePickerCO.getPickerBtn();
-      await calendarTrigger.waitForDisplayed();
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledDateRangePickerCO.snapshotPath('date-range-picker-disabled'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-  });
-
-  describe('PUI-14857 - DSControlledDateRangePicker:: Clearable  -Visual', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSControlledDateRangePickerCO.clearable.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should display two clearable inputs. One populated, one empty', async () => {
-      const calendarTrigger = await DSControlledDateRangePickerCO.getPickerBtn();
-      await calendarTrigger.waitForDisplayed();
-      await browser.keys(Key.Tab);
-      await browser.keys(Key.Tab);
-      await type('02032020');
-      const snapshot = await browser.eyesCheckSnapshot(
-        DSControlledDateRangePickerCO.snapshotPath('date-range-picker-clearable'),
-      );
-      await expect(snapshot).toEqual(0);
-    });
-  });
-}

package/ds-menu-button/activable/DSMenuButton.activableMenuItem.func.spec.js

@@ -1,32 +0,0 @@
-/* eslint-disable max-statements */
-import { Key } from 'webdriverio';
-import DSMenuButtonCO from '../DSMenuButtonCO';
-import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
-import DSDialog from '../../ds-dialog/DSDialogCO';
-import DSCardV3CO from '../../ds-card-v3/DSCardV3CO';
-
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-14645 - DSMenuButton:: Activable Menu Item: Basic Mouse - Func', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSMenuButtonCO.activableMenuItem.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should trigger first menuItem with MOUSE and have a dialog', async () => {
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Actions example');
-      await menuTrigger.click();
-      const menuItem1 = await DSMenuButtonCO.getMenuItemByID('1');
-      await menuItem1.click();
-      const triggeredDialog = DSDialog.getDialog();
-      await expect(triggeredDialog).toBeDisplayed();
-    });
-    it('02: should trigger third menuItem with MOUSE and have a card', async () => {
-      await browser.keys(Key.Escape); // Closes dialog
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Actions example');
-      await menuTrigger.click();
-      const menuItem3 = await DSMenuButtonCO.getMenuItemByID('3');
-      await menuItem3.click();
-      const triggeredCards = (await DSCardV3CO.getCards()).length;
-      await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
-    });
-  });
-}

package/ds-menu-button/multiselect/DSMenuButton.axe-core.multiselect.func.spec.js

@@ -1,28 +0,0 @@
-import { axeCoreCheck } from '../../helpers';
-import DSMenuButtonCO from '../DSMenuButtonCO';
-import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
-
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-14642 - DSMenuButton:: Multi Select Menu Item - AxeCore', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSMenuButtonCO.multipleSelectMenuItem.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should have untriggered menubutton and pass axe-core scan', async () => {
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Multiple selection example');
-      await menuTrigger.waitForDisplayed();
-      const result = await axeCoreCheck({ selector: "[data-testid='ds-card-v3-root']" });
-      expect(result.length).toBe(0);
-    });
-    it('02: should have multi select menu with multiple opts selected and pass axe-core scan', async () => {
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Multiple selection example');
-      await menuTrigger.click();
-      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
-      await menuItem1.click();
-      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
-      await menuItem2.click();
-      const result = await axeCoreCheck({ selector: "[data-testid='ds-card-v3-root']" });
-      expect(result.length).toBe(0);
-    });
-  });
-}

package/ds-menu-button/multiselect/DSMenuButton.multiSelectItem.func.spec.js

@@ -1,34 +0,0 @@
-/* eslint-disable max-statements */
-import DSMenuButtonCO from '../DSMenuButtonCO';
-import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
-import DSCardV3CO from '../../ds-card-v3/DSCardV3CO';
-
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-14647 - DSMenuButton:: Multi Select Menu Item: Mouse - Func', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSMenuButtonCO.multipleSelectMenuItem.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should select two items with MOUSE and have two cards (as produced changes)', async () => {
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Multiple selection example');
-      await menuTrigger.click();
-      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
-      await menuItem1.click();
-      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
-      await menuItem2.click();
-      const triggeredCards = (await DSCardV3CO.getCards()).length;
-      await expect(triggeredCards).toEqual(3); // One card is already on this story containing the trigger (+1).
-      await expect(menuItem1).toHaveAttribute('aria-checked', 'true');
-      await expect(menuItem2).toHaveAttribute('aria-checked', 'true');
-    });
-    it('02: should deselect an item with MOUSE and have one less card (as produced changes)', async () => {
-      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
-      await menuItem1.click();
-      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
-      const triggeredCards = (await DSCardV3CO.getCards()).length;
-      await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
-      await expect(menuItem1).toHaveAttribute('aria-checked', 'false');
-      await expect(menuItem2).toHaveAttribute('aria-checked', 'true');
-    });
-  });
-}

package/ds-menu-button/singleSelect/DSMenuButton.axe-core.singleSelect.func.spec.js

@@ -1,28 +0,0 @@
-import { axeCoreCheck } from '../../helpers';
-import DSMenuButtonCO from '../DSMenuButtonCO';
-import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
-
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-14643 - DSMenuButton:: Single Select Menu Item - AxeCore', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSMenuButtonCO.singleSelectMenuItem.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should have single menu (unselected) and pass axe-core scan', async () => {
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('(multiple) Single selection example');
-      await menuTrigger.click();
-      const result = await axeCoreCheck({ selector: "[data-testid='ds-card-v3-root']" });
-      expect(result.length).toBe(0);
-    });
-    it('02: should have single menu (opt selected) and pass axe-core scan', async () => {
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('(multiple) Single selection example');
-      await menuTrigger.click();
-      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
-      await menuItem1.click();
-      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
-      await menuItem2.click();
-      const result = await axeCoreCheck({ selector: "[data-testid='ds-card-v3-root']" });
-      expect(result.length).toBe(0);
-    });
-  });
-}

package/ds-menu-button/singleSelect/DSMenuButton.singleSelectItem.func.spec.js

@@ -1,39 +0,0 @@
-/* eslint-disable max-statements */
-import { Key } from 'webdriverio';
-import DSMenuButtonCO from '../DSMenuButtonCO';
-import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
-import DSCardV3CO from '../../ds-card-v3/DSCardV3CO';
-
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-14650 - DSMenuButton:: Single Select Menu Item: Mouse - Func', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSMenuButtonCO.singleSelectMenuItem.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should select two items with MOUSE and have only last opt selected', async () => {
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('(multiple) Single selection example');
-      await menuTrigger.click();
-      const menuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1');
-      await menuItem1.click();
-      const menuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('2');
-      await menuItem2.click();
-      const triggeredCards = (await DSCardV3CO.getCards()).length;
-      const cardActiveFromOption = await (await DSCardV3CO.getHByLevel(2)).getText();
-      await expect(triggeredCards).toEqual(2); // One card is already on this story containing the trigger (+1).
-      await expect(menuItem1).toHaveAttribute('aria-checked', 'false');
-      await expect(menuItem2).toHaveAttribute('aria-checked', 'true');
-      await expect(cardActiveFromOption).toBe('Option 2');
-    });
-    it('02: should be able to pick two single options from different sections with MOUSE', async () => {
-      const menuItem3 = await DSMenuButtonCO.getMenuItemOptByIndex('3');
-      await menuItem3.click();
-      const menuItem4 = await DSMenuButtonCO.getMenuItemOptByIndex('4');
-      await browser.keys(Key.ArrowDown);
-      await browser.keys(Key.Space);
-      const menu = await DSMenuButtonCO.getMenuRoot();
-      await expect(menu).toBeDisplayedInViewport();
-      await expect(menuItem3).toHaveAttribute('aria-checked', 'true');
-      await expect(menuItem4).toHaveAttribute('aria-checked', 'true');
-    });
-  });
-}

package/ds-menu-button/submenu/DSMenuButton.axe-core.subMenu.func.spec.js

@@ -1,20 +0,0 @@
-import { Key } from 'webdriverio';
-import { axeCoreCheck } from '../../helpers';
-import DSMenuButtonCO from '../DSMenuButtonCO';
-import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
-
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-14644 - DSMenuButton:: Submenu Menu Item && Action Menu Item - AxeCore', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSMenuButtonCO.withSubmenuMenuItem.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should have menu with submenus and action menu items and pass axe-core scan', async () => {
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Submenus example');
-      await menuTrigger.click();
-      await browser.keys(Key.ArrowRight);
-      const result = await axeCoreCheck({ selector: "[data-testid='ds-card-v3-root']" });
-      expect(result.length).toBe(0);
-    });
-  });
-}

package/ds-menu-button/submenu/DSMenuButton.subMenuItem.func.spec.js

@@ -1,42 +0,0 @@
-/* eslint-disable max-statements */
-import DSMenuButtonCO from '../DSMenuButtonCO';
-import DSButtonV3CO from '../../ds-button-v3/DSButtonV3CO';
-import DSDialog from '../../ds-dialog/DSDialogCO';
-import { mouseOver } from '../../helpers';
-
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-14651 - DSMenuButton:: Submenu Menu Item - Func', () => {
-    before('loading page', async () => {
-      const errorOnGo = await DSMenuButtonCO.withSubmenuMenuItem.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should trigger menu and have first option focused first submenu expanded', async () => {
-      const menuTrigger = await DSButtonV3CO.getButtonByLabel('Submenus example');
-      await menuTrigger.click();
-      const subMenuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('1.1');
-      const subMenuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('1.2');
-      const subMenuItem3 = await DSMenuButtonCO.getMenuItemOptByIndex('1.3');
-      await expect(subMenuItem1).toBeDisplayed();
-      await expect(subMenuItem2).toBeDisplayed();
-      await expect(subMenuItem3).toBeDisplayed();
-    });
-    it('02: should hover third option with MOUSE to have third submenu expanded', async () => {
-      const menuItem = await DSMenuButtonCO.getMenuItemOptByIndex('3');
-      await mouseOver(menuItem);
-      const subMenuItem1 = await DSMenuButtonCO.getMenuItemOptByIndex('3.1');
-      const subMenuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('3.2');
-      const subMenuItem3 = await DSMenuButtonCO.getMenuItemOptByIndex('3.3');
-      const subMenuItemPrevious = await DSMenuButtonCO.getMenuItemOptByIndex('1.1');
-      await expect(subMenuItemPrevious).not.toBeDisplayed();
-      await expect(subMenuItem1).toBeDisplayed();
-      await expect(subMenuItem2).toBeDisplayed();
-      await expect(subMenuItem3).toBeDisplayed();
-    });
-    it('03: should trigger a submenu action with mouse', async () => {
-      const subMenuItem2 = await DSMenuButtonCO.getMenuItemOptByIndex('3.1');
-      await subMenuItem2.click();
-      const triggeredDialog = DSDialog.getDialog();
-      await expect(triggeredDialog).toBeDisplayed();
-    });
-  });
-}

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

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

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

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

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

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