dimsum-e2e-tests 1.0.0-rc.1

package/ds-controlled-form/ds-controlled-inputgroup/protected/DSControlledInputGroup.protected.axe-core.func.spec.js

@@ -0,0 +1,37 @@
+/* eslint-disable max-len */
+import DSControlledInputGroupCO from '../DSControlledInputGroupCO';
+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-10764 - InputGroup:: Protected: Axe-Core Accessibility Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledInputGroupCO.protectedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should pass axe-core scan without violations', async () => {
+      const input = await DSControlledInputGroupCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should pass axe-core scan without violations after type', async () => {
+      const input = await DSControlledInputGroupCO.getInputByIndex(0);
+      await input.setValue('Test');
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should pass axe-core scan without violations - disabled and protected', async () => {
+      const rigthAddon = await DSControlledInputGroupCO.getRightAddOnByIndex(0);
+      const leftAddon = await DSControlledInputGroupCO.getLeftAddOnByIndex(0);
+      await rigthAddon.click();
+      await leftAddon.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-inputgroup/protected/DSControlledInputGroup.protected.func.spec.js

@@ -0,0 +1,25 @@
+import { type } from '../../../helpers';
+import DSControlledInputGroupCO from '../DSControlledInputGroupCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-8650 - DSControlledInputGroupCO - No text value on html - Visual Test ', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledInputGroupCO.protectedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should not get the text value from the html', async () => {
+      const input = await DSControlledInputGroupCO.getInput();
+      await input.click();
+      await type('Obi Juan Quenovi');
+      const try1 = await input.getText();
+      const try2 = await input.getAttribute('value');
+      if (browser.capabilities.browserName === 'Safari') {
+        await expect(try1).toEqual('');
+        await expect(try2).toEqual('true');
+      } else {
+        await expect(try1).toEqual('');
+        await expect(try2).toEqual('');
+      }
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-inputgroup/protected/DSControlledInputGroup.protected.visual.spec.js

@@ -0,0 +1,40 @@
+import { type } from '../../../helpers';
+import DSControlledInputGroupCO from '../DSControlledInputGroupCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-8335 - DSControlledInputGroupCO - Addons - Visual Test ', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledInputGroupCO.protectedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the protected group input populated', async () => {
+      const input = await DSControlledInputGroupCO.getInput();
+      await input.click();
+      await type('Obi Juan Quenovi');
+      const snapshot = await browser.checkSnapshot(DSControlledInputGroupCO.snapshotPath('protectedinput-populated'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display the protected group input disabled', async () => {
+      const disableAddon = await DSControlledInputGroupCO.getLeftAddOnByIndex(0);
+      await disableAddon.click();
+      const snapshot = await browser.checkSnapshot(DSControlledInputGroupCO.snapshotPath('protectedinput-disabled'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display the protected group input with hidden characters and disabled', async () => {
+      const hideAddon = await DSControlledInputGroupCO.getRightAddOnByIndex(1);
+      await hideAddon.click();
+      const snapshot = await browser.checkSnapshot(
+        DSControlledInputGroupCO.snapshotPath('protectedinput-disabled-hidden'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: should display the protected group input with hidden characters and not disabled', async () => {
+      const disableAddon = await DSControlledInputGroupCO.getLeftAddOnByIndex(0);
+      await disableAddon.click();
+      const snapshot = await browser.checkSnapshot(
+        DSControlledInputGroupCO.snapshotPath('protectedinput-enabled-hidden'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/DSLargeInputTextCO.js

@@ -0,0 +1,55 @@
+import { PATH_E2E_CONTROLLEDLARGEINPUT } from '../../../environments/storybook/paths';
+
+import { PageObject, Urlbuilder, getElementByIndex } from '../../helpers';
+
+export default class DSLargeInputTextCO extends PageObject {
+  static disabledURL = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'disabled-test');
+
+  static maxHeightURL = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'max-height-test');
+
+  static readOnlyURL = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'read-only-test');
+
+  static rowsURL = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'rows-test');
+
+  static dialogURL = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'within-dialog');
+
+  static labelCounterURL = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'label-with-counter-test');
+
+  static hasErrorTest = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'has-error-test');
+
+  static innerRefURL = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'inner-ref');
+
+  static async getInputs() {
+    return $$('[data-testid="ds-controlled-large-text-input"]');
+  }
+
+  static getDialogTrigger() {
+    return $('[data-testid="open-dialog-button"]');
+  }
+
+  static getInputByIndex = async (index) => getElementByIndex(this.getInputs, index);
+
+  static getCounter() {
+    return $('[data-testid="ds-form-layout-block-item-counter"]');
+  }
+
+  static getErrorMessage() {
+    return $('[data-testid="ds-form-layout-block-item-error-message"]');
+  }
+
+  static getFeedbackMessage() {
+    return $('[data-testid="ds-form-layout-block-item-message"]');
+  }
+
+  static getLabel() {
+    return $('[data-testid="ds-form-layout-block-item-label"]');
+  }
+
+  static getTriggerBtn() {
+    return $('[data-testid="trigger-btn"]');
+  }
+
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('DSLargeInput', example, 'ds-controlled-large-input-text');
+  }
+}

package/ds-controlled-form/ds-controlled-large-input-text/dialog/DSLargeInputText.dialog.visual.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+import { type } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10395 - LargeInputText:: Dialog integration - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.dialogURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display LargeInputText inside a Dialog', async () => {
+      const dialogTrigger = await DSLargeInputTextCO.getDialogTrigger();
+      await dialogTrigger.click();
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.click();
+      await type(
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
+      );
+      const snapshot = await browser.checkSnapshot(DSLargeInputTextCO.snapshotPath('large-inputs-dialog'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/disabled/DSLargeInputText.disabled.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+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-10381 - LargeInputText:: Disabled: Axe-Core Accessibility Test -', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.disabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should pass axe-core scan without violations', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/disabled/DSLargeInputText.disabled.visual.spec.js

@@ -0,0 +1,18 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10375 - LargeInputText:: Disabled - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.disabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display LargeInputText disabled correctly', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSLargeInputTextCO.snapshotPath('large-inputs-disabled'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/hasError/DSLargeInputText.has-error.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+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-10382 - LargeInputText:: Has Error: Axe-Core Accessibility Test -', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.hasErrorTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should pass axe-core scan without violations', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/hasError/DSLargeInputText.has-error.visual.spec.js

@@ -0,0 +1,22 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+import { mouseOver } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10376 - LargeInputText:: Has Error - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.hasErrorTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display LargeInputText disabled', async () => {
+      await browser.eyesOpen();
+      const firstInput = await DSLargeInputTextCO.getInputByIndex(0);
+      const secondInput = await DSLargeInputTextCO.getInputByIndex(1);
+      await firstInput.waitForDisplayed();
+      await secondInput.click();
+      await mouseOver(firstInput);
+      const snapshot = await browser.eyesCheckSnapshot(DSLargeInputTextCO.snapshotPath('large-input-text-has-error'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/innerRef/DSLargeInputText.innerRef.func.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-11678 - LargeInputText:: InnerRef Test -', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.innerRefURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should set focus to LargeInputText component upon button click', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const triggerBtn = await DSLargeInputTextCO.getTriggerBtn();
+      await triggerBtn.click();
+      await expect(input).toBeFocused();
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/label-counter/DSLargeInputText.label-counter.func.spec.js

@@ -0,0 +1,46 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+import { type } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9263 - LargeInputText - Label/Counter functional Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.labelCounterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a empty LargeInputText with counter and label', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.click();
+      const label = await DSLargeInputTextCO.getLabel();
+      const errorMessage = await DSLargeInputTextCO.getErrorMessage();
+      const counter = await (await DSLargeInputTextCO.getCounter()).getText();
+      const feedbackMessage = await DSLargeInputTextCO.getFeedbackMessage();
+      await expect(label).toBeDisplayedInViewport();
+      await expect(errorMessage).not.toBeDisplayedInViewport();
+      await expect(feedbackMessage).toBeDisplayedInViewport();
+      await expect(counter).toEqual('0/10');
+    });
+    it('02: should display a populated LargeInputText with counter and label', async () => {
+      await type('Hello');
+      const label = await DSLargeInputTextCO.getLabel();
+      const errorMessage = await DSLargeInputTextCO.getErrorMessage();
+      const counter = await (await DSLargeInputTextCO.getCounter()).getText();
+      const feedbackMessage = await DSLargeInputTextCO.getFeedbackMessage();
+      await expect(label).toBeDisplayedInViewport();
+      await expect(errorMessage).not.toBeDisplayedInViewport();
+      await expect(feedbackMessage).toBeDisplayedInViewport();
+      await expect(counter).toEqual('5/10');
+    });
+    it('03: should display a exceding char limit LargeInputText with counter and label', async () => {
+      await type(' there. General Kenobi');
+      const label = await DSLargeInputTextCO.getLabel();
+      const errorMessage = await DSLargeInputTextCO.getErrorMessage();
+      const counter = await (await DSLargeInputTextCO.getCounter()).getText();
+      const feedbackMessage = await DSLargeInputTextCO.getFeedbackMessage();
+      await expect(label).toBeDisplayedInViewport();
+      await expect(errorMessage).toBeDisplayedInViewport();
+      await expect(feedbackMessage).not.toBeDisplayedInViewport();
+      await expect(counter).toEqual('27/10');
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/label-counter/DSLargeInputText.label-counter.visual.spec.js

@@ -0,0 +1,20 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10377 - LargeInputText:: Label Counter - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.labelCounterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display LargeInputText with label counter', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSLargeInputTextCO.snapshotPath('large-input-text-label-counter'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/max-height/DSLargeInputText.max-height.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+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-10383 - LargeInputText:: Max Height: Axe-Core Accessibility Test -', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.maxHeightURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should pass axe-core scan without violations', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/max-height/DSLargeInputText.max-height.visual.spec.js

@@ -0,0 +1,63 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+import { type } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10378 - LargeInputText:: Max Height - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.maxHeightURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display LargeInputText with maxHeight', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSLargeInputTextCO.snapshotPath('large-input-text-max-height'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should not increse height of second input', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(1);
+      await input.waitForDisplayed();
+      await input.click();
+      await type('Large');
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSLargeInputTextCO.snapshotPath('large-input-text-max-height-not-changed'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should increse height of second input to 75px', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(1);
+      await input.waitForDisplayed();
+      await input.click();
+      await browser.keys(Key.Enter);
+      await type('Text');
+      await browser.keys(Key.Enter);
+      await type('Input');
+      await browser.keys(Key.Enter);
+      await type('Test');
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSLargeInputTextCO.snapshotPath('large-input-text-max-height-incresed'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: should resize second input after clear all', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(1);
+      await input.waitForDisplayed();
+      await input.click();
+      if (browser.capabilities.browserName === 'Safari') {
+        await browser.keys([Key.Command, 'a']);
+      } else {
+        await browser.keys([Key.Control, 'a']);
+      }
+      await browser.keys(Key.Backspace);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSLargeInputTextCO.snapshotPath('large-input-text-max-height-after-clear'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/read-only/DSLargeInputText.read-only.axe-core.func.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+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-10384 - LargeInputText:: Read Only: Axe-Core Accessibility Test -', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.readOnlyURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should pass axe-core scan without violations', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/read-only/DSLargeInputText.read-only.visual.spec.js

@@ -0,0 +1,18 @@
+/* eslint-disable max-len */
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10379 - LargeInputText:: Read Only - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.readOnlyURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display LargeInputText with readOnly', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSLargeInputTextCO.snapshotPath('large-input-text-read-only'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-large-input-text/rows/DSLargeInputText.rows.visual.spec.js

@@ -0,0 +1,60 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+import { type } from '../../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10380 - LargeInputText:: Rows - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.rowsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display LargeInputText with rows prop', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSLargeInputTextCO.snapshotPath('large-input-text-rows'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should not increse height of second input - 1 line', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(1);
+      await input.waitForDisplayed();
+      await input.click();
+      await type('Large');
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSLargeInputTextCO.snapshotPath('large-input-text-rows-not-changed'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should not increse height of second input - more than 2 lines', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(1);
+      await input.waitForDisplayed();
+      await input.click();
+      await browser.keys(Key.Enter);
+      await type('Text');
+      await browser.keys(Key.Enter);
+      await type('Input');
+      await browser.keys(Key.Enter);
+      await type('Test');
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSLargeInputTextCO.snapshotPath('large-input-text-rows-no-changes'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: should display scrollbar after typing a long text', async () => {
+      await browser.eyesOpen();
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      await input.click();
+      await type(
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
+      );
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSLargeInputTextCO.snapshotPath('large-input-text-rows-long-text'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-radio/DSControlledRadio.axe-core.func.spec.js

@@ -0,0 +1,70 @@
+import { axeCoreCheck } from '../../helpers';
+import DSControlledRadioCO from './DSControlledRadioCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-11011  - DSControlledRadio - AxeCore Test - Basic styles', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.basic.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display basic radio and pass AxeCore scan', async () => {
+      const radio = await DSControlledRadioCO.getRadioByIndex(2);
+      await radio.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-11012 - DSControlledRadio - AxeCore Test - disabled', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display disabled radio and pass AxeCore scan', async () => {
+      const radio = await DSControlledRadioCO.getRadioByIndex(0);
+      await radio.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-11013 - DSControlledRadio - AxeCore Test - ReadOnly', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.readOnly.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display readonly radio and pass AxeCore scan', async () => {
+      const radio = await DSControlledRadioCO.getRadioByIndex(0);
+      await radio.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-11014 - DSControlledRadio - AxeCore Test - HasError', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.hasError.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display hasError radio and pass AxeCore scan', async () => {
+      const radio = await DSControlledRadioCO.getRadioByIndex(0);
+      await radio.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-11015 - DSControlledRadio - AxeCore Test - Form Layout Block', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.formLayoutBlockItem.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display radio within formLayoutBlockItem and pass AxeCore scan', async () => {
+      const radio = await DSControlledRadioCO.getRadioByIndex(0);
+      await radio.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}