dimsum-e2e-tests 1.0.0-rc.1

package/ds-form/DateInput/DateInput.states.func.spec.js

@@ -0,0 +1,55 @@
+import { Key } from 'webdriverio';
+import DSDateInputCO from './DSDateInputCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-6087 - DateInput, display input highlighted', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSDateInputCO.overview.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    // MONTH
+    it('should display month highlighted', async () => {
+      const month = await DSDateInputCO.getMonth();
+      await browser.keys(Key.Tab);
+      await DSDateInputCO.typeNumbers('1');
+      await expect(await month).toHaveValueContaining('01');
+      await expect(await DSDateInputCO.activeElementId()).toBe('month');
+      await expect(await DSDateInputCO.isHighlighted(month)).toBe(true);
+    });
+    // DAY
+    it('should display day highlighted', async () => {
+      const day = await DSDateInputCO.getDay();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await DSDateInputCO.typeNumbers('2');
+      await expect(await DSDateInputCO.isHighlighted(day)).toBe(true);
+    });
+    // YEAR
+    it('should display year highlighted', async () => {
+      const year = await DSDateInputCO.getYear();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await DSDateInputCO.typeNumbers('745');
+      await expect(year).toHaveValueContaining('0745');
+      await expect(await DSDateInputCO.activeElementId()).toBe('year');
+      await expect(await DSDateInputCO.isHighlighted(year)).toBe(true);
+    });
+    // FULL DATE
+    it('should display year highlighted - full date', async () => {
+      const month = await DSDateInputCO.getMonth();
+      const day = await DSDateInputCO.getDay();
+      const year = await DSDateInputCO.getYear();
+      await expect(await DSDateInputCO.isHighlighted(month)).toBe(false);
+      await expect(await DSDateInputCO.isHighlighted(day)).toBe(false);
+      await expect(await DSDateInputCO.isHighlighted(year)).toBe(false);
+      await browser.keys(Key.Tab);
+      await DSDateInputCO.typeNumbers('13332021');
+      await expect(await DSDateInputCO.getMonth()).toHaveValueContaining('12');
+      await expect(await DSDateInputCO.getDay()).toHaveValueContaining('31');
+      await expect(year).toHaveValueContaining('2021');
+      await expect(await DSDateInputCO.activeElementId()).toBe('year');
+      await expect(await DSDateInputCO.isHighlighted(year)).toBe(true);
+    });
+  });
+}

package/ds-form/FormatItemLayout/FormItemLayout.func.spec.js

@@ -0,0 +1,46 @@
+import FormItemLayout from './FormatItemLayout';
+import { mouseOver } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5989 - FormItemLayout - autoFocus prop', () => {
+    before('loading page', async () => {
+      const errorOnGo = await FormItemLayout.autoFocusURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should be focused by default', async () => {
+      const input = await FormItemLayout.getInput();
+      await expect(input).toBeFocused();
+    });
+  });
+
+  describe('PUI-7163 - FormItemLayout - truncated text', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await FormItemLayout.truncatedTextURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display tooltip when text is truncated: Lorem ipsum dolor sit amet orci aliquam', async () => {
+      const inputText = await FormItemLayout.getInput();
+      await inputText.setValue('Lorem ipsum dolor sit amet orci aliquam');
+      await inputText.click({ y: 50 });
+      await mouseOver(inputText);
+      const tooltip = await FormItemLayout.getTooltip();
+      await expect(tooltip).toBeDisplayedInViewport();
+    });
+    it('should not display tooltip when text is not truncated: Lorem ipsum dolor sit id', async () => {
+      const inputText = await FormItemLayout.getInput();
+      await inputText.setValue('Lorem ipsum dolor sit id');
+      await inputText.click({ y: 50 });
+      await mouseOver(inputText);
+      const tooltip = await FormItemLayout.getTooltip();
+      await expect(tooltip).not.toBeDisplayedInViewport();
+    });
+    it('should display tooltip when text not truncated: FIELDVAWWLUEWHAVIGENGTH26', async () => {
+      const inputText = await FormItemLayout.getInput();
+      await inputText.setValue('FIELDVAWWLUEWHAVIGENGTH26');
+      await inputText.click({ y: 50 });
+      await mouseOver(inputText);
+      const tooltip = await FormItemLayout.getTooltip();
+      await expect(tooltip).toBeDisplayedInViewport();
+    });
+  });
+}

package/ds-form/FormatItemLayout/FormatItemLayout.js

@@ -0,0 +1,53 @@
+// eslint-disable-next-line import/no-relative-packages
+import { PATH_END_OF_LIFE_FORM_ITEM_LAYOUT, PATH_E2E_FORM_ITEM_LAYOUT } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder, getElementByIndex } from '../../helpers';
+
+export default class FormItemLayout extends PageObject {
+  // Desktop
+  static errorStates = new Urlbuilder(PATH_END_OF_LIFE_FORM_ITEM_LAYOUT, 'error-states');
+
+  static clearErrorURL = new Urlbuilder(PATH_E2E_FORM_ITEM_LAYOUT, 'error-and-disabled-w-clear');
+
+  static autoFocusURL = new Urlbuilder(PATH_E2E_FORM_ITEM_LAYOUT, 'auto-focus');
+
+  static basicUrl = new Urlbuilder(PATH_END_OF_LIFE_FORM_ITEM_LAYOUT, 'basic');
+
+  static withCheckboxRadio = new Urlbuilder(PATH_END_OF_LIFE_FORM_ITEM_LAYOUT, 'with-checkbox-radio');
+
+  static longLabel = new Urlbuilder(PATH_END_OF_LIFE_FORM_ITEM_LAYOUT, 'long-label');
+
+  static type = new Urlbuilder(PATH_END_OF_LIFE_FORM_ITEM_LAYOUT, 'type');
+
+  static withAddons = new Urlbuilder(PATH_END_OF_LIFE_FORM_ITEM_LAYOUT, 'with-addons');
+
+  static withHighlight = new Urlbuilder(PATH_END_OF_LIFE_FORM_ITEM_LAYOUT, 'with-highlight');
+
+  static truncatedTextURL = new Urlbuilder(PATH_E2E_FORM_ITEM_LAYOUT, 'truncated-text');
+
+  static async getErrorInputBtn() {
+    return (await $('[data-testid="ds-form-clearable"]')).$('[data-testid="ds-input-text-clear-button"]');
+  }
+
+  static async getInput() {
+    return $('[data-testid="ds-input_main-component"]');
+  }
+
+  static async getTooltip() {
+    return $('[data-testid="popper-container"]');
+  }
+
+  static async getInputs() {
+    return $$('[data-testid="ds-input_main-component"]');
+  }
+
+  static getInputByIndex = async (index) => getElementByIndex(this.getInputs, index);
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('FormItemLayout', example);
+  }
+
+  // selectors
+  // actions
+  // utils
+}

package/ds-form/FormatItemLayout/FormatItemLayout.visual.spec.js

@@ -0,0 +1,94 @@
+import FormItemLayout from './FormatItemLayout';
+import { mouseOver } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-4553 - FormItemLayout, visual test', () => {
+    describe('FormItemLayout basic', () => {
+      before('loading page', async () => {
+        const errorOnGo = await FormItemLayout.basicUrl.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display basic story', async () => {
+        const snapshot = await browser.checkSnapshot(FormItemLayout.snapshotPath('basic'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+    describe('FormItemLayout with checkbox and radio buttons', () => {
+      before('loading page', async () => {
+        const errorOnGo = await FormItemLayout.withCheckboxRadio.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display checkbox and radio buttons', async () => {
+        const snapshot = await browser.checkSnapshot(FormItemLayout.snapshotPath('with-checkbox-radio'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+    describe('FormItemLayout, long label', () => {
+      before('loading page', async () => {
+        const errorOnGo = await FormItemLayout.longLabel.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display long label', async () => {
+        const snapshot = await browser.checkSnapshot(FormItemLayout.snapshotPath('long-label'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+    describe('FormItemLayout, password', () => {
+      before('loading page', async () => {
+        const errorOnGo = await FormItemLayout.type.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display password mask', async () => {
+        await (await FormItemLayout.getInput()).setValue('Test');
+        const snapshot = await browser.checkSnapshot(FormItemLayout.snapshotPath('type-password'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+    describe('FormItemLayout, with addons', () => {
+      before('loading page', async () => {
+        const errorOnGo = await FormItemLayout.withAddons.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display addons', async () => {
+        const snapshot = await browser.checkSnapshot(FormItemLayout.snapshotPath('addons'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+    describe('FormItemLayout, error states', () => {
+      before('loading page', async () => {
+        const errorOnGo = await FormItemLayout.errorStates.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display error states', async () => {
+        const snapshot = await browser.checkSnapshot(FormItemLayout.snapshotPath('error-states'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+    describe('FormItemLayout, with highlight', () => {
+      before('loading page', async () => {
+        const errorOnGo = await FormItemLayout.withHighlight.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display error states', async () => {
+        const snapshot = await browser.checkSnapshot(FormItemLayout.snapshotPath('with highlight'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+  });
+
+  describe('PUI-5413 - FormItemLayout, clearable disabled and error state', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await FormItemLayout.clearErrorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display error states', async () => {
+      const snapshot = await browser.checkSnapshot(FormItemLayout.snapshotPath('error-and-disabled-w-clear'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display error states with hover', async () => {
+      await mouseOver(await FormItemLayout.getErrorInputBtn());
+      const snapshot = await browser.checkSnapshot(FormItemLayout.snapshotPath('error-and-disabled-w-clear-hover'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form/InputGroup/DSInputGroup.visual.spec.js

@@ -0,0 +1,15 @@
+import DSInputGroupCO from './DSInputGroupCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('InputGroup visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSInputGroupCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display icons correctly', async () => {
+      await (await DSInputGroupCO.inputContainer()).waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(DSInputGroupCO.snapshotPath());
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-form/InputGroup/DSInputGroupCO.js

@@ -0,0 +1,19 @@
+import { PATH_END_OF_LIFE_INPUT_GROUP } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class DSLargeInputTextCO extends PageObject {
+  // Desktop
+  static basicURL = new Urlbuilder(PATH_END_OF_LIFE_INPUT_GROUP, 'basic');
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('LargeInputText', example);
+  }
+
+  static async inputContainer() {
+    return $('[data-testid="ds-group-wrap"]');
+  }
+
+  // actions
+  // utils
+}

package/ds-form/InputMask/AlphaNumeric.InputMask.func.spec.js

@@ -0,0 +1,41 @@
+import DSInputMaskCO from './DSInputMaskCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5734 - InputMask, autocorrect date', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSInputMaskCO.alphanumericUCURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display "NA" on the input', async () => {
+      const input = await DSInputMaskCO.getInput();
+      await input.click();
+      await DSInputMaskCO.type('NA');
+      const inputValue = await input.getValue();
+      await expect(inputValue).toBe('NA');
+    });
+    it('should display "N/A" on the input', async () => {
+      const input = await DSInputMaskCO.getInput();
+      await DSInputMaskCO.clearValue(input);
+      await input.click();
+      await DSInputMaskCO.type('N/A');
+      const inputValue = await input.getValue();
+      await expect(inputValue).toBe('N/A');
+    });
+    it('should display "None" on the input', async () => {
+      const input = await DSInputMaskCO.getInput();
+      await DSInputMaskCO.clearValue(input);
+      await input.click();
+      await DSInputMaskCO.type('None');
+      const inputValue = await input.getValue();
+      await expect(inputValue).toBe('None');
+    });
+    it('should display the given number on the input', async () => {
+      const input = await DSInputMaskCO.getInput();
+      await DSInputMaskCO.clearValue(input);
+      await input.click();
+      await DSInputMaskCO.type('12345');
+      const inputValue = await input.getValue();
+      await expect(inputValue).toBe('12,345');
+    });
+  });
+}

package/ds-form/InputMask/AutoCorrectedDate.InputMask.func.spec.js

@@ -0,0 +1,18 @@
+import DSInputMaskCO from './DSInputMaskCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5734 - InputMask, autocorrect date', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSInputMaskCO.autoCorrectDate.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should add numbers properly', async () => {
+      await (await DSInputMaskCO.getInput(0)).click();
+      await DSInputMaskCO.type('01123400');
+      const input0 = await DSInputMaskCO.getInput(0);
+      const input1 = await DSInputMaskCO.getInput(1);
+      await expect(input0).toHaveValue('01/12/3400');
+      await expect(input1).toHaveValue('01/12/3400');
+    });
+  });
+}

package/ds-form/InputMask/DSInputMask.visual.spec.js

@@ -0,0 +1,21 @@
+import DSInputMaskCO from './DSInputMaskCO';
+
+describe('PUI-3889 - InputMask, visual tests', () => {
+  beforeEach('loading page', async () => {
+    const errorOnGo = await DSInputMaskCO.phoneURL.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should display', async () => {
+    const snapshot = await browser.checkSnapshot(DSInputMaskCO.snapshotPath('phone'));
+    await expect(snapshot).toEqual(0);
+  });
+
+  if (!browser.capabilities['ice:options'].isPhone) {
+    it('should format numbers properly', async () => {
+      await (await DSInputMaskCO.getInput()).click();
+      await DSInputMaskCO.type();
+      const snapshot = await browser.checkSnapshot(DSInputMaskCO.snapshotPath('phone-format'));
+      await expect(snapshot).toEqual(0);
+    });
+  }
+});

package/ds-form/InputMask/DSInputMaskCO.js

@@ -0,0 +1,92 @@
+import { Key } from 'webdriverio';
+import { PATH_END_OF_LIFE_INPUT_MASK, PATH_E2E_INPUT_MASK } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class DSInputMaskCO extends PageObject {
+  // Desktop
+  static dateURL = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'date');
+
+  static dateTimeURL = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'date-time');
+
+  static decimalURL = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'decimal');
+
+  static numberURL = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'number');
+
+  static percentURL = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'percent');
+
+  static phoneURL = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'phone');
+
+  static phoneInternationalURL = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'phone-international');
+
+  static ssnUrl = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'ssn');
+
+  static ssnWithTooltip = new Urlbuilder(PATH_E2E_INPUT_MASK, 'ssn-with-tooltip');
+
+  static usZipCodeUrl = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'us-zip-code');
+
+  static autoCorrectDate = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'auto-correct-date');
+
+  static decimalNumber = new Urlbuilder(PATH_END_OF_LIFE_INPUT_MASK, 'decimal-number');
+
+  static alphanumericUCURL = new Urlbuilder(PATH_E2E_INPUT_MASK, 'alphanumeric-mask-ra-fields');
+
+  static getUrl(component = 'basic') {
+    return PageObject.getUrl(PATH_END_OF_LIFE_INPUT_MASK, component);
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('InputMask', example);
+  }
+
+  // selectors
+  static async getInput(index) {
+    if (index) {
+      return $$('[data-testid="ds-input_main-component"]')[index];
+    }
+    return $('[data-testid="ds-input_main-component"]');
+  }
+
+  static async type(chars = '1234567890') {
+    // const input = this.getInput();
+    const numbers = [...chars];
+    // input.click();
+    // eslint-disable-next-line no-restricted-syntax
+    for (const char of numbers) {
+      // https://github.com/webdriverio/webdriverio/issues/5092
+      // using keys char by char results in correct order
+      // eslint-disable-next-line no-await-in-loop
+      await browser.keys(char);
+    }
+  }
+
+  static async triggerArrowLeft(number = 1) {
+    for (let x = 0; x < number; x += 1) {
+      // eslint-disable-next-line no-await-in-loop
+      await browser.keys(Key.ArrowLeft);
+    }
+  }
+
+  static async triggerBackspace(number = 1) {
+    for (let x = 0; x < number; x += 1) {
+      // eslint-disable-next-line no-await-in-loop
+      await browser.keys(Key.Backspace);
+    }
+  }
+
+  static async getTooltip() {
+    return $('[data-testid="popper-container"]');
+  }
+
+  static async blur() {
+    await browser.execute(() => document.activeElement.blur());
+  }
+
+  static async clearValue(input) {
+    await input.click();
+    await this.triggerBackspace((await input.getValue()).length);
+  }
+
+  // actions
+  // utils
+}

package/ds-form/InputMask/Date.InputMask.func.spec.js

@@ -0,0 +1,48 @@
+import DSInputMaskCO from './DSInputMaskCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5908 - InputMask - Date, add and delete numbers', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSInputMaskCO.dateURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should delete numbers properly', async () => {
+      await (await DSInputMaskCO.getInput()).click();
+      await DSInputMaskCO.type('123456');
+      await DSInputMaskCO.triggerBackspace(2);
+      const inputValue = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue).toEqual('12/34');
+      await DSInputMaskCO.triggerBackspace(3);
+      const inputValue2 = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue2).toEqual('1');
+    });
+    it('should add numbers properly', async () => {
+      await (await DSInputMaskCO.getInput()).click();
+      await DSInputMaskCO.type('12');
+      const inputValue = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue).toEqual('12');
+      await DSInputMaskCO.type('34');
+      const inputValue2 = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue2).toEqual('12/34');
+      await DSInputMaskCO.triggerArrowLeft(3);
+      await DSInputMaskCO.type('1289');
+      const inputValue3 = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue3).toEqual('12/12/8934');
+    });
+  });
+  describe('PUI-6053 - InputMask, Date - Caret remains in the right position after inserting a number', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSInputMaskCO.dateURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should not move caret to last position', async () => {
+      const DSInputMask = await DSInputMaskCO.getInput();
+      await DSInputMask.click();
+      await DSInputMaskCO.type('11223333');
+      await DSInputMaskCO.triggerArrowLeft(2);
+      await DSInputMaskCO.type('aabbcc45');
+      const inputValue = await DSInputMask.getValue();
+      await expect(inputValue).toEqual('11/22/3345');
+    });
+  });
+}

package/ds-form/InputMask/DateTime.InputMask.func.spec.js

@@ -0,0 +1,48 @@
+import DSInputMaskCO from './DSInputMaskCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5909 - InputMask, date time - add and delete numbers', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSInputMaskCO.dateTimeURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should delete numbers properly', async () => {
+      await (await DSInputMaskCO.getInput()).click();
+      await DSInputMaskCO.type('123456780123');
+      await DSInputMaskCO.triggerBackspace(3);
+      const inputValue = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue).toEqual('12/34/5678 0');
+      await DSInputMaskCO.triggerBackspace(3);
+      const inputValue2 = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue2).toEqual('12/34/56');
+    });
+    it('should add numbers properly', async () => {
+      await (await DSInputMaskCO.getInput()).click();
+      await DSInputMaskCO.type('12345678');
+      const inputValue = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue).toEqual('12/34/5678');
+      await DSInputMaskCO.type('01');
+      const inputValue2 = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue2).toEqual('12/34/5678 01');
+      await DSInputMaskCO.triggerArrowLeft();
+      await DSInputMaskCO.type('33');
+      const inputValue3 = await (await DSInputMaskCO.getInput()).getValue();
+      await expect(inputValue3).toEqual('12/34/5678 03:31');
+    });
+  });
+  describe('PUI-6054 - InputMask, DateTime - Caret remains in the right position after inserting a number', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSInputMaskCO.dateTimeURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should not move caret to last position', async () => {
+      const DSInputMask = await DSInputMaskCO.getInput();
+      await DSInputMask.click();
+      await DSInputMaskCO.type('112233331122');
+      await DSInputMaskCO.triggerArrowLeft(2);
+      await DSInputMaskCO.type('aabbcc34');
+      const inputValue = await DSInputMask.getValue();
+      await expect(inputValue).toEqual('11/22/3333 11:34');
+    });
+  });
+}