dimsum-e2e-tests 3.50.0-next.2 → 3.50.0-rc.2

package/ds-apppicker/DSAppPickerCO.js

@@ -35,12 +35,8 @@ export default class DSAppPickerCO extends PageObject {
   static getChipByLabel = async (label) =>
     $(`//button[@data-testid="app-picker__chip"]/div/span[contains(text(),"${label}")]//ancestor::button`);
 
-  static async getAppPickerGrid() {
-    return $('[data-testid="app-picker__main-grid"]');
-  }
-
-  static async getAppPickerWrapper() {
-    return $('[data-testid="app-picker__wrapper"]');
+  static async getAppPickerRoot() {
+    return $('[data-testid="ds-apppicker-root"]');
   }
 
   static async getChipLabelByIndex(index) {

package/ds-apppicker/basic/DSAppPicker.basic.axe-core.spec.js

@@ -22,13 +22,13 @@ if (
     it('02: should have open appPicker (with disabled chip also) and pass axecore scan', async () => {
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       await appPicker.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });
     it('03: should focus a truncated item and pass axecore scan', async () => {
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       await appPicker.waitForDisplayed();
       await browser.keys(Key.Tab);
       const result = await axeCoreCheck();

package/ds-apppicker/basic/DSAppPicker.basic.func.spec.js

@@ -13,7 +13,7 @@ if (
     it('01: should open appPicker', async () => {
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       await expect(appPicker).toBeDisplayedInViewport();
     });
     it('02: should focus the fifth element when clicking it', async () => {
@@ -22,7 +22,7 @@ if (
       await expect(appPickerChip).toBeFocused();
     });
     it('03: should close appPicker clicking outside the menu', async () => {
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       // clicking outside the menu
       await openAppPickerBtn.click({ x: 100 });
@@ -31,7 +31,7 @@ if (
     it('04: should reopen appPicker', async () => {
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       await expect(appPicker).toBeDisplayedInViewport();
     });
     it('05: should focus the sixth element when clicking it', async () => {

package/ds-apppicker/basic/DSAppPicker.basic.keyboard-nav.func.spec.js

@@ -14,7 +14,7 @@ if (
     it('01: should open meny and focus the first enabled chip - Enter', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Enter);
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       const appPickerChip = await DSAppPickerCO.getChipByIndex(1);
       await expect(appPicker).toBeDisplayedInViewport();
       await expect(appPickerChip).toBeFocused();
@@ -41,7 +41,7 @@ if (
     });
     it('06: should reopen the menu and focus the first enabled chip - Space', async () => {
       await browser.keys(Key.Space);
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       const appPickerChip = await DSAppPickerCO.getChipByIndex(1);
       await expect(appPicker).toBeDisplayedInViewport();
       await expect(appPickerChip).toBeFocused();

package/ds-apppicker/basic/DSAppPicker.basic.visual.spec.js

@@ -10,22 +10,25 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.maximizeWindow();
     });
     it('01: should have the appPicker closed', async () => {
+      await browser.eyesOpen();
       await (await DSAppPickerCO.getOpenAppPicker()).waitForDisplayed();
-      const snapshot = await browser.checkSnapshot(DSAppPickerCO.snapshotPath('appPicker-closed'));
+      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-closed'));
       await expect(snapshot).toEqual(0);
     });
     it('02: should open appPicker', async () => {
+      await browser.eyesOpen();
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
-      const snapshot = await browser.checkSnapshot(DSAppPickerCO.snapshotPath('appPicker-open'));
+      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-open'));
       await expect(snapshot).toEqual(0);
     });
     it('03: should interact appPicker chips', async () => {
+      await browser.eyesOpen();
       const thirdChip = await DSAppPickerCO.getChipByIndex(2);
       await thirdChip.click();
       const sixthChipLabel = await DSAppPickerCO.getChipLabelByIndex(5);
       await mouseOver(sixthChipLabel);
-      const snapshot = await browser.checkSnapshot(DSAppPickerCO.snapshotPath('appPicker-interacted'));
+      const snapshot = await browser.eyesCheckSnapshot(DSAppPickerCO.snapshotPath('appPicker-interacted'));
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-apppicker/closeAfterSelection/DSAppPicker.closeAfterSelection.axe-core.spec.js

@@ -15,13 +15,13 @@ if (
     it('01: should open appPicker close-after-selection and pass axecore scan', async () => {
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       await appPicker.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });
     it('02: should close appPicker when selecting a item and pass axe-core scan', async () => {
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       await appPicker.waitForDisplayed();
       const reportChip = await DSAppPickerCO.getChipByIndex(6);
       await reportChip.click();

package/ds-apppicker/closeAfterSelection/DSAppPicker.closeAfterSelection.func.spec.js

@@ -9,11 +9,11 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should open appPicker', async () => {
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       await expect(appPicker).toBeDisplayedInViewport();
     });
     it('02: should close appPicker when selecting a item and trigger button should be focused', async () => {
-      const appPicker = await DSAppPickerCO.getAppPickerWrapper();
+      const appPicker = await DSAppPickerCO.getAppPickerRoot();
       const reportChip = await DSAppPickerCO.getChipByIndex(6);
       await reportChip.click();
       const triggerBtn = await DSAppPickerCO.getOpenAppPicker();

package/ds-apppicker/maxHeight/DSAppPicker.max-height.visual.spec.js

@@ -12,7 +12,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should display the appPicker opened', async () => {
       await browser.keys(Key.Tab);
       await browser.keys(Key.Enter);
-      const appPickerWrapper = await DSAppPickerCO.getAppPickerWrapper();
+      const appPickerWrapper = await DSAppPickerCO.getAppPickerRoot();
       await appPickerWrapper.waitForDisplayed();
       const snapshot = await browser.checkSnapshot(DSAppPickerCO.snapshotPath('appPicker-maxHeigth-opened'));
       await expect(snapshot).toEqual(0);
@@ -51,7 +51,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys([Key.Shift, Key.Tab]);
       await browser.keys(Key.Enter);
       await browser.keys(Key.Enter);
-      const appPickerWrapper = await DSAppPickerCO.getAppPickerWrapper();
+      const appPickerWrapper = await DSAppPickerCO.getAppPickerRoot();
       await appPickerWrapper.waitForDisplayed();
       const snapshot = await browser.checkSnapshot(DSAppPickerCO.snapshotPath('appPicker-last-chip-selected'));
       await expect(snapshot).toEqual(0);

package/ds-apppicker/minHeight/DSAppPicker.minHeight.visual.spec.js

@@ -11,7 +11,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     it('01: should display appPicker with minHeight opened', async () => {
       const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
       await openAppPickerBtn.click();
-      const appPickerWrapper = await DSAppPickerCO.getAppPickerWrapper();
+      const appPickerWrapper = await DSAppPickerCO.getAppPickerRoot();
       await appPickerWrapper.waitForDisplayed();
       const snapshot = await browser.checkSnapshot(DSAppPickerCO.snapshotPath('appPicker-minHeight-opened'));
       await expect(snapshot).toEqual(0);

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

@@ -1,5 +1,6 @@
 import { Key } from 'webdriverio';
 import DSAutocompleteCO from './DSAutocompleteCO';
+import DSInputTextCO from '../ds-controlled-form/ds-input-text/DSInputTextCO';
 import { type } from '../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
@@ -29,19 +30,19 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       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 input = await DSInputTextCO.getInputText();
       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();
+      const input = await DSInputTextCO.getInputText();
+      const clearBtn = await DSInputTextCO.getClearBtn();
       await clearBtn.click();
       await expect(input).toHaveValueContaining('');
     });
     it('05: should suggest another option correctly', async () => {
-      const input = await DSAutocompleteCO.getAutocompleteInput();
+      const input = await DSInputTextCO.getInputText();
       await input.click();
       await type('Obi');
       const menulist = await DSAutocompleteCO.getAutocompleteMenuList();

package/ds-autocomplete/DSAutocompleteCO.js

@@ -16,20 +16,13 @@ export default class DSAutocompleteCO extends PageObject {
   }
 
   // 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"]');
+    return $('[data-testid="ds-menuitem-menu-item-label"]');
   }
 
   static async getAutocompleteOptions() {

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

@@ -68,4 +68,59 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(closeButton).toBeFocused();
     });
   });
+
+  describe('PUI-15113 - Banner - Slots -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should find the expected SLOTS for the component', async () => {
+      const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
+      const bannerSubtitleSlot = await DSBannerCO.getSubtitleSlotByIndex();
+      const bannerContainer = await DSBannerCO.getContainerSlotByIndex();
+      const bannerInnerContainer = await DSBannerCO.getInnerContainerSlotByIndex();
+      const bannerIconsSlots = await DSBannerCO.getIconContainerSlotByIndex();
+      const bannerButtonSlot = await DSBannerCO.getButtonRootSlotByIndex();
+      const bannerActionLinkSlot = await DSBannerCO.getActionLinkSlotByIndex();
+      await expect(bannerTitleSlot).toBeDisplayed();
+      await expect(bannerSubtitleSlot).toBeDisplayed();
+      await expect(bannerContainer).toBeDisplayed();
+      await expect(bannerInnerContainer).toBeDisplayed();
+      await expect(bannerIconsSlots).toBeDisplayed();
+      await expect(bannerButtonSlot).toBeDisplayed();
+      await expect(bannerActionLinkSlot).toBeDisplayed();
+    });
+    it('02: should find custom aria for each SLOT', async () => {
+      const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
+      const bannerSubtitleSlot = await DSBannerCO.getSubtitleSlotByIndex();
+      const bannerContainer = await DSBannerCO.getContainerSlotByIndex();
+      const bannerInnerContainer = await DSBannerCO.getInnerContainerSlotByIndex();
+      const bannerIconsSlots = await DSBannerCO.getIconContainerSlotByIndex();
+      const bannerButtonSlot = await DSBannerCO.getButtonRootSlotByIndex();
+      const bannerActionLinkSlot = await DSBannerCO.getActionLinkSlotByIndex();
+      await expect(bannerTitleSlot).toHaveAttribute('aria-label', 'im title aria');
+      await expect(bannerSubtitleSlot).toHaveAttribute('aria-label', 'im subtitle aria');
+      await expect(bannerContainer).toHaveAttribute('aria-label', 'im container aria');
+      await expect(bannerInnerContainer).toHaveAttribute('aria-label', 'im inner container aria');
+      await expect(bannerIconsSlots).toHaveAttribute('aria-label', 'im iconcontainer aria');
+      await expect(bannerButtonSlot).toHaveAttribute('aria-label', 'im closebutton aria');
+      await expect(bannerActionLinkSlot).toHaveAttribute('aria-label', 'im actionlink aria');
+    });
+    it('03: should find custom data for each SLOT', async () => {
+      const bannerTitleSlot = await DSBannerCO.getTitleSlotByIndex();
+      const bannerSubtitleSlot = await DSBannerCO.getSubtitleSlotByIndex();
+      const bannerContainer = await DSBannerCO.getContainerSlotByIndex();
+      const bannerInnerContainer = await DSBannerCO.getInnerContainerSlotByIndex();
+      const bannerIconsSlots = await DSBannerCO.getIconContainerSlotByIndex();
+      const bannerButtonSlot = await DSBannerCO.getButtonRootSlotByIndex();
+      const bannerActionLinkSlot = await DSBannerCO.getActionLinkSlotByIndex();
+      await expect(bannerTitleSlot).toHaveAttribute('data-testid', 'im title data');
+      await expect(bannerSubtitleSlot).toHaveAttribute('data-testid', 'im subtitle data');
+      await expect(bannerContainer).toHaveAttribute('data-testid', 'im container data');
+      await expect(bannerInnerContainer).toHaveAttribute('data-testid', 'im inner container data');
+      await expect(bannerIconsSlots).toHaveAttribute('data-testid', 'im iconcontainer data');
+      await expect(bannerButtonSlot).toHaveAttribute('data-testid', 'im closebutton data');
+      await expect(bannerActionLinkSlot).toHaveAttribute('data-testid', 'im actionlink data');
+    });
+  });
 }

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

@@ -113,4 +113,18 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+
+  describe('PUI-15114 - DSBanner, Slots- Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBannerCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the banners customized using slots', async () => {
+      await browser.eyesOpen();
+      const banner = await DSBannerCO.getContainerSlotByIndex();
+      await banner.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSBannerCO.snapshotPath('banner-slots-test'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-banner/DSBannerCO.js

@@ -24,6 +24,8 @@ export default class DSBannerCO extends PageObject {
 
   static noActionLinkURL = new Urlbuilder(PATH_E2E_BANNER, 'no-action-link-test');
 
+  static slotsTest = new Urlbuilder(PATH_E2E_BANNER, 'slots-test');
+
   static async getButton() {
     return $('[data-testid="ds-button"]');
   }
@@ -54,6 +56,34 @@ export default class DSBannerCO extends PageObject {
     return $('div*=Danger');
   }
 
+  static async getActionLinkSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsBannerActionLink"]')[index];
+  }
+
+  static async getTitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsBannerTitle"]')[index];
+  }
+
+  static async getSubtitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsBannerSubtitle"]')[index];
+  }
+
+  static async getButtonRootSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsButtonRoot"]')[index];
+  }
+
+  static async getContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsBannerContainer"]')[index];
+  }
+
+  static async getIconContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsBannerIconContainer"]')[index];
+  }
+
+  static async getInnerContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsBannerInnerContainer"]')[index];
+  }
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSBanner', example, 'ds-banner');

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

@@ -13,7 +13,7 @@ if (
       if (errorOnGo) throw errorOnGo;
     });
     it('should have actionable breadcrumb and pass axecore scan', async () => {
-      const actionBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      const actionBreadcrumb = await DSBreadcrumbCO.getBreadcrumbNavItems(1);
       await actionBreadcrumb.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
@@ -26,7 +26,7 @@ if (
       if (errorOnGo) throw errorOnGo;
     });
     it('should have HREF on the breadcrumb and pass axecore scan', async () => {
-      const breadcrumbWithHREF = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      const breadcrumbWithHREF = await DSBreadcrumbCO.getBreadcrumbNavItems(1);
       await breadcrumbWithHREF.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
@@ -39,7 +39,7 @@ if (
       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);
+      const breadcrumbAsFooter = await DSBreadcrumbCO.getBreadcrumbNavItems(1);
       await breadcrumbAsFooter.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
@@ -52,7 +52,7 @@ if (
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should have actionable breadcrumb and pass axecore scan', async () => {
-      const titleBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      const titleBreadcrumb = await DSBreadcrumbCO.getBreadcrumbNavItems(1);
       await titleBreadcrumb.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
@@ -65,7 +65,7 @@ if (
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should have actionable breadcrumb and pass axecore scan', async () => {
-      const breadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumbNavItems(1);
       await breadcrumb.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
@@ -78,10 +78,25 @@ if (
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should have actionable breadcrumb and pass axecore scan', async () => {
-      const truncBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(1);
+      const truncBreadcrumb = await DSBreadcrumbCO.getBreadcrumbNavItems(1);
       await truncBreadcrumb.waitForDisplayed();
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });
   });
+
+  describe('PUI-14920 - BreadCrumb, Arias (current + label) - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.containerProps.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have navigation breadcrumb with correct aria-current and custom container id', async () => {
+      const currentItem1 = await DSBreadcrumbCO.getBreadcrumbItems(6);
+      await currentItem1.click();
+      const currentItem2 = await DSBreadcrumbCO.getBreadcrumbItems(12);
+      await currentItem2.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
 }

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

@@ -1,48 +1,77 @@
 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;
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  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');
+    });
   });
-  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-4233 - Breadcrumbs, actionable color - no title', () => {
-  before('loading page', async () => {
-    const errorOnGo = await DSBreadcrumbCO.basicURL.go();
-    if (errorOnGo) throw errorOnGo;
+  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();
+    });
   });
-  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;
+  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.getBreadcrumbNavItems(1);
+      const otherBreadcrumb = await DSBreadcrumbCO.getBreadcrumbNavItems(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();
+    });
   });
-  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();
+
+  describe('PUI-14919 - BreadCrumb, Arias (current + label) - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSBreadcrumbCO.containerProps.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have navigation breadcrumb with correct aria-current and custom container id', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumbsByIndex(0);
+      const currentItem = await DSBreadcrumbCO.getBreadcrumbItems(6);
+      await currentItem.click();
+      await expect(currentItem).toHaveAttribute('aria-current', 'page');
+      await expect(breadcrumb).toHaveAttribute('id', 'my-custom-id');
+    });
+    // eslint-disable-next-line max-len
+    it('02: should have with-buttons breadcrumb with correct aria-current and custom container aria-label', async () => {
+      const breadcrumb = await DSBreadcrumbCO.getBreadcrumbsByIndex(1);
+      const currentItem = await DSBreadcrumbCO.getBreadcrumbItems(12);
+      await currentItem.click();
+      await expect(currentItem).toHaveAttribute('aria-current', 'step');
+      await expect(breadcrumb).toHaveAttribute('aria-label', 'my-custom-aria-label');
+    });
   });
-});
+}

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

@@ -8,9 +8,10 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display a title variant correctly', async () => {
+      await browser.eyesOpen();
       const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
       await breadcrumb.waitForDisplayed({ timeout: 5000 });
-      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('title'));
+      const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('title'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -21,11 +22,12 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display a trailing slash for non title variant', async () => {
+      await browser.eyesOpen();
       const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
       await breadcrumb.waitForDisplayed({ timeout: 5000 });
-      const otherBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(2);
+      const otherBreadcrumb = await DSBreadcrumbCO.getBreadcrumbNavItems(2);
       await mouseOver(otherBreadcrumb);
-      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('non-title'));
+      const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('non-title'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -36,21 +38,20 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should show every link truncated', async () => {
+      await browser.eyesOpen();
       const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
+      await mouseOver(breadcrumb, 200, 200);
       await breadcrumb.waitForDisplayed({ timeout: 5000 });
-      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-all-truncated'));
+      const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-all-truncated'));
       await expect(snapshot).toEqual(0);
     });
     it('should show one the links not truncated after mouse hover', async () => {
+      await browser.eyesOpen();
       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 mouseOver(bcLink);
+      const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-one-not-truncated'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -61,11 +62,12 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should breadcrumb of different custom colors', async () => {
+      await browser.eyesOpen();
       const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
       await breadcrumb.waitForDisplayed({ timeout: 5000 });
-      const otherBreadcrumb = await DSBreadcrumbCO.getBreadcrumbItems(2);
+      const otherBreadcrumb = await DSBreadcrumbCO.getBreadcrumbNavItems(2);
       await mouseOver(otherBreadcrumb);
-      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-custom-colors'));
+      const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-custom-colors'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -76,15 +78,17 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should show breadcrumb above title', async () => {
+      await browser.eyesOpen();
       const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
       await breadcrumb.waitForDisplayed({ timeout: 5000 });
-      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-above-title'));
+      const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-above-title'));
       await expect(snapshot).toEqual(0);
     });
     it('should show hovered editable title', async () => {
+      await browser.eyesOpen();
       const title = await DSBreadcrumbCO.getEditableTitle();
       await mouseOver(title);
-      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-hovered-title'));
+      const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-hovered-title'));
       await expect(snapshot).toEqual(0);
     });
   });
@@ -95,9 +99,10 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('should display the breadcrumb item 7 as active by default', async () => {
+      await browser.eyesOpen();
       const breadcrumb = await DSBreadcrumbCO.getBreadcrumb();
       await breadcrumb.waitForDisplayed({ timeout: 5000 });
-      const snapshot = await browser.checkSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-active-7'));
+      const snapshot = await browser.eyesCheckSnapshot(DSBreadcrumbCO.snapshotPath('breadcrumb-active-7'));
       await expect(snapshot).toEqual(0);
     });
   });