dimsum-e2e-tests 1.0.0-rc.1

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

@@ -0,0 +1,31 @@
+/* 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'
+) {
+  /// review this test with PUI-10912
+  describe.skip('PUI-10910 - ComboboxV3:: Only Selectable', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.onlySelectable.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have only selectable cobobox to be axecore compliant', async () => {
+      const combobox = await DSComboboxCO.getDropDownMenuBtn();
+      await combobox.waitForDisplayed();
+      await combobox.click();
+      const option = await DSComboboxCO.getOptionByIndex(0);
+      await option.click();
+      const menuList = await DSComboboxCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-combobox/only-selectable/DSComboboxbox.only-selectable.func.spec.js

@@ -0,0 +1,24 @@
+import DSComboboxCO from '../DSComboboxCO';
+
+if (browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9547 - ComboboxV3:: Only Selectable', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.onlySelectable.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should not display keyboard when combobox is tapped', async () => {
+      // Next setting is only for iOS and enable "real", non-javascript-based web taps in Safari.
+      // await console.log(await browser.capabilities);
+      if (browser.capabilities.deviceName.includes('iPad')) {
+        await driver.updateSettings({ nativeWebTap: true });
+      }
+      const combobox = await DSComboboxCO.getDropDownMenuBtn();
+      await combobox.waitForDisplayed();
+      await combobox.click();
+      const menuList = await DSComboboxCO.getComboListbox();
+      await menuList.waitForDisplayed();
+      const keyboardShown = await driver.isKeyboardShown();
+      await expect(keyboardShown).toEqual(false);
+    });
+  });
+}

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

@@ -0,0 +1,153 @@
+/* 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 && !browser.capabilities['ice:options'].isTablet) {
+  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/single-select/DSComboboxbox.single-select.visual.spec.js

@@ -0,0 +1,48 @@
+import DSComboboxCO from '../DSComboboxCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9109 - ComboboxV3:: Single Select - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSComboboxCO.singleSelectFixedWidth.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a single select correctly', async () => {
+      await browser.eyesOpen();
+      const combobox = await DSComboboxCO.getCombobox();
+      await combobox.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-single-select'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should open a single select correctly', async () => {
+      await browser.eyesOpen();
+      const dropDownMenuBtn = await DSComboboxCO.getDropDownMenuBtn();
+      await dropDownMenuBtn.click();
+      const menuList = await DSComboboxCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-single-select-opened'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display an option selected - combo closed', async () => {
+      await browser.eyesOpen();
+      const option = await DSComboboxCO.getOptionByLabel('Luke Skywalker too long this text is super long');
+      await option.click();
+      const selectedOption = await DSComboboxCO.getSelectedValues();
+      await selectedOption.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxCO.snapshotPath('comboboxV3-single-select-option-selected-closed'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display an option selected - combo opened', async () => {
+      await browser.eyesOpen();
+      const dropDownMenuBtn = await DSComboboxCO.getDropDownMenuBtn();
+      await dropDownMenuBtn.click();
+      const menuList = await DSComboboxCO.getMenuList();
+      await menuList.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSComboboxCO.snapshotPath('comboboxV3-single-select-option-selected-opened'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/Basic/DSControlledCheckbox.axe-core.basic.func.spec.js

@@ -0,0 +1,42 @@
+/* eslint-disable max-lines */
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSControlledCheckboxCO from '../DSControlledCheckboxCO';
+import { axeCoreCheck, mouseOver } from '../../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-10614 - [ControlledCheckbox] Basic: Axe Core Accessibility', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Evaluate checkbox accessibility with axe-core', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await checkbox.waitForExist();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: Evaluate checkbox accessibility with axe-core (focused)', async () => {
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: Evaluate checkbox accessibility with axe-core (hovered)', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await mouseOver(checkbox);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('04: Evaluate checkbox accessibility with axe-core (clicked)', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await checkbox.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/Basic/DSControlledCheckbox.basic.func.spec.js

@@ -0,0 +1,46 @@
+/* eslint-disable max-lines */
+/* eslint-disable wdio/no-pause */
+import DSControlledCheckboxCO from '../DSControlledCheckboxCO';
+
+if (
+  !browser.capabilities['ice:options'].isPhone &&
+  !browser.capabilities['ice:options'].isTablet &&
+  browser.capabilities.browserName !== 'Firefox'
+) {
+  describe('PUI-7099 - DSControlledCheckbox:: checked and unchecked states', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should uncheck the checkbox on click', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await checkbox.waitForExist({ timeout: 120000 });
+      await checkbox.click();
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(false);
+    });
+    it('should check checkbox clicking label', async () => {
+      const label = await DSControlledCheckboxCO.getCheckboxLabel();
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await label.click();
+      await browser.pause(1000);
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(true);
+    });
+    it('should uncheck checkbox by clicking label', async () => {
+      const label = await DSControlledCheckboxCO.getCheckboxLabel();
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await label.click();
+      await browser.pause(1000);
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(false);
+    });
+    it('should check checkbox clicking checkbox', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await checkbox.click();
+      await browser.pause(1000);
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(true);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/DSControlledCheckbox.smoke.spec.js

@@ -0,0 +1,125 @@
+/* eslint-disable max-lines */
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSControlledCheckboxCO from './DSControlledCheckboxCO';
+
+if (
+  !browser.capabilities['ice:options'].isPhone &&
+  !browser.capabilities['ice:options'].isTablet &&
+  browser.capabilities.browserName !== 'Firefox'
+) {
+  describe('PUI-7099 - DSControlledCheckbox:: checked and unchecked states', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should uncheck the checkbox on click', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await checkbox.waitForExist({ timeout: 120000 });
+      await checkbox.click();
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(false);
+    });
+    it('should check checkbox clicking label', async () => {
+      const label = await DSControlledCheckboxCO.getCheckboxLabel();
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await label.click();
+      await browser.pause(1000);
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(true);
+    });
+    it('should uncheck checkbox by clicking label', async () => {
+      const label = await DSControlledCheckboxCO.getCheckboxLabel();
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await label.click();
+      await browser.pause(1000);
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(false);
+    });
+    it('should check checkbox clicking checkbox', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await checkbox.click();
+      await browser.pause(1000);
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(true);
+    });
+  });
+  describe('PUI-8282 - DSControlledCheckbox:: mixed states', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.mixed.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should have custom data-testid for group container', async () => {
+      const checkboxGroup = await DSControlledCheckboxCO.getCheckboxGroup();
+      await expect(checkboxGroup).toBeDisplayed();
+    });
+    it('should check all the checkboxes when checking the global one', async () => {
+      const globalCheckbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
+      await globalCheckbox.click();
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(globalCheckbox);
+      const checkbox2 = await DSControlledCheckboxCO.getCheckboxByIndex(1);
+      const checkedCheckbox2 = await DSControlledCheckboxCO.isChecked(checkbox2);
+      const checkbox3 = await DSControlledCheckboxCO.getCheckboxByIndex(2);
+      const checkedCheckbox3 = await DSControlledCheckboxCO.isChecked(checkbox3);
+      await expect(checkedCheckbox).toBe(true);
+      await expect(checkedCheckbox2).toBe(true);
+      await expect(checkedCheckbox3).toBe(true);
+    });
+    it('should uncheck all the checkboxes when unchecking the global one', async () => {
+      const globalCheckbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
+      await globalCheckbox.click();
+      await globalCheckbox.click();
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(globalCheckbox);
+      const checkbox2 = await DSControlledCheckboxCO.getCheckboxByIndex(1);
+      const checkedCheckbox2 = await DSControlledCheckboxCO.isChecked(checkbox2);
+      const checkbox3 = await DSControlledCheckboxCO.getCheckboxByIndex(2);
+      const checkedCheckbox3 = await DSControlledCheckboxCO.isChecked(checkbox3);
+      await expect(checkedCheckbox).toBe(false);
+      await expect(checkedCheckbox2).toBe(false);
+      await expect(checkedCheckbox3).toBe(false);
+    });
+    it('should check the global checkbox when checking all the others', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(2);
+      await checkbox.click();
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(true);
+    });
+    it('should uncheck the global checkbox when unchecking all the others', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(1);
+      await checkbox.click();
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(checkbox);
+      await expect(checkedCheckbox).toBe(false);
+    });
+  });
+  describe('PUI-8649 - DSControlledCheckbox:: Keyboard behavior global checkbox', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.mixed.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should check all the checkboxes when checking the global one', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const globalCheckbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(globalCheckbox);
+      const checkbox2 = await DSControlledCheckboxCO.getCheckboxByIndex(1);
+      const checkedCheckbox2 = await DSControlledCheckboxCO.isChecked(checkbox2);
+      const checkbox3 = await DSControlledCheckboxCO.getCheckboxByIndex(2);
+      const checkedCheckbox3 = await DSControlledCheckboxCO.isChecked(checkbox3);
+      await expect(checkedCheckbox).toBe(true);
+      await expect(checkedCheckbox2).toBe(true);
+      await expect(checkedCheckbox3).toBe(true);
+    });
+    it('should uncheck all the checkboxes when unchecking the global one', async () => {
+      await browser.keys(Key.Space);
+      const globalCheckbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
+      const checkedCheckbox = await DSControlledCheckboxCO.isChecked(globalCheckbox);
+      const checkbox2 = await DSControlledCheckboxCO.getCheckboxByIndex(1);
+      const checkedCheckbox2 = await DSControlledCheckboxCO.isChecked(checkbox2);
+      const checkbox3 = await DSControlledCheckboxCO.getCheckboxByIndex(2);
+      const checkedCheckbox3 = await DSControlledCheckboxCO.isChecked(checkbox3);
+      await expect(checkedCheckbox).toBe(false);
+      await expect(checkedCheckbox2).toBe(false);
+      await expect(checkedCheckbox3).toBe(false);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/DSControlledCheckboxCO.js

@@ -0,0 +1,67 @@
+/* eslint-disable import/no-relative-packages */
+import { PATH_E2E_CHECKBOX } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder, getElementByIndex } from '../../helpers';
+
+export default class DSControlledCheckboxCO extends PageObject {
+  static basicURL = new Urlbuilder(PATH_E2E_CHECKBOX, 'basic-test');
+
+  static mixed = new Urlbuilder(PATH_E2E_CHECKBOX, 'mixed-test');
+
+  static hasError = new Urlbuilder(PATH_E2E_CHECKBOX, 'has-error-test');
+
+  static disabled = new Urlbuilder(PATH_E2E_CHECKBOX, 'disabled-test');
+
+  static readOnly = new Urlbuilder(PATH_E2E_CHECKBOX, 'read-only-test');
+
+  static readOnlyOnChange = new Urlbuilder(PATH_E2E_CHECKBOX, 'read-only-with-on-change-test');
+
+  static wrapLabel = new Urlbuilder(PATH_E2E_CHECKBOX, 'wrap-test');
+
+  static tooltipURL = new Urlbuilder(PATH_E2E_CHECKBOX, 'tooltip-test');
+
+  static layoutURL = new Urlbuilder(PATH_E2E_CHECKBOX, 'layout-test');
+
+  static async getCheckbox() {
+    return $('[data-testid="ds-checkbox"]');
+  }
+
+  static async getCustomCheckbox() {
+    return $('[data-testid="custom-data-testid"]');
+  }
+
+  static async getCheckboxGroup() {
+    return $('[data-testid="ds-checkbox-group"]');
+  }
+
+  static async getCheckboxLabel() {
+    return $('[data-testid="ds-checkbox-label"]');
+  }
+
+  static async getCheckboxByLabel(label) {
+    return $(`label*=${label}`);
+  }
+
+  static async getSomethingById(id) {
+    return $(`[id="${id}"]`);
+  }
+
+  static async isChecked(checkBox) {
+    return checkBox.getProperty('checked');
+  }
+
+  static async getCheckboxes() {
+    return $$('[data-testid="ds-checkbox"]');
+  }
+
+  static getCheckboxByIndex = async (index) => getElementByIndex(this.getCheckboxes, index);
+
+  static async getCheckboxLabels() {
+    return $$('[data-testid="DS-SimpleTruncateText"]');
+  }
+
+  static getCheckboxLabelByIndex = async (index) => getElementByIndex(this.getCheckboxLabels, index);
+
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('DSControlledCheckbox', example, 'ds-controlled-checkbox');
+  }
+}

package/ds-controlled-form/ds-controlled-checkbox/Disabled/DSControlledCheckbox.axe-core.disabled.func.spec.js

@@ -0,0 +1,24 @@
+/* eslint-disable max-lines */
+/* eslint-disable wdio/no-pause */
+import DSControlledCheckboxCO from '../DSControlledCheckboxCO';
+import { axeCoreCheck } from '../../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-10616 - [ControlledCheckbox] Disabled: Axe Core Accessibility', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Evaluate checkbox accessibility with axe-core', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
+      await checkbox.waitForExist();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/Disabled/DSControlledCheckbox.disabled.visual.spec.js

@@ -0,0 +1,18 @@
+import { Key } from 'webdriverio';
+import DSControlledCheckboxCO from '../DSControlledCheckboxCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-7102 - DSControlledCheckbox - Visual Test - disabled', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display checkbox disabled styles correctly', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCheckboxByLabel('Group');
+      await checkbox.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.checkSnapshot(DSControlledCheckboxCO.snapshotPath('checkbox-disabled'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/HasError/DSControlledCheckbox.axe-core.hasError.func.spec.js

@@ -0,0 +1,42 @@
+/* eslint-disable max-lines */
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSControlledCheckboxCO from '../DSControlledCheckboxCO';
+import { axeCoreCheck, mouseOver } from '../../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-10619 - [ControlledCheckbox] HasError: Axe Core Accessibility', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.hasError.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Evaluate checkbox accessibility with axe-core', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
+      await checkbox.waitForExist();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: Evaluate checkbox accessibility with axe-core (focused)', async () => {
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: Evaluate checkbox accessibility with axe-core (hovered)', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(0);
+      await mouseOver(checkbox);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('04: Evaluate checkbox accessibility with axe-core (clicked)', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCheckboxByIndex(1);
+      await checkbox.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/HasError/DSControlledCheckbox.has-error.visual.spec.js

@@ -0,0 +1,20 @@
+import { mouseOver } from '../../../helpers';
+import DSControlledCheckboxCO from '../DSControlledCheckboxCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-7101 - DSControlledCheckbox - Visual Test - hasError', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.hasError.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display checkbox hasError styles correctly', async () => {
+      const checkbox1 = await DSControlledCheckboxCO.getCheckboxByIndex(1);
+      const checkbox2 = await DSControlledCheckboxCO.getCheckboxByIndex(2);
+      await checkbox1.click();
+      await checkbox1.click();
+      await mouseOver(checkbox2);
+      const snapshot = await browser.checkSnapshot(DSControlledCheckboxCO.snapshotPath('checkbox-hasError'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}