dimsum-e2e-tests 1.0.0-rc.1

package/ds-eol/ds-filterbar/DSFilterBar-basic.axe-core.func.spec.js

@@ -0,0 +1,88 @@
+import { Key } from 'webdriverio';
+import FilterbarCO from './FilterbarCO';
+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-11876: FilterBar Basic migrated -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.migratedBasic.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should show basic pill with ddmenu expanded and pas axe-core scan', async () => {
+      const dropdownTrigger = await FilterbarCO.getSVGByIndex(0);
+      await dropdownTrigger.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should remove pill on  click and pass axe-core scan', async () => {
+      const pillCloseIcon = await FilterbarCO.getSVGByIndex(1);
+      await pillCloseIcon.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11877: FilterBar Multi migrated -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.migratedMulti.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should expand unselected multi selection and pass axe-core scan', async () => {
+      const dropdownTrigger = await FilterbarCO.getSVGByIndex(0);
+      await dropdownTrigger.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('should select two options and pass axe-core scan', async () => {
+      const dropdownTrigger = await FilterbarCO.getSVGByIndex(0);
+      await dropdownTrigger.click();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-11878: FilterBar Flat migrated -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.migratedFlat.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display migrated flat pills (+2) and pass axe-core scan', async () => {
+      const closePillBtn = await FilterbarCO.getSVGByIndex(0);
+      await closePillBtn.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should remove a pill (+1) and pass axe-core scan', async () => {
+      const pillCloseIcon = await FilterbarCO.getSVGByIndex(0);
+      await pillCloseIcon.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-11879: FilterBar SingleFixed migrated -AxeCore', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.migratedSingle.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display migrated single fixed filterbar pills and pass axe-core scan', async () => {
+      const closePillBtn = await FilterbarCO.getSVGByIndex(0);
+      await closePillBtn.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should change selected option a pill and pass axe-core scan', async () => {
+      const pillCloseIcon = await FilterbarCO.getSVGByIndex(0);
+      await pillCloseIcon.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-eol/ds-filterbar/DSFilterBar-basic.func.spec.js

@@ -0,0 +1,15 @@
+import FilterbarCO from './FilterbarCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('FilterBar Basic', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should remove pill on remove click', async () => {
+      const pillCloseIcon = await FilterbarCO.getRemovablePillCloseIcon();
+      await pillCloseIcon.click();
+      await expect(pillCloseIcon).not.toBeDisplayed();
+    });
+  });
+}

package/ds-eol/ds-filterbar/DSFilterBar-basic.visual.spec.js

@@ -0,0 +1,92 @@
+import { Key } from 'webdriverio';
+import FilterbarCO from './FilterbarCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-11872: FilterBar Basic migrated -Visual', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.migratedBasic.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should show basic pill with ddmenu expanded correctly', async () => {
+      await browser.eyesOpen();
+      const dropdownTrigger = await FilterbarCO.getSVGByIndex(0);
+      await dropdownTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(FilterbarCO.snapshotPath('filterbar-basicmig-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should remove pill on  click', async () => {
+      await browser.eyesOpen();
+      const pillCloseIcon = await FilterbarCO.getSVGByIndex(1);
+      await pillCloseIcon.click();
+      const snapshot = await browser.eyesCheckSnapshot(FilterbarCO.snapshotPath('filterbar-basicmig-removed'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-11873: FilterBar Multi migrated -Visual', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.migratedMulti.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should expand unselected multi selection', async () => {
+      await browser.eyesOpen();
+      const dropdownTrigger = await FilterbarCO.getSVGByIndex(0);
+      await dropdownTrigger.click();
+      const snapshot = await browser.eyesCheckSnapshot(FilterbarCO.snapshotPath('filterbar-multimig-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should select two options', async () => {
+      await browser.eyesOpen();
+      const dropdownTrigger = await FilterbarCO.getSVGByIndex(0);
+      await dropdownTrigger.click();
+      await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.eyesCheckSnapshot(FilterbarCO.snapshotPath('filterbar-multimig-select'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-11874: FilterBar Flat migrated -Visual', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.migratedFlat.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display migrated flat pills (+2)', async () => {
+      await browser.eyesOpen();
+      const closePillBtn = await FilterbarCO.getSVGByIndex(0);
+      await closePillBtn.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(FilterbarCO.snapshotPath('filterbar-flatmig-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should remove a pill (+1)', async () => {
+      await browser.eyesOpen();
+      const pillCloseIcon = await FilterbarCO.getSVGByIndex(0);
+      await pillCloseIcon.click();
+      const snapshot = await browser.eyesCheckSnapshot(FilterbarCO.snapshotPath('filterbar-flatmig-removed'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-11875: FilterBar SingleFixed migrated -Visual', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.migratedSingle.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display migrates fixed single pills', async () => {
+      await browser.eyesOpen();
+      const closePillBtn = await FilterbarCO.getSVGByIndex(0);
+      await closePillBtn.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(FilterbarCO.snapshotPath('filterbar-singlemig-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should expand and select another value (second)', async () => {
+      await browser.eyesOpen();
+      const ddMenuTrigger = await FilterbarCO.getSVGByIndex(0);
+      await ddMenuTrigger.click();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.eyesCheckSnapshot(FilterbarCO.snapshotPath('filterbar-singlemig-sel'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-eol/ds-filterbar/DSFilterBar-dropdown-multipill.visual.spec.js

@@ -0,0 +1,55 @@
+import { Key } from 'webdriverio';
+import FilterbarCO from './FilterbarCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('FilterBar Dropdown MultiPill', () => {
+    before(async () => {
+      const errorOnGo = await FilterbarCO.dropdownMultiPillURL.go();
+      if (errorOnGo) throw errorOnGo;
+      const dropDownPill = await FilterbarCO.getDropDownPill();
+      await dropDownPill.waitForDisplayed();
+    });
+    it('should display filterbar with single pill with label', async () => {
+      const snapshot = await browser.checkSnapshot(FilterbarCO.snapshotPath('filterbar--single'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display filterbar with dropdown menu', async () => {
+      const dropDownPillBtn = await FilterbarCO.getDropDownPillBtn();
+      await dropDownPillBtn.click();
+      const dropDownMenu = await FilterbarCO.getDropDownMenu();
+      await dropDownMenu.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(FilterbarCO.snapshotPath('filterbar--dropdown-menu'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display filterbar with one option selected', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(FilterbarCO.snapshotPath('filterbar--one-option-selected'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display filterbar with two options selected', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(FilterbarCO.snapshotPath('filterbar--two-options-selected'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display filterbar without options selected', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const snapshot = await browser.checkSnapshot(FilterbarCO.snapshotPath('filterbar--no-options-selected'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display filterbar cleared', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const clearBtn = await FilterbarCO.getButtonWrapper();
+      await clearBtn.click();
+      const snapshot = await browser.checkSnapshot(FilterbarCO.snapshotPath('filterbar--cleared'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-eol/ds-filterbar/FilterbarCO.js

@@ -0,0 +1,65 @@
+import { PATH_E2E_FILTERBAR } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class Filterbar extends PageObject {
+  static dropdownMultiPillURL = new Urlbuilder(PATH_E2E_FILTERBAR, 'dropdown-multi-pill-test');
+
+  static basicURL = new Urlbuilder(PATH_E2E_FILTERBAR, 'basic-test');
+
+  static migratedBasic = new Urlbuilder(PATH_E2E_FILTERBAR, 'basic-migrated-test');
+
+  static migratedMulti = new Urlbuilder(PATH_E2E_FILTERBAR, 'dropdown-multi-pill-migrated-test');
+
+  static migratedFlat = new Urlbuilder(PATH_E2E_FILTERBAR, 'flat-migrated-test');
+
+  static migratedSingle = new Urlbuilder(PATH_E2E_FILTERBAR, 'single-fixed-migrated-test');
+
+  static async getRemovablePill() {
+    return $('[data-testid="removable-pill"]');
+  }
+
+  static async getRemovablePillCloseIcon() {
+    return $('[data-testid="remove-pill-button"]');
+  }
+
+  static async getFilterBar() {
+    return $('[data-testid="em-ds-filter-bar"]');
+  }
+
+  static async getDropDownPillBtn() {
+    return $('[data-testid="dropdown-pill-button"]');
+  }
+
+  static async getDropDownPill() {
+    return $('[data-testid="dropdown-pill"]');
+  }
+
+  static async getDropDownMenu() {
+    return $('[data-testid="em-ds-menu"]');
+  }
+
+  static async getOption(label) {
+    return $(`span*=${label}`);
+  }
+
+  static async getSVGByIndex(index = 0) {
+    return $$('[data-testid="ds-icon-svg"]')[index];
+  }
+
+  static async getPill(label) {
+    return $(`//div[@data-testid="removable-pill"]/span[contains(text(), "${label}")]`);
+  }
+
+  static async getClearBtn() {
+    return $('//span[contains(text(),"CLEAR")]');
+  }
+
+  static async getButtonWrapper() {
+    return $('[data-testid="button-wrapper"]');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'dropdown-multi-pill') {
+    return PageObject.getSnapshotPathBuilder('DSFilterBar', example, 'ds-filterbar');
+  }
+}

package/ds-eol/ds-number-range-field/NumberRangeField.func.spec.js

@@ -0,0 +1,75 @@
+import { Key } from 'webdriverio';
+import NumberRangeFieldCO from './NumberRangeFieldCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-4285 - NumberRangeField, minFrom/maxFrom/minTo/maxTo props', () => {
+    beforeEach(async () => {
+      const errorOnGo = await NumberRangeFieldCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('input value less than minFrom', async () => {
+      await (await NumberRangeFieldCO.getFromInput()).addValue('0');
+      await browser.keys(Key.Tab);
+      const fromInput = await NumberRangeFieldCO.getFromInput();
+      await expect(fromInput).toHaveValue('5');
+    });
+    it('input value equal than minFrom', async () => {
+      await (await NumberRangeFieldCO.getFromInput()).addValue('5');
+      await browser.keys(Key.Tab);
+      const fromInput = await NumberRangeFieldCO.getFromInput();
+      await expect(fromInput).toHaveValue('5');
+    });
+    it('input value larger than maxFrom', async () => {
+      await (await NumberRangeFieldCO.getFromInput()).addValue('21');
+      await browser.keys(Key.Tab);
+      const fromInput = await NumberRangeFieldCO.getFromInput();
+      await expect(fromInput).toHaveValue('5');
+    });
+    it('input value less than minTo', async () => {
+      await (await NumberRangeFieldCO.getToInput()).addValue('3');
+      await browser.keys(Key.Tab);
+      const toInput = await NumberRangeFieldCO.getToInput();
+      await expect(toInput).toHaveValue('5');
+    });
+    it('input value equal than minTo', async () => {
+      await (await NumberRangeFieldCO.getToInput()).addValue('5');
+      await browser.keys(Key.Tab);
+      const toInput = await NumberRangeFieldCO.getToInput();
+      await expect(toInput).toHaveValue('5');
+    });
+    it('input value between minTo and maxTo', async () => {
+      await (await NumberRangeFieldCO.getToInput()).addValue('10');
+      await browser.keys(Key.Tab);
+      const toInput = await NumberRangeFieldCO.getToInput();
+      await expect(toInput).toHaveValue('10');
+    });
+    it('input value larger than minTo', async () => {
+      await (await NumberRangeFieldCO.getToInput()).addValue('31');
+      await browser.keys(Key.Tab);
+      const toInput = await NumberRangeFieldCO.getToInput();
+      await expect(toInput).toHaveValue('5');
+    });
+  });
+  describe('PUI-3331 - NumberRangeField, input mask verification', () => {
+    beforeEach(async () => {
+      const errorOnGo = await NumberRangeFieldCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('special characters and letters are not allowed', async () => {
+      await (await NumberRangeFieldCO.getFromInput()).addValue('`~!@#$%^&*()_+-={[}]/|;"\'";\\,<.>?');
+      await (await NumberRangeFieldCO.getToInput()).addValue('qwertyuiopasdfghjklzxcvbnm');
+      const fromInput = await NumberRangeFieldCO.getFromInput();
+      const toInput = await NumberRangeFieldCO.getToInput();
+      await expect(fromInput).toHaveValue('');
+      await expect(toInput).toHaveValue('');
+    });
+    it('whole numbers are allowed', async () => {
+      await (await NumberRangeFieldCO.getFromInput()).addValue('6');
+      await (await NumberRangeFieldCO.getToInput()).addValue('12');
+      const fromInput = await NumberRangeFieldCO.getFromInput();
+      const toInput = await NumberRangeFieldCO.getToInput();
+      await expect(fromInput).toHaveValue('6');
+      await expect(toInput).toHaveValue('12');
+    });
+  });
+}

package/ds-eol/ds-number-range-field/NumberRangeField.visual.spec.js

@@ -0,0 +1,30 @@
+import { Key } from 'webdriverio';
+import NumberRangeFieldCO from './NumberRangeFieldCO';
+import { type } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-11994 - NumberRangeField: after migration -Visual', () => {
+    before(async () => {
+      const errorOnGo = await NumberRangeFieldCO.migratedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display empty number range field by default', async () => {
+      await browser.eyesOpen();
+      const input = await NumberRangeFieldCO.getInput(0);
+      await input.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(NumberRangeFieldCO.snapshotPath('numberrange-migrated-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display populated number range field, one focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await type('3');
+      await browser.keys(Key.Tab);
+      await type('9');
+      const snapshot = await browser.eyesCheckSnapshot(
+        NumberRangeFieldCO.snapshotPath('numberrange-migrated-populated'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-eol/ds-number-range-field/NumberRangeFieldCO.js

@@ -0,0 +1,31 @@
+import { PATH_NUMBER_RANGE_FIELD, PATH_E2E_NUMBERRANGEFIELD } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export const knobs = {
+  minFrom: 'knob-minFrom',
+  maxFrom: 'knob-maxFrom',
+  minTo: 'knob-minTo',
+  maxTo: 'knob-maxTo',
+};
+export default class NumberRangeField extends PageObject {
+  static basicURL = new Urlbuilder(PATH_NUMBER_RANGE_FIELD, 'widget-usage');
+
+  static migratedURL = new Urlbuilder(PATH_E2E_NUMBERRANGEFIELD, 'migrated-test');
+
+  static async getFromInput() {
+    return $('[data-testid="ds-number-range-field__from-input"]');
+  }
+
+  static async getToInput() {
+    return $('[data-testid="ds-number-range-field__to-input"]');
+  }
+
+  static async getInput(index = 0) {
+    return $$('[data-testid="ds-input-text-input"]')[index];
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('DSNumberRangeField', example, 'ds-number-range-field');
+  }
+}

package/ds-eol/ds-page-number/DSPageNumber.func.spec.js

@@ -0,0 +1,37 @@
+import { Key } from 'webdriverio';
+import DSPageNumberCO from './DSPageNumberCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('Page Number', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPageNumberCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('changes the current page to the last page', async () => {
+      await (await DSPageNumberCO.getPageNumber()).waitForDisplayed();
+      const currentPageInput = await DSPageNumberCO.getCurrentPageInput();
+      const totalPages = await (await DSPageNumberCO.getTotalPages()).getText();
+      await currentPageInput.setValue(totalPages);
+      const pageInputValue = await currentPageInput.getValue();
+      await expect(pageInputValue).toEqual('10');
+    });
+  });
+}
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('Page Number - Desktop', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPageNumberCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display always a number', async () => {
+      await (await DSPageNumberCO.getCurrentPageInput()).click();
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Backspace);
+      await (await DSPageNumberCO.getPageNumberIncrease()).click();
+      const currentPageInput = await DSPageNumberCO.getCurrentPageInput();
+      await expect(currentPageInput).toHaveValue('1');
+    });
+  });
+}

package/ds-eol/ds-page-number/DSPageNumber.visual.spec.js

@@ -0,0 +1,39 @@
+import { Key } from 'webdriverio';
+import DSPageNumberCO from './DSPageNumberCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-11995 - Page Number: After migration - Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSPageNumberCO.migratedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display pageNumber marking "1" by default', async () => {
+      await browser.eyesOpen();
+      const currentPageInput = await DSPageNumberCO.getMigCurrPage();
+      await currentPageInput.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSPageNumberCO.snapshotPath('pagenumber-migrated-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display pageNumber marking "3" after using upArrow button twice', async () => {
+      await browser.eyesOpen();
+      const currentPageInput = await DSPageNumberCO.getMigCurrPage();
+      await currentPageInput.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.eyesCheckSnapshot(DSPageNumberCO.snapshotPath('pagenumber-migrated-increased'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display pageNumber empty', async () => {
+      await browser.eyesOpen();
+      const currentPageInput = await DSPageNumberCO.getMigCurrPage();
+      await currentPageInput.click();
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.Backspace);
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.eyesCheckSnapshot(DSPageNumberCO.snapshotPath('pagenumber-migrated-empty'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-eol/ds-page-number/DSPageNumberCO.js

@@ -0,0 +1,42 @@
+import { PATH_PAGE_NUMBER, PATH_E2E_PAGENUMBER } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class DSPageNumberCO extends PageObject {
+  // Desktop
+  static basicURL = new Urlbuilder(PATH_PAGE_NUMBER, 'widget-usage');
+
+  static migratedURL = new Urlbuilder(PATH_E2E_PAGENUMBER, 'migrated-test');
+
+  static getUrl(component = 'basic') {
+    return PageObject.getUrl(PATH_PAGE_NUMBER, component);
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('PageNumber', example);
+  }
+
+  static async getCurrentPageInput() {
+    return $('//input[@data-testid="page-number__current-page"]');
+  }
+
+  static async getMigCurrPage() {
+    return $('[aria-label="Current Page"]');
+  }
+
+  static async getTotalPages() {
+    return $('[data-testid="page-number__total-pages"]');
+  }
+
+  static async getPageNumberIncrease() {
+    return $('[data-testid="page-number__increase"]');
+  }
+
+  static async getPageNumber() {
+    return $('[data-testid="ds-page-number"]');
+  }
+
+  // selectors
+  // actions
+  // utils
+}