dimsum-e2e-tests 1.0.0-rc.1

package/ds-autocomplete/DSAutocomplete.func.spec.js

@@ -0,0 +1,63 @@
+import { Key } from 'webdriverio';
+import DSAutocompleteCO from './DSAutocompleteCO';
+import { type } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-10008 - Autocomplete:: Async suggestions', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.asyncSuggestionsAutocomplete.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should not display suggestions after 2 seconds', async () => {
+      await browser.keys(Key.Tab);
+      await type('Lu');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000, reverse: true });
+      // after 2 sec
+      await expect(menulist).not.toBeDisplayedInViewport();
+    });
+    it('02: should not display suggestions after 2 seconds', async () => {
+      await type('k');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000, reverse: true });
+      // after 2 sec
+      await menulist.waitForDisplayed();
+      const options = await DSAutocompleteCO.getAutocompleteOptions();
+      const suggestedOption = await DSAutocompleteCO.getAutocompleteOptionLabel();
+      await expect(menulist).toBeDisplayedInViewport();
+      await expect(options).toHaveLength(1);
+      await expect(suggestedOption).toHaveTextContaining('Luke Skywalker too long this text is super long');
+    });
+    it('03: should complete input correctly', async () => {
+      const input = await DSAutocompleteCO.getAutocompleteInput();
+      const suggestedOption = await DSAutocompleteCO.getAutocompleteOptionLabel();
+      await suggestedOption.click();
+      await expect(input).toHaveValueContaining('Luke Skywalker too long this text is super long');
+    });
+    it('04: should clear input correctly', async () => {
+      const input = await DSAutocompleteCO.getAutocompleteInput();
+      const clearBtn = await DSAutocompleteCO.getClearBtn();
+      await clearBtn.click();
+      await expect(input).toHaveValueContaining('');
+    });
+    it('05: should suggest another option correctly', async () => {
+      const input = await DSAutocompleteCO.getAutocompleteInput();
+      await input.click();
+      await type('Obi');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000, reverse: true });
+      // after 2 sec
+      await menulist.waitForDisplayed();
+      await browser.keys(Key.Backspace);
+      await menulist.waitForDisplayed({ timeout: 500, reverse: true });
+      await type('i');
+      await menulist.waitForDisplayed({ timeout: 2000, reverse: true });
+      await menulist.waitForDisplayed();
+      const options = await DSAutocompleteCO.getAutocompleteOptions();
+      const suggestedOption = await DSAutocompleteCO.getAutocompleteOptionLabel();
+      await expect(menulist).toBeDisplayedInViewport();
+      await expect(options).toHaveLength(1);
+      await expect(suggestedOption).toHaveTextContaining('Obi-Wan Kenobi');
+    });
+  });
+}

package/ds-autocomplete/DSAutocompleteCO.js

@@ -0,0 +1,36 @@
+/* eslint-disable import/no-relative-packages */
+import { PATH_E2E_AUTOCOMPLETE, PATH_AUTOCOMPLETE_EXAMPLES } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSAutocompleteCO extends PageObject {
+  // Desktop
+  static asyncSuggestionsAutocomplete = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'async-suggestions-autocomplete');
+
+  static basic = new Urlbuilder(PATH_AUTOCOMPLETE_EXAMPLES, 'basic');
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Autocomplete', example);
+  }
+
+  // selectors
+  static async getAutocompleteInput() {
+    return $('[data-testid="ds-input-text-input"]');
+  }
+
+  static async getClearBtn() {
+    return $('[data-testid="ds-input-text-clear-button"]');
+  }
+
+  static async getAutocompleteMenuList() {
+    return $('[data-testid="autocomplete-menu-list"]');
+  }
+
+  static async getAutocompleteOptionLabel() {
+    return $('[data-testid="ds-menu-item-menu-item-label"]');
+  }
+
+  static async getAutocompleteOptions() {
+    return $$('[data-testid="autocomplete-option"]');
+  }
+}

package/ds-banner/DSBanner.axe-core.func.spec.js

@@ -0,0 +1,79 @@
+import { axeCoreCheck } from '../helpers';
+import DSBannerCO from './DSBannerCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-10998 - DSBanner - Info - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.infoURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display info banner properly and pass axecore test', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11001 - DSBanner - Success - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.successURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display success banner properly and pass axecore test', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-10999 - DSBanner - Error - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.errorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display error banner properly and pass axecore test', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11100 - DSBanner - Warning - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.warningURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display warning banner properly and pass axecore test', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11002 - DSBanner, No action link rendered - AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.noActionLinkURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the layout properly with no action link and pass axecore test', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-banner/DSBanner.func.spec.js

@@ -0,0 +1,71 @@
+import { Key } from 'webdriverio';
+import DSBannerCO from './DSBannerCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('DSBanner, functional basic test -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.infoURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should open the banner', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await expect(banner).toBeDisplayed();
+    });
+    it('should close the banner', async () => {
+      await DSBannerCO.closeBanner();
+      const banner = await DSBannerCO.getBanner();
+      await expect(banner).not.toBeDisplayed();
+    });
+  });
+  describe('PUI-6788 - Banner, Keyboard Navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.infoURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should focus the action link', async () => {
+      await DSBannerCO.openBanner();
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(500);
+      await browser.keys(Key.Tab);
+      const actionLink = await DSBannerCO.getActionLink();
+      await expect(actionLink).toBeFocused();
+    });
+    it('should focus the close button', async () => {
+      await browser.keys(Key.Tab);
+      const closeBt = await DSBannerCO.getCloseButton();
+      await expect(closeBt).toBeFocused();
+    });
+    it('should close the banner with enter', async () => {
+      await browser.keys(Key.Enter);
+      const banner = await DSBannerCO.getBanner();
+      await expect(banner).not.toBeDisplayed();
+    });
+  });
+  describe('PUI-6797 - DSBanner, focus on open -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.infoURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should open the banner', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await expect(banner).toBeDisplayed();
+    });
+    it('should be focusing the banner', async () => {
+      const banner = await DSBannerCO.getBanner();
+      await expect(banner).toBeDisplayed();
+    });
+  });
+  describe('PUI-10369 - DSBanner, focus close button on open -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.focusCloseBtnURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should open the banner', async () => {
+      await DSBannerCO.openBanner();
+      const closeButton = await DSBannerCO.getCloseButton();
+      await expect(closeButton).toBeFocused();
+    });
+  });
+}

package/ds-banner/DSBanner.visual.spec.js

@@ -0,0 +1,116 @@
+import DSBannerCO from './DSBannerCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5579 - DSBanner - Info - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.infoURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display info banner properly', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSBannerCO.snapshotPath('info'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-5981 - DSBanner - Success - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.successURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display success banner properly', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSBannerCO.snapshotPath('success'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-5982 - DSBanner - Error - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.errorURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display error banner properly', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSBannerCO.snapshotPath('error'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-5983 - DSBanner - Warning - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.warningURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display warning banner properly', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSBannerCO.snapshotPath('warning'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-6794 - DSBanner, Grid Influencing - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.gridInfluencingURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the layout properly', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSBannerCO.snapshotPath('grid-influencing'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-10366 - DSBanner, No action link rendered - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.noActionLinkURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the layout properly with no action link', async () => {
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSBannerCO.snapshotPath('no-action-link'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10367 - DSBanner, With text wrapping - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.textWrappingURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the layout properly with text wrapping', async () => {
+      await browser.eyesOpen();
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('text-wrapping'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10368 - DSBanner, Pushes content- Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.pushesContentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the layout properly with pushed content below', async () => {
+      await browser.eyesOpen();
+      await DSBannerCO.openBanner();
+      const banner = await DSBannerCO.getBanner();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('pushed-content'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-banner/DSBannerCO.js

@@ -0,0 +1,61 @@
+import { PATH_E2E_BANNER } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSBannerCO extends PageObject {
+  static basicURL = new Urlbuilder(PATH_E2E_BANNER, 'basic-test');
+
+  static infoURL = new Urlbuilder(PATH_E2E_BANNER, 'info-test');
+
+  static errorURL = new Urlbuilder(PATH_E2E_BANNER, 'error-test');
+
+  static focusOnOpenURL = new Urlbuilder(PATH_E2E_BANNER, 'focus-on-open-test');
+
+  static successURL = new Urlbuilder(PATH_E2E_BANNER, 'success-test');
+
+  static warningURL = new Urlbuilder(PATH_E2E_BANNER, 'warning-test');
+
+  static gridInfluencingURL = new Urlbuilder(PATH_E2E_BANNER, 'banner-grid-influencer-test');
+
+  static focusCloseBtnURL = new Urlbuilder(PATH_E2E_BANNER, 'focus-close-btn-test');
+
+  static textWrappingURL = new Urlbuilder(PATH_E2E_BANNER, 'with-text-wrapping-test');
+
+  static pushesContentURL = new Urlbuilder(PATH_E2E_BANNER, 'pushes-content-test');
+
+  static noActionLinkURL = new Urlbuilder(PATH_E2E_BANNER, 'no-action-link-test');
+
+  static async getButton() {
+    return $('[data-testid="ds-button"]');
+  }
+
+  static async openBanner() {
+    const button = await this.getButton();
+    await button.click();
+  }
+
+  static async closeBanner() {
+    const closeBtn = await this.getCloseButton();
+    await closeBtn.click();
+  }
+
+  static async getCloseButton() {
+    return $('[data-testid="ds-banner-close-button"]');
+  }
+
+  static async getActionLink() {
+    return $('[data-testid="ds-banner-action-link"]');
+  }
+
+  static async getBanner() {
+    return $('[data-testid="ds-banner"');
+  }
+
+  static async dangerLabel() {
+    return $('div*=Danger');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('DSBanner', example, 'ds-banner');
+  }
+}

package/ds-breadcrumb/DSBreadcrumb.axe-core.func.spec.js

@@ -0,0 +1,87 @@
+import DSBreadcrumbCO from './DSBreadcrumbCO';
+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-11003 - BreadCrumb, Click firing actions -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.onClickURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should have actionable breadcrumb and pass axecore scan', async () => {
+      const actionBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      await actionBreadcrumb.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11004 - BreadCrumb, HREF -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.hrefURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should have HREF on the breadcrumb and pass axecore scan', async () => {
+      const breadcrumbWithHREF = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      await breadcrumbWithHREF.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11005 - BreadCrumb, "as" -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.asURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have breadcrumb as footer and item as div and pass axecore scan', async () => {
+      const breadcrumbAsFooter = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      await breadcrumbAsFooter.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11006 - BreadCrumb, isTitle -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.titleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have actionable breadcrumb and pass axecore scan', async () => {
+      const titleBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      await titleBreadcrumb.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11007 - BreadCrumb, above title -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.aboveTitle.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have actionable breadcrumb and pass axecore scan', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      await breadcrumb.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11008 - BreadCrumb, truncation -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.ucTruncatedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have actionable breadcrumb and pass axecore scan', async () => {
+      const truncBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      await truncBreadcrumb.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-breadcrumb/DSBreadcrumb.func.spec.js

@@ -0,0 +1,48 @@
+import DSBreadcrumbCO from './DSBreadcrumbCO';
+
+describe('PUI-4233 - Breadcrumbs, actionable color - with title', () => {
+  before('loading page', async () => {
+    const errorOnGo = await DSBreadcrumbCO.titleURL.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should display title in #353c46 color', async () => {
+    const itemColor = await DSBreadcrumbCO.getItemColor('Level 7');
+    await expect(itemColor).toEqual('#353c46');
+  });
+});
+describe('PUI-4233 - Breadcrumbs, actionable color - no title', () => {
+  before('loading page', async () => {
+    const errorOnGo = await DSBreadcrumbCO.basicURL.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should display no title item in #1e79c2', async () => {
+    const itemColor = await DSBreadcrumbCO.getItemColor('Level 7');
+    await expect(itemColor).toEqual('#1e79c2');
+  });
+});
+describe('PUI-9457 - Breadcrumbs, Container props', () => {
+  before('loading page', async () => {
+    const errorOnGo = await DSBreadcrumbCO.containerProps.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should find breadcrumb by custom id', async () => {
+    const breadcrumb = await DSBreadcrumbCO.getBreadcrumbCustomId();
+    await expect(breadcrumb).toBeDisplayed();
+  });
+});
+
+describe('PUI-9463 - BreadCrumb, Click - Firing Actions', () => {
+  before('loading page', async () => {
+    const errorOnGo = await DSBreadcrumbCO.onClickURL.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should fire the action with click two times', async () => {
+    const actionBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(1);
+    const otherBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(4);
+    await actionBreadcrumb.click();
+    await otherBreadcrumb.click(); // should ignore clicks on other items
+    await actionBreadcrumb.click();
+    const counter = await DSBreadcrumbCO.getCounter('2');
+    await expect(counter).toBeDisplayedInViewport();
+  });
+});

package/ds-breadcrumb/DSBreadcrumb.keyboard.navigation.func.spec.js

@@ -0,0 +1,55 @@
+import { Key } from 'webdriverio';
+import DSBreadcrumbCO from './DSBreadcrumbCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-3978 - Breadcrumbs - Keyboard Navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should be able to move/focus using Tab', async () => {
+      const level2 = await DSBreadcrumbCO.getBreadcrumbItem('Level 2');
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await expect(level2).toBeFocused();
+    });
+    it('02: should be able to move/focus using Tab and ArrowDown', async () => {
+      const level7 = await DSBreadcrumbCO.getBreadcrumbItem('Level 7');
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await expect(level7).toBeFocused();
+    });
+    it('03: should be able to move/focus using Shift+Tab and ArrowUp', async () => {
+      const level1 = await DSBreadcrumbCO.getBreadcrumbItem('Level 1');
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys([Key.ArrowUp]);
+      await browser.keys([Key.ArrowUp]);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await expect(level1).toBeFocused();
+    });
+  });
+
+  describe('PUI-6494 - BreadCrumb, Keyboard Navigation - Firing Actions', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.onClickURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should fire the action with enter', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const counter = await DSBreadcrumbCO.getCounter('1');
+      await expect(counter).toBeDisplayedInViewport();
+    });
+    it('02: should fire the action with alt+ctrl+space', async () => {
+      await browser.keys([Key.Control, Key.Alt, Key.Space]);
+      const counter = await DSBreadcrumbCO.getCounter('2');
+      await expect(counter).toBeDisplayedInViewport();
+    });
+  });
+}