dimsum-e2e-tests 1.0.0-rc.1

package/ds-text-box/DSTextBoxCO.js

@@ -0,0 +1,40 @@
+/* eslint-disable import/no-unresolved */
+import { PATH_END_OF_LIFE_TEXTBOX } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSTextBoxCO extends PageObject {
+  // Desktop
+  static basicURL = new Urlbuilder(PATH_END_OF_LIFE_TEXTBOX, 'basic');
+
+  static disabledURL = new Urlbuilder(PATH_END_OF_LIFE_TEXTBOX, 'disabled');
+
+  static withTooltipURL = new Urlbuilder(PATH_END_OF_LIFE_TEXTBOX, 'with-tooltip');
+
+  static withFormItemLayout = new Urlbuilder(PATH_END_OF_LIFE_TEXTBOX, 'with-form-item-layout');
+
+  static withLeftLabel = new Urlbuilder(PATH_END_OF_LIFE_TEXTBOX, 'with-left-label');
+
+  static getUrl(component = 'basic') {
+    return PageObject.getUrl(PATH_END_OF_LIFE_TEXTBOX, component);
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('TextBox', example);
+  }
+
+  // selectors
+  static async getInput() {
+    return $('//div/input[@data-testid="ds-input_main-component"]');
+  }
+
+  static async blur() {
+    await $('body').click();
+  }
+
+  static async getTooltip() {
+    return $('[data-testid="popper-container"]');
+  }
+  // actions
+  // utils
+}

package/ds-time-picker/DSTimePicker.func.spec.js

@@ -0,0 +1,48 @@
+import DSTimePicker from './DSTimePickerCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5769 - TimePicker - clear input setting value to null', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTimePicker.clearable.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should diplay correctly the time`', async () => {
+      await (await DSTimePicker.getHours()).setValue('02');
+      await (await DSTimePicker.getMinutes()).setValue('35');
+      await (await DSTimePicker.getAmPm()).setValue('am');
+      const inputTime = await DSTimePicker.getInputTime();
+      await expect(inputTime).toBe('02:35am');
+    });
+    it('should clear correctly setting value to null`', async () => {
+      await (await DSTimePicker.getClearBtn()).click();
+      const inputTime = await DSTimePicker.getInputTime();
+      await expect(inputTime).toBe(':');
+    });
+  });
+  describe('PUI-8283 - TimePicker - Chevrons', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTimePicker.altPlacement.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should diplay correctly the time after setting it with the chevrons', async () => {
+      await (await DSTimePicker.getHours()).setValue('10');
+      await (await DSTimePicker.getMinutes()).setValue('29');
+      const openPickerBtn = await DSTimePicker.getDateTimePickerBtn();
+      await openPickerBtn.click();
+      const minutesDown = await DSTimePicker.getMinChevDown();
+      const hoursDown = await DSTimePicker.getHourChevDown();
+      await minutesDown.click();
+      await hoursDown.click();
+      const inputTime = await DSTimePicker.getInputTime();
+      await expect(inputTime).toBe('11:31pm');
+    });
+    it('should diplay correctly the time after changing it with the chevrons', async () => {
+      const minutesUp = await DSTimePicker.getMinChevUp();
+      const hoursUp = await DSTimePicker.getHourChevUp();
+      await minutesUp.click();
+      await hoursUp.click();
+      const inputTime = await DSTimePicker.getInputTime();
+      await expect(inputTime).toBe('10:30pm');
+    });
+  });
+}

package/ds-time-picker/DSTimePickerCO.js

@@ -0,0 +1,113 @@
+/* eslint-disable import/no-relative-packages */
+import { PATH_END_OF_LIFE_TIME_PICKER } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export const knobs = {
+  placement: 'knob-placement',
+};
+
+export default class DSTextBoxCO extends PageObject {
+  // Desktop
+  static basicURL = new Urlbuilder(PATH_END_OF_LIFE_TIME_PICKER, 'basic');
+
+  static clearable = new Urlbuilder(PATH_END_OF_LIFE_TIME_PICKER, 'clearable');
+
+  static altPlacement = new Urlbuilder(PATH_END_OF_LIFE_TIME_PICKER, 'alt-placement');
+
+  static getUrl(component = 'basic') {
+    return PageObject.getUrl(PATH_END_OF_LIFE_TIME_PICKER, component);
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('TimePicker', example);
+  }
+
+  // selectors
+  static async getHours() {
+    return $('[data-testid="ds-time-input__hours"]');
+  }
+
+  static async getMinutes() {
+    return $('[data-testid="ds-time-input__minutes"]');
+  }
+
+  static async getAmPm() {
+    return $('[data-testid="ds-time-input__ampm"]');
+  }
+
+  static async getDateTimePickerBtn() {
+    return $('[data-testid="button-wrapper"]');
+  }
+
+  static async getDateTimePicker() {
+    return $('[data-testid="date-time-picker"]');
+  }
+
+  static async getDayPicker(day) {
+    return $$(`//div[text()=${day}]`)[1];
+  }
+
+  static async getHideBtn() {
+    return $('button*=HIDE');
+  }
+
+  static async getShowBtn() {
+    return $('button*=SHOW');
+  }
+
+  static async getHourPicker(hour) {
+    return $(`//div[@data-testid="hour-list"]/div[contains(text(),${hour})]`);
+  }
+
+  static async getHourArrowUp() {
+    return $('//div[contains(text(),"H")]//button[@aria-label="Chevron Up"]');
+  }
+
+  static async getHourArrowDown() {
+    return $('[data-testid="hour-chevron-down"]');
+  }
+
+  static async getPickerTime() {
+    return $('//div[contains(text(),":")]');
+  }
+
+  static async getInputTime() {
+    const minutes = await (await this.getMinutes()).getValue();
+    const hour = await (await this.getHours()).getValue();
+    const ampm = await (await this.getAmPm()).getValue();
+    return `${hour}:${minutes}${ampm}`;
+  }
+
+  static async getClearBtn() {
+    return $('span*=Clear Value');
+  }
+
+  static async getMinChevUp() {
+    return $('[data-testid="minutes-chevron-up"]');
+  }
+
+  static async getMinChevDown() {
+    return $('[data-testid="minutes-chevron-down"]');
+  }
+
+  static async getHourChevUp() {
+    return $('[data-testid="hour-chevron-up"]');
+  }
+
+  static async getHourChevDown() {
+    return $('[data-testid="hour-chevron-down"]');
+  }
+
+  static async getMeriChevUp() {
+    return $('[data-testid="meridiem-chevron-up"]');
+  }
+
+  static async getMeriChevDown() {
+    return $('[data-testid="meridiem-chevron-down"]');
+  }
+
+  // actions
+
+  // utils
+}

package/ds-toast/DSToast.axe-core.func.spec.js

@@ -0,0 +1,35 @@
+import DSToastCO from './DSToastCO';
+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-10331 -  Toast:: axe-core accessibility test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.multipleToastURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display 4 toasts after clicking the button', async () => {
+      const triggerButton = await DSToastCO.getBtn();
+      await triggerButton.click();
+
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(500);
+      const toast1 = await DSToastCO.getToastBoxesByIndex(0);
+      const toast2 = await DSToastCO.getToastBoxesByIndex(1);
+      const toast3 = await DSToastCO.getToastBoxesByIndex(2);
+      const toast4 = await DSToastCO.getToastBoxesByIndex(3);
+
+      await toast1.waitForDisplayed({ timeout: 5000 });
+      await toast2.waitForDisplayed({ timeout: 5000 });
+      await toast3.waitForDisplayed({ timeout: 5000 });
+      await toast4.waitForDisplayed({ timeout: 5000 });
+
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-toast/DSToast.func.spec.js

@@ -0,0 +1,29 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSToastCO from './DSToastCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9472 -  Toast, success long text visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.withLinkURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should open toast and focus close button', async () => {
+      // await browser.keys(Key.Tab);
+      const triggerButton = await DSToastCO.getBtn();
+      await triggerButton.click();
+      const closeButton = await DSToastCO.getCloseButton();
+      await expect(closeButton).toBeFocused();
+    });
+    it('02: should tab to focus content with link', async () => {
+      await browser.keys(Key.Tab);
+      const closeButton = await DSToastCO.getContent();
+      await expect(closeButton).toBeFocused();
+    });
+    it('03: should tab to focus close button again', async () => {
+      await browser.keys(Key.Tab);
+      const closeButton = await DSToastCO.getCloseButton();
+      await expect(closeButton).toBeFocused();
+    });
+  });
+}

package/ds-toast/DSToast.visual.spec.js

@@ -0,0 +1,216 @@
+/* eslint-disable wdio/no-pause */
+import DSToastCO from './DSToastCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-4245 -  Toast, success long text visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.longTextURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('toast should be displayed correctly', async () => {
+      await browser.eyesOpen();
+      await (await DSToastCO.getBtn()).waitForDisplayed({ timeout: 5000 });
+      await (await DSToastCO.getBtn()).click();
+      const toast = await DSToastCO.getToastBox();
+      await toast.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.eyesCheckSnapshot(DSToastCO.snapshotPath('toast-success-long'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-5506 -  Toast with link', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.withLinkURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('toast with link should be displayed correctly', async () => {
+      await browser.eyesOpen();
+      await (await DSToastCO.getBtn()).waitForDisplayed({ timeout: 5000 });
+      await (await DSToastCO.getBtn()).click();
+      const toast = await DSToastCO.getToastBox();
+      await toast.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.eyesCheckSnapshot(DSToastCO.snapshotPath('with-link'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9466 -  Toast Error', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.errorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display error toast correctly', async () => {
+      await browser.eyesOpen();
+      await (await DSToastCO.getBtn()).waitForDisplayed({ timeout: 5000 });
+      await (await DSToastCO.getBtn()).click();
+      const toast = await DSToastCO.getToastBox();
+      await toast.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.eyesCheckSnapshot(DSToastCO.snapshotPath('toast-error'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9467 -  Toast Info', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.infoURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('shoudl display info toast correctly', async () => {
+      await browser.eyesOpen();
+      await (await DSToastCO.getBtn()).waitForDisplayed({ timeout: 5000 });
+      await (await DSToastCO.getBtn()).click();
+      const toast = await DSToastCO.getToastBox();
+      await toast.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.eyesCheckSnapshot(DSToastCO.snapshotPath('toast-info'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9468 -  Toast Warning', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.warningURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display warning toast correctly', async () => {
+      await browser.eyesOpen();
+      await (await DSToastCO.getBtn()).waitForDisplayed({ timeout: 5000 });
+      await (await DSToastCO.getBtn()).click();
+      const toast = await DSToastCO.getToastBox();
+      await toast.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.eyesCheckSnapshot(DSToastCO.snapshotPath('toast-warning'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9469 -  Toast long with link', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.longTextWithLinkURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display long toast with link correctly', async () => {
+      await browser.eyesOpen();
+      await (await DSToastCO.getBtn()).waitForDisplayed({ timeout: 5000 });
+      await (await DSToastCO.getBtn()).click();
+      const toast = await DSToastCO.getToastBox();
+      await toast.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.eyesCheckSnapshot(DSToastCO.snapshotPath('toast-long-with-link'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9470 -  Toast before dialog (and above dialog)', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.withDialogTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display toast above dialog even if displayed before', async () => {
+      await browser.eyesOpen();
+      const openToastBtn = await DSToastCO.openToastBtn();
+      await openToastBtn.click();
+      const toast = await DSToastCO.getToastBox();
+      await toast.waitForDisplayed({ timeout: 5000 });
+      const openDialogButton = await DSToastCO.getOpenDialogBtn();
+      await openDialogButton.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSToastCO.snapshotPath('toast-dialog'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display a second toast above dialog', async () => {
+      await browser.eyesOpen();
+      const openToastBtnInsideDialog = await DSToastCO.openToastBtnInsideDialog();
+      await openToastBtnInsideDialog.click();
+      const toast = await DSToastCO.getToastBoxes();
+      await toast[1].waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.eyesCheckSnapshot(DSToastCO.snapshotPath('second-toast-dialog'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10329 -  Toast:: position test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.positionURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    // eslint-disable-next-line max-statements
+    it('01: toast should be displayed correctly in every position', async () => {
+      await browser.eyesOpen();
+      const topLeftBtn = await DSToastCO.openToastPositionBtn('top-left');
+      const topCenterBtn = await DSToastCO.openToastPositionBtn('top-center');
+      const topRigthBtn = await DSToastCO.openToastPositionBtn('top-right');
+      const bottomLeftBtn = await DSToastCO.openToastPositionBtn('bottom-left');
+      const bottomCenterBtn = await DSToastCO.openToastPositionBtn('bottom-center');
+      const bottomRightBtn = await DSToastCO.openToastPositionBtn('bottom-right');
+      await topLeftBtn.click();
+      await topCenterBtn.click();
+      await topRigthBtn.click();
+      await bottomLeftBtn.click();
+      await bottomCenterBtn.click();
+      await bottomRightBtn.click();
+      await browser.pause(2000);
+
+      const topLeftToast = await DSToastCO.getToastByPosition('top-left');
+      const topCenterToast = await DSToastCO.getToastByPosition('top-center');
+      const topRightToast = await DSToastCO.getToastByPosition('top-right');
+      const bottomLeftToast = await DSToastCO.getToastByPosition('bottom-left');
+      const bottomCenterToast = await DSToastCO.getToastByPosition('bottom-center');
+      const bottomRightToast = await DSToastCO.getToastByPosition('bottom-right');
+
+      await topLeftToast.waitForDisplayed({ timeout: 5000 });
+      await topCenterToast.waitForDisplayed({ timeout: 5000 });
+      await topRightToast.waitForDisplayed({ timeout: 5000 });
+      await bottomLeftToast.waitForDisplayed({ timeout: 5000 });
+      await bottomCenterToast.waitForDisplayed({ timeout: 5000 });
+      await bottomRightToast.waitForDisplayed({ timeout: 5000 });
+
+      const snapshot = await browser.eyesCheckSnapshot(DSToastCO.snapshotPath('toast-position'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10330 - Toast::  Multiple toast test - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.multipleToastURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display 4 toasts after clicking the button', async () => {
+      await browser.eyesOpen();
+
+      const triggerButton = await DSToastCO.getBtn();
+      await triggerButton.click();
+
+      await browser.pause(500);
+
+      const toast1 = await DSToastCO.getToastBoxesByIndex(0);
+      const toast2 = await DSToastCO.getToastBoxesByIndex(1);
+      const toast3 = await DSToastCO.getToastBoxesByIndex(2);
+      const toast4 = await DSToastCO.getToastBoxesByIndex(3);
+
+      await toast1.waitForDisplayed({ timeout: 5000 });
+      await toast2.waitForDisplayed({ timeout: 5000 });
+      await toast3.waitForDisplayed({ timeout: 5000 });
+      await toast4.waitForDisplayed({ timeout: 5000 });
+
+      const snapshot = await browser.eyesCheckSnapshot('toast-multiple');
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-10346 - Toast::  Custom Color test - visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToastCO.customColorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display error toast with custom color', async () => {
+      await browser.eyesOpen();
+
+      const triggerButton = await DSToastCO.getBtn();
+      await triggerButton.click();
+
+      await browser.pause(500);
+
+      const toast1 = await DSToastCO.getToastBox();
+      await toast1.waitForDisplayed({ timeout: 5000 });
+
+      const snapshot = await browser.eyesCheckSnapshot('toast-custom-color');
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-toast/DSToastCO.js

@@ -0,0 +1,84 @@
+import { PATH_E2E_TOAST } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
+
+export default class DSToastCO extends PageObject {
+  // Desktop
+  static customColorURL = new Urlbuilder(PATH_E2E_TOAST, 'custom-color-test');
+
+  static errorURL = new Urlbuilder(PATH_E2E_TOAST, 'error-test');
+
+  static infoURL = new Urlbuilder(PATH_E2E_TOAST, 'info-test');
+
+  static longTextURL = new Urlbuilder(PATH_E2E_TOAST, 'long-text-test');
+
+  static longTextWithLinkURL = new Urlbuilder(PATH_E2E_TOAST, 'long-text-with-link');
+
+  static multipleToastURL = new Urlbuilder(PATH_E2E_TOAST, 'multiple-toast-test');
+
+  static positionURL = new Urlbuilder(PATH_E2E_TOAST, 'position-test');
+
+  static warningURL = new Urlbuilder(PATH_E2E_TOAST, 'warning-test');
+
+  static withDialogTest = new Urlbuilder(PATH_E2E_TOAST, 'with-dialog-test');
+
+  static withLinkURL = new Urlbuilder(PATH_E2E_TOAST, 'with-link-test');
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Toast', example);
+  }
+
+  static async getBtn() {
+    return $('[data-testid="ds-button"]');
+  }
+
+  static async getButtons() {
+    return $$('[data-testid="ds-button"]');
+  }
+
+  static getButtonsByIndex = async (index) => getElementByIndex(this.getButtons, index);
+
+  static async getToastBox() {
+    return $('[data-testid="ds-toast-render"]');
+  }
+
+  static async getToastBoxes() {
+    return $$('[data-testid="ds-toast-render"]');
+  }
+
+  static getToastBoxesByIndex = async (index) => getElementByIndex(this.getToastBoxes, index);
+
+  static async getOpenDialogBtn() {
+    return $('[data-testid="open-dialog-button"]');
+  }
+
+  static async openToastBtn() {
+    return $('[data-testid="open-toast-button"]');
+  }
+
+  static async openToastBtnInsideDialog() {
+    return $('[data-testid="open-toast-button-inside-dialog"]');
+  }
+
+  static async openToastPositionBtn(position) {
+    return $(`[data-testid="ds-button-${position}"]`);
+  }
+
+  static async getCloseButton() {
+    return $(`[data-testid="ds-toast-close-button"]`);
+  }
+
+  static async getContent() {
+    return $(`[data-testid="ds-toast-action-root"]`);
+  }
+
+  static async getToastByPosition(position) {
+    // Reemplaza 'top-left' en la clase por la posición proporcionada
+    const positionClass = `Toastify__toast-container--${position}`;
+    const toastSelector = `.Toastify__toast-container.${positionClass}`;
+
+    return $(toastSelector);
+  }
+
+  static getToastBoxByIndex = async (index) => getElementByIndex(this.getToastBoxes, index);
+}

package/ds-toggle/DSToggle.axe-core.spec.js

@@ -0,0 +1,35 @@
+/* eslint-disable prettier/prettier */
+/* eslint-disable max-len */
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import { axeCoreCheck, tabStops } from '../helpers';
+import DSToggleCO from './DSToggleCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-11929 - DSControlledToggle - Axe-Core - showcase', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSToggleCO.showOffURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should pass axe-core check for showcase example', async () => {
+      await (await DSToggleCO.getToggleByIndex(0)).waitForExist();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should pass axe-core check for showcase example - basic interaction', async () => {
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should pass axe-core check for showcase example - readOnly interaction', async () => {
+      await tabStops(6);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}