dimsum-e2e-tests 1.0.0-rc.1

package/ds-leftnavigation/LeftNavigation.keyboard.func.spec.js

@@ -0,0 +1,134 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import LeftNavCO from './LeftNavigationCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-7191 - LeftNavigation: keyboard navigation', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavCO.fullFeatures.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: focus on first item [Tab]', async () => {
+      await (await LeftNavCO.leftNavItem(0)).waitForDisplayed(5000);
+      await browser.keys(Key.Tab);
+      const item = await LeftNavCO.leftNavItem(0);
+      const itemisActive = await LeftNavCO.isActiveElement(item);
+      await expect(itemisActive).toBe(true);
+    });
+    it('02: should expand Notification Header [Enter]', async () => {
+      await browser.keys(Key.Enter);
+      const item = await LeftNavCO.leftNavItem(0);
+      const itemIsActive = await LeftNavCO.isActiveElement(item);
+      await expect(itemIsActive).toBe(true);
+    });
+    it('03: should display Header Open - Notifications [Enter]', async () => {
+      await browser.keys(Key.Enter);
+      const item = await LeftNavCO.leftNavItem(1);
+      await expect(item).toHaveTextContaining('Exceptions');
+    });
+    it('04: should move to first Notification [Tab]', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const item = await LeftNavCO.leftNavItem(2);
+      const itemIsActive = await LeftNavCO.isActiveElement(item);
+      await expect(itemIsActive).toBe(true);
+    });
+    it('05: should display footer btn focused [Tab][ArrowDown]', async () => {
+      await browser.keys(Key.Tab);
+      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 browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const footerBtn = await LeftNavCO.footerBtn();
+      const isFooterActive = await LeftNavCO.isActiveElement(footerBtn);
+      await expect(isFooterActive).toBe(true);
+    });
+    it('06: footer should be focused and Notifications selected', async () => {
+      await browser.keys(Key.Enter);
+      const footer = await LeftNavCO.leftNavItem(7);
+      const isFooterActive = await LeftNavCO.isActiveElement(footer);
+      await expect(isFooterActive).toBe(true);
+      // expect(LeftNavCO.isActive(0)).toBe(true);
+    });
+    it('07: footer, reopen left nav [Space]', async () => {
+      await browser.keys(Key.Space);
+      const footer = await LeftNavCO.leftNavItem(15);
+      const isFooterActive = await LeftNavCO.isActiveElement(footer);
+      await expect(isFooterActive).toBe(true);
+      const item = await LeftNavCO.leftNavItem(1);
+      await expect(item).toHaveTextContaining('Exceptions');
+    });
+    it('08: return to Header Closed [Shift+Tab][ArrowUp]', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys([Key.Shift, Key.Tab]);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.ArrowLeft);
+      const item = await LeftNavCO.leftNavItem(0);
+      const isItemActive = await LeftNavCO.isActiveElement(item);
+      await expect(isItemActive).toBe(true);
+    });
+    it('09: expand Logs and navigate to first drill down', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const drilldown = await LeftNavCO.leftNavItem(2);
+      const isDrillDownActive = await LeftNavCO.isActiveElement(drilldown);
+      await expect(isDrillDownActive).toBe(true);
+    });
+    it('10: collapse drill down', async () => {
+      await browser.keys(Key.ArrowLeft);
+      const listItemLenght = await LeftNavCO.listItemLength();
+      await expect(listItemLenght).toBe(2);
+    });
+    it('11: expand drill down', async () => {
+      await browser.keys(Key.ArrowRight);
+      const listItemLenght = await LeftNavCO.listItemLength();
+      await expect(listItemLenght).toBe(5);
+    });
+    it('12: navigate to the top [Home]', async () => {
+      await browser.keys(Key.Home);
+      const notification = await LeftNavCO.leftNavItem(0);
+      const isNotificationActive = await LeftNavCO.isActiveElement(notification);
+      await expect(isNotificationActive).toBe(true);
+    });
+    it('13: navigate to the footer [End]', async () => {
+      await browser.keys(Key.End);
+      const footer = await LeftNavCO.leftNavItem(7);
+      const isFooterActive = await LeftNavCO.isActiveElement(footer);
+      await expect(isFooterActive).toBe(true);
+    });
+    it('14: expand drill down', async () => {
+      await browser.keys(Key.ArrowRight);
+      const listItemLenght = await LeftNavCO.listItemLength();
+      await expect(listItemLenght).toBe(5);
+    });
+    it('15: navigate to the top [Home]', async () => {
+      await browser.keys(Key.Home);
+      const notification = await LeftNavCO.leftNavItem(0);
+      const isNotificatioNActive = await LeftNavCO.isActiveElement(notification);
+      await expect(isNotificatioNActive).toBe(true);
+    });
+    it('16: navigate to the footer [End]', async () => {
+      await browser.keys(Key.End);
+      const footer = await LeftNavCO.leftNavItem(7);
+      const isFooterActive = await LeftNavCO.isActiveElement(footer);
+      await expect(isFooterActive).toBe(true);
+    });
+  });
+}

package/ds-leftnavigation/LeftNavigation.smoke.spec.js

@@ -0,0 +1,54 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-lines */
+import LeftNavCO from './LeftNavigationCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-6120 - LeftNavigation: expand and collapse behaviour', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavCO.fullFeatures.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: expand Notifications to Header Closed', async () => {
+      const notificationIcon = await LeftNavCO.leftComponent(0);
+      await notificationIcon.click();
+      await browser.pause(500);
+      const itemLabel = await LeftNavCO.itemLabel(0);
+      await expect(itemLabel).toHaveTextContaining('Notifications');
+    });
+    it('02: expand Notifications to Header Opened', async () => {
+      const notificationNavItem = await LeftNavCO.leftNavItem(0);
+      await notificationNavItem.click();
+      await browser.pause(500);
+      const itemLabel = await LeftNavCO.itemLabel(0);
+      const listItemLenght = await LeftNavCO.listItemLength();
+      await expect(itemLabel).toHaveTextContaining('Notifications');
+      await expect(listItemLenght).toBe(9);
+    });
+    it('03: collapse Notifications to Header Closed', async () => {
+      await (await LeftNavCO.leftChevron()).click();
+      const itemLabelLenght = await LeftNavCO.itemLabelLength();
+      await expect(itemLabelLenght).toBe(8);
+    });
+    it('04: collapse with footer button', async () => {
+      const itemLabel = await LeftNavCO.itemLabel(0);
+      await (await LeftNavCO.footerBtn()).click();
+      await browser.pause(500);
+      await expect(itemLabel).not.toBeDisplayed();
+    });
+    it('05: expand with footer button', async () => {
+      await (await LeftNavCO.footerBtn()).click();
+      const itemLabel = await LeftNavCO.itemLabel(0);
+      await expect(itemLabel).toBeDisplayed();
+    });
+    it('06: collapse Notifications and open Forms', async () => {
+      await (await LeftNavCO.leftChevron()).click();
+      await (await LeftNavCO.leftNavItem(2)).click();
+      const itemLabel = await LeftNavCO.itemLabel(0);
+      const itemLabe2 = await LeftNavCO.itemLabel(1);
+      const listItemLenght = await LeftNavCO.listItemLength();
+      await expect(itemLabel).toHaveTextContaining('Notifications');
+      await expect(itemLabe2).toHaveTextContaining('Forms');
+      await expect(listItemLenght).toBe(15);
+    });
+  });
+}

package/ds-leftnavigation/LeftNavigation.states.func.spec.js

@@ -0,0 +1,39 @@
+import { Key } from 'webdriverio';
+import LeftNavCO from './LeftNavigationCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-6121 - LeftNavigation: states', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavCO.fullFeatures.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display default state', async () => {
+      const isDefaultState = await LeftNavCO.isDefault(1);
+      await expect(isDefaultState).toBe(true);
+    });
+    it('02: should display hover state', async () => {
+      const item = await LeftNavCO.leftNavItem(1);
+      await mouseOver(item);
+      const isHoverState = await LeftNavCO.isHovered(1);
+      await expect(isHoverState).toBe(true);
+    });
+    it('03: should display active state', async () => {
+      const item = await LeftNavCO.leftNavItem(1);
+      await item.click();
+      const isActiveState = await LeftNavCO.isActive(1);
+      await expect(isActiveState).toBe(true);
+    });
+    it('04: should display focus state', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      const isFocusedState = await LeftNavCO.isFocused(3);
+      await expect(isFocusedState).toBe(true);
+    });
+    it('05: should display focus and active state', async () => {
+      await browser.keys(Key.Enter);
+      const isActiveState = await LeftNavCO.isActiveFocused(3);
+      await expect(isActiveState).toBe(true);
+    });
+  });
+}

package/ds-leftnavigation/LeftNavigation.visual.spec.js

@@ -0,0 +1,252 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import LeftNavCO from './LeftNavigationCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5957 - LeftNavigation: expanded/collapsed - visual test', () => {
+    before(async () => {
+      const errorOnGo = await LeftNavCO.fullFeatures.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display Side Rail', async () => {
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-side-rail'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display Header Closed', async () => {
+      await (await LeftNavCO.leftComponent(1)).click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-header-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display Logs Header Opened', async () => {
+      await (await LeftNavCO.leftNavItem(1)).click();
+      expect(await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-logs-opened'))).toEqual(0);
+    });
+    it('04: should display Notifications Opened', async () => {
+      await (await LeftNavCO.leftNavItem(0)).click();
+      expect(await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-notifications'))).toEqual(0);
+    });
+    it('05: should display tooltip', async () => {
+      await mouseOver(await LeftNavCO.leftNavItem(2), 110, 16);
+      await (await LeftNavCO.getTooltip()).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-tooltip'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('06: should display Forms Opened', async () => {
+      await (await LeftNavCO.leftChevron()).click();
+      await (await LeftNavCO.leftNavItem(2)).click();
+      expect(await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-forms-opened'))).toEqual(0);
+    });
+    it('07: should display overflow menu Opened', async () => {
+      await (await LeftNavCO.overflowMenu()).click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-overflow-menu-opened'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-6146 - LeftNavigation: wrapped text - visual test', () => {
+    before(async () => {
+      const errorOnGo = await LeftNavCO.wrapped.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display Header Closed with wrapped text', async () => {
+      await (await LeftNavCO.leftComponent(1)).click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('wrapped-header-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display Header Opened with wrapped text', async () => {
+      await (await LeftNavCO.leftNavItem(1)).click();
+      expect(await browser.checkSnapshot(LeftNavCO.snapshotPath('wrapped-header-closed'))).toEqual(0);
+    });
+  });
+  describe('PUI-6208 - LeftNavigation, Notification badging combinations - Visual Test', () => {
+    before(async () => {
+      const errorOnGo = await LeftNavCO.notificationBadgingURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the notification badging combinations properly', async () => {
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('notifications-badging-combinations'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-7791 - LeftNavigation, Menu Display full features - Visual Test', () => {
+    before(async () => {
+      const errorOnGo = await LeftNavCO.fullFeatures.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should expand forms item hiding the other sections', async () => {
+      const formsBtn = await LeftNavCO.leftNavItem(2);
+      await formsBtn.click();
+      await formsBtn.click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-forms-expanded-fullnav'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should correctly display the search btn', async () => {
+      const notificationBtn = await LeftNavCO.leftNavItem(0);
+      await notificationBtn.click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-notification-searchbtn'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should correctly display the searchbox expanded', async () => {
+      const searchBtn = await LeftNavCO.getToggleSearchBtn();
+      await searchBtn.click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-notification-searchexpanded'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-7793 - LeftNavigation, Interacted states - Visual Test', () => {
+    before(async () => {
+      const errorOnGo = await LeftNavCO.fullFeatures.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should show item hovered', async () => {
+      const formsBtn = await LeftNavCO.leftNavItem(2);
+      await mouseOver(formsBtn);
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-item-hovered'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should show item focused and selected', async () => {
+      const formsBtn = await LeftNavCO.leftNavItem(2);
+      await formsBtn.click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-item-selectedAndHovered'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should show item focused and selected other hovered', async () => {
+      const docBtn = await LeftNavCO.leftNavItem(3);
+      await mouseOver(docBtn);
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-item-expandeditem-hovered'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: should show item focused and other selected', async () => {
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-item-expandeditem-hovered'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('05: should hover footer and it should mantain white background', async () => {
+      const footer = await LeftNavCO.getFooter();
+      await mouseOver(footer);
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-footer-hovered'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  // to verify
+  describe('PUI-7792 - LeftNavigation, keep child selected after collapse -Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavCO.keepingItems.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should show the forms items child item selected after expanding again', async () => {
+      const formsItem = await LeftNavCO.leftNavItem(2);
+      await formsItem.click();
+      await formsItem.click();
+      const listItem = await LeftNavCO.listItiemLabel(1);
+      await listItem.click();
+      const logItem = await LeftNavCO.leftNavItem(1);
+      await logItem.click();
+      await formsItem.click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-child-selected-aftercollapse'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-8013 - LeftNavigation, keep child selected after collapse -Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavCO.withContent.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should correctly display the content with the collapsed leftnav', async () => {
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-withcontent-collapsed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should correctly display the content with the expanded leftnav', async () => {
+      const formsItem = await LeftNavCO.leftNavItem(2);
+      await formsItem.click();
+      await formsItem.click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-withcontent-expanded'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-11054 - LeftNavigation, Skeleton -Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavCO.skeletonURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should correctly display the leftnav skeleton when collapsed', async () => {
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-skeleton-collapsed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should correctly display the leftnav skeleton when expanded', async () => {
+      const formsItem = await LeftNavCO.footerBtn();
+      await formsItem.click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('leftnav-skeleton-expanded'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-11619 - LeftNavigation, isSkeleton prop -Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavCO.isSkeletonURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should correctly display the leftnav wit isSkeleton', async () => {
+      await browser.eyesOpen();
+      const skeleton = await LeftNavCO.getSkeletonByIndex();
+      await skeleton.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(LeftNavCO.snapshotPath('leftnav-isskeleton-prop'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-11512 - LeftNavigation:: Customization - Visual Test', () => {
+    before(async () => {
+      const errorOnGo = await LeftNavCO.customizationTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should show item hovered', async () => {
+      const formsBtn = await LeftNavCO.leftNavItem(2);
+      await mouseOver(formsBtn);
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('custleftnav-item-hovered'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should show item focused and selected, other hovered', async () => {
+      const formsBtn = await LeftNavCO.leftNavItem(2);
+      await formsBtn.click();
+      const docBtn = await LeftNavCO.leftNavItem(3);
+      await mouseOver(docBtn);
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('custleftnav-item-selectedAndHovered'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should hover footer and it should mantain white background', async () => {
+      const footer = await LeftNavCO.getFooter();
+      await mouseOver(footer);
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('custleftnav-footer-hovered'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('04: should click logs and display custom subitems', async () => {
+      const logsBtn = await LeftNavCO.leftNavItem(1);
+      await logsBtn.click();
+      const snapshot = await browser.checkSnapshot(LeftNavCO.snapshotPath('custleftnav-item-selectedAndHovered'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-11774 - LeftNavigation, Custom Footer Item prop test -Visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await LeftNavCO.customFooterURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should correctly display the leftnav with custom footers', async () => {
+      await browser.eyesOpen();
+      const footerButton = await LeftNavCO.getByTestId('customLabel');
+      await footerButton.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(LeftNavCO.snapshotPath('leftnav-customfooter-prop'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should correctly display the leftnav with custom footer item hovered and styles', async () => {
+      await browser.eyesOpen();
+      const footerButton = await LeftNavCO.getByTestId('customLabel');
+      await mouseOver(footerButton);
+      const snapshot = await browser.eyesCheckSnapshot(LeftNavCO.snapshotPath('leftnav-customfooter-hovered'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}