dimsum-e2e-tests 3.22.0-next.36

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();
+    });
+  });
+}

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

@@ -0,0 +1,104 @@
+import DSBreadcrumbCO from './DSBreadcrumbCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-3979 - Breadcrumb, with title', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.titleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a title variant correctly', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
+      await breadcrumb.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('title'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-3979 - Breadcrumb, without title', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a trailing slash for non title variant', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
+      await breadcrumb.waitForDisplayed({ timeout: 5000 });
+      const otherBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(2);
+      await mouseOver(otherBreadcrumb);
+      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('non-title'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-6491 - Breadcrumb, Truncation - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.ucTruncatedURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should show every link truncated', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
+      await breadcrumb.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-all-truncated'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should show one the links not truncated after mouse hover', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
+      await breadcrumb.waitForDisplayed({ timeout: 5000 });
+      const bcLink = await DSBreadcrumbCO.getBreadcrumbItem('Aenean non ante eu nunc volutpat');
+      if (browser.capabilities.browserName !== 'firefox') {
+        await mouseOver(bcLink);
+      } else {
+        await bcLink.moveTo();
+      }
+      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-one-not-truncated'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9458 - Breadcrumb, Custom colors - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.colorsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should breadcrumb of different custom colors', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
+      await breadcrumb.waitForDisplayed({ timeout: 5000 });
+      const otherBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(2);
+      await mouseOver(otherBreadcrumb);
+      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-custom-colors'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9459 - Breadcrumb, Above title - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.aboveTitle.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should show breadcrumb above title', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
+      await breadcrumb.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-above-title'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should show hovered editable title', async () => {
+      const title = await DSBreadcrumbCO.getEditableTitle();
+      await mouseOver(title);
+      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-hovered-title'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9462 - Breadcrumb, Active - Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.activeURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the breadcrumb item 7 as active by default', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
+      await breadcrumb.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-active-7'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-breadcrumb/DSBreadcrumbCO.js

@@ -0,0 +1,60 @@
+// eslint-disable-next-line import/no-relative-packages
+import { PATH_E2E_BREADCRUMB } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSBreadcrumbCO extends PageObject {
+  static basicURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'basic-test');
+
+  static titleURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'title-test');
+
+  static onClickURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'on-click-test');
+
+  static hrefURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'href-test');
+
+  static activeURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'active-test');
+
+  static ucTruncatedURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'bread-crumb-truncated');
+
+  static containerProps = new Urlbuilder(PATH_E2E_BREADCRUMB, 'container-props-test');
+
+  static colorsURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'color-test');
+
+  static aboveTitle = new Urlbuilder(PATH_E2E_BREADCRUMB, 'above-title-test');
+
+  static asURL = new Urlbuilder(PATH_E2E_BREADCRUMB, 'as-test');
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Breadcrumb', example);
+  }
+
+  // selectors
+  static async getBreadcrumb() {
+    return $('[data-testid="breadcrumb-nav-container"]');
+  }
+
+  static async getBreadcrumbItems(index) {
+    return $$('//li[@data-testid="breadcrumb-item-container"]/a')[index];
+  }
+
+  static async getBreadcrumbItem(text) {
+    return $(`a*=${text}`);
+  }
+
+  static async getCounter(customText) {
+    return $(`h3*=${customText}`);
+  }
+
+  static async getBreadcrumbCustomId() {
+    return $(`[id="my-custom-id"]`);
+  }
+
+  static async getEditableTitle() {
+    return $(`[data-testid="ds-page-header-editable-title"]`);
+  }
+
+  static async getItemColor(text) {
+    const color = await (await this.getBreadcrumbItem(text)).getCSSProperty('color');
+    return color.parsed.hex;
+  }
+}

package/ds-button-group/DSButtonGropu.visual.spec.js

@@ -0,0 +1,16 @@
+import DSButtonGroupCO from './DSButtonGroupCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5602 - ButtonGroup- visual tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonGroupCO.showcaseURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('button group showcase', async () => {
+      const button = await DSButtonGroupCO.getButtons(0);
+      await button.waitForDisplayed({ timeout: 10000 });
+      const snapshot = await browser.checkSnapshot(DSButtonGroupCO.snapshotPath('button-group-showcase'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-button-group/DSButtonGroupCO.js

@@ -0,0 +1,20 @@
+import { PATH_END_OF_LIFE_BUTTON_GROUP } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSButtonCO extends PageObject {
+  // Atomic
+  static showcaseURL = new Urlbuilder(PATH_END_OF_LIFE_BUTTON_GROUP, 'showcase');
+
+  // Snapshot
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('ButtonGroup', example);
+  }
+
+  // selectors
+  static async getButtons(index) {
+    return $$('[data-testid="button-wrapper"]')[index];
+  }
+
+  // actions
+  // utils
+}

package/ds-button-v1/DSButton.func.spec.js

@@ -0,0 +1,23 @@
+import DSButtonCO from './DSButtonCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-6229 - Button enabled/disabled - should show tooltip', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonCO.tooltipURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('with disabled state having a wrapper', async () => {
+      const target = await DSButtonCO.getDisabledButton();
+      await mouseOver(target, 75, 14);
+      const tooltip = await DSButtonCO.getTooltip1();
+      await expect(tooltip).toBeDisplayed();
+    });
+    it('with enabled state', async () => {
+      const target = await DSButtonCO.getEnabledButton();
+      await mouseOver(target, 75, 14);
+      const tooltip = await DSButtonCO.getTooltip2();
+      await expect(tooltip).toBeDisplayed();
+    });
+  });
+}