dimsum-e2e-tests 3.53.0-alpha.1 → 3.53.0-alpha.3

package/ds-tabs/slots/DSTabs.slots.func.spec.js

@@ -0,0 +1,77 @@
+/* eslint-disable no-plusplus */
+/* eslint-disable max-lines */
+import DSTabsCO from '../DSTabsCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17203 - Slots: Basic -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.slotsBasic.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom aria-* for each slot', async () => {
+      const tabContainer = await (await DSTabsCO.getTabContainerSlotByIndex()).getAttribute('aria-label');
+      const tabButton = await (await DSTabsCO.getTabButtonSlotByIndex()).getAttribute('aria-label');
+      const tabList = await (await DSTabsCO.getTabListSlotByIndex()).getAttribute('aria-label');
+      const tabPanel = await (await DSTabsCO.getTabPanelSlotByIndex()).getAttribute('aria-label');
+      await expect(tabContainer).toBe('tabs container aria');
+      await expect(tabButton).toBe('tab button aria');
+      await expect(tabList).toBe('tab list aria');
+      await expect(tabPanel).toBe('tab panel aria');
+    });
+    it('02: should have custom data-* for each slot', async () => {
+      const tabContainer = await (await DSTabsCO.getTabContainerSlotByIndex()).getAttribute('data-testid');
+      const tabButton = await (await DSTabsCO.getTabButtonSlotByIndex()).getAttribute('data-testid');
+      const tabList = await (await DSTabsCO.getTabListSlotByIndex()).getAttribute('data-testid');
+      const tabPanel = await (await DSTabsCO.getTabPanelSlotByIndex()).getAttribute('data-testid');
+      await expect(tabContainer).toBe('tabs container data');
+      await expect(tabButton).toBe('tab button data');
+      await expect(tabList).toBe('tab list data');
+      await expect(tabPanel).toBe('tab panel data');
+    });
+  });
+
+  describe('PUI-17204 - Slots: Carousel -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.slotsCarousel.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom aria-* and data-* for chevron right slot', async () => {
+      const tabChevronRightAria = await (await DSTabsCO.getChevronRightParentSlotByIndex()).getAttribute('aria-label');
+      const tabChevronRightData = await (await DSTabsCO.getChevronRightParentSlotByIndex()).getAttribute('data-testid');
+      await expect(tabChevronRightAria).toBe('carousel but right aria');
+      await expect(tabChevronRightData).toBe('carousel but right data');
+    });
+    it('02: should have custom aria-* and data-* for chevron left slot', async () => {
+      const chevronRight = await DSTabsCO.getChevronRightParentSlotByIndex();
+      await chevronRight.click();
+      const tabChevronLeftAria = await (await DSTabsCO.getChevronLeftParentSlotByIndex()).getAttribute('aria-label');
+      const tabChevronLeftData = await (await DSTabsCO.getChevronLeftParentSlotByIndex()).getAttribute('data-testid');
+      await expect(tabChevronLeftAria).toBe('carousel but left aria');
+      await expect(tabChevronLeftData).toBe('carousel but left data');
+    });
+  });
+
+  describe('PUI-17205 - Slots: Secondary -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.slotsSecondary.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom aria-* for each slot', async () => {
+      const subtabButton = await (await DSTabsCO.getSubtabButtonSlotByIndex()).getAttribute('aria-label');
+      const subtabsList = await (await DSTabsCO.getSubtabsListSlotByIndex()).getAttribute('aria-label');
+      await expect(subtabsList).toBe('subtab list aria');
+      await expect(subtabButton).toBe('subtab button aria');
+    });
+    it('02: should have custom data-* for each slot', async () => {
+      const subtabButton = await (await DSTabsCO.getSubtabButtonSlotByIndex()).getAttribute('data-testid');
+      const subtabsList = await (await DSTabsCO.getSubtabsListSlotByIndex()).getAttribute('data-testid');
+      await expect(subtabsList).toBe('subtab list data');
+      await expect(subtabButton).toBe('subtab button data');
+    });
+  });
+}

package/ds-tabs/slots/DSTabs.slots.visual.spec.js

@@ -0,0 +1,49 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSTabsCO from '../DSTabsCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-17206 - Slots: Basic -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.slotsBasic.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display basic tabs with customized colors for the slots', async () => {
+      await (await DSTabsCO.getTabListSlotByIndex()).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.checkSnapshot(DSTabsCO.snapshotPath('tab-basic-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-17208 - Slots: Carousel -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.slotsCarousel.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display basic tabs with customized colors for the slots', async () => {
+      await (await DSTabsCO.getTabListSlotByIndex()).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.checkSnapshot(DSTabsCO.snapshotPath('tab-carousel-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-17209 - Slots: Secondary -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSTabsCO.slotsSecondary.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display basic tabs with customized colors for the slots', async () => {
+      await (await DSTabsCO.getSubtabsListSlotByIndex()).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.checkSnapshot(DSTabsCO.snapshotPath('tab-secondary-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-tabs/with-carousel/DSTabs.with-carousel.visual.spec.js

@@ -39,19 +39,20 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should select last tab ', async () => {
+      await browser.maximizeWindow();
+      await browser.eyesOpen();
       await DSTabsCO.carouselNav('right', 10);
-
       const theEndTab = await DSTabsCO.getTabByName('The end');
       await theEndTab.click();
-      const snapshot = await browser.checkSnapshot(DSTabsCO.snapshotPath('tab-carousel-last-tab'));
+      const snapshot = await browser.eyesCheckSnapshot(DSTabsCO.snapshotPath('tab-carousel-last-tab'));
       await expect(snapshot).toEqual(0);
     });
     it('02: should select another tab and the focus and selected indicator should be on the selected tab', async () => {
+      await browser.eyesOpen();
       await DSTabsCO.carouselNav('left', 1);
-
       const tab = await DSTabsCO.getTabByName('Just to make it bigger');
       await tab.click();
-      const snapshot = await browser.checkSnapshot(DSTabsCO.snapshotPath('tab-carousel-selected-tab'));
+      const snapshot = await browser.eyesCheckSnapshot(DSTabsCO.snapshotPath('tab-carousel-selected-tab'));
       await expect(snapshot).toEqual(0);
     });
   });

package/ds-tooltip-v3/DSTooltipV3CO.js

@@ -1,8 +1,8 @@
-import { PATH_E2E_TOOLTIP_V3, PATH_TOOLTIP_V3 } from '../paths';
+import { PATH_E2E_TOOLTIP_V3 } from '../paths';
 import { PageObject, Urlbuilder } from '../helpers';
 
 export default class DSTooltipV3CO extends PageObject {
-  static longWord = new Urlbuilder(PATH_TOOLTIP_V3, 'long');
+  static longWord = new Urlbuilder(PATH_E2E_TOOLTIP_V3, 'long-test');
 
   static controlledTestUrl = new Urlbuilder(PATH_E2E_TOOLTIP_V3, 'controlled-test');
 
@@ -17,4 +17,8 @@ export default class DSTooltipV3CO extends PageObject {
   static async getTooltip() {
     return $('[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]');
   }
+
+  static async getTooltipContentByIndex(index = 0) {
+    return $$('[data-testid="ds-tooltip-v3-tooltip-text-wrapper"] [data-testid="ds-typography-element"]')[index];
+  }
 }

package/ds-treeview/DSTreeViewCO.js

@@ -201,6 +201,10 @@ export default class DSTreeViewCO extends PageObject {
     return (await this.getRows())[index];
   }
 
+  static async getRowContent(index) {
+    return $$('[data-testid="tree-item-content"]')[index];
+  }
+
   static async getDraggedItem() {
     return $('[data-testid="dragged-item"]');
   }
@@ -304,6 +308,10 @@ export default class DSTreeViewCO extends PageObject {
             value: '\uE024',
             pause: 1000,
           },
+          {
+            type: 'pause',
+            duration: 800,
+          },
         ],
       },
     ]);

package/ds-treeview/dragAndDrop/TreeView-dnd.func.spec.js

@@ -51,54 +51,4 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       });
     });
   }
-  describe('PUI-11320 - TreeView, Basic Drag and Drop Functionality', () => {
-    before(async () => {
-      const errorOnGo = await DSTreeViewCO.dragAndDrop.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: drag and drop in the same position - parent item', async () => {
-      const firstRow = await DSTreeViewCO.getRow(0);
-      const dragHandleFirstRow = await DSTreeViewCO.getDragHandle(0);
-      await dragHandleFirstRow.dragAndDrop(firstRow);
-      await expect(firstRow).toHaveText(expect.stringContaining('Parent. id: 1'));
-    });
-    it('02: drag and drop in the same position - child item', async () => {
-      const expandableBtnFirstRow = await DSTreeViewCO.getToggleBtn(0);
-      await expandableBtnFirstRow.click();
-      const firstChildRow = await DSTreeViewCO.getRow(1);
-      const dragHandleFirstChild = await DSTreeViewCO.getDragHandle(1);
-      await dragHandleFirstChild.dragAndDrop(firstChildRow);
-      await expect(firstChildRow).toHaveText(expect.stringContaining('Child of 1. id: 2'));
-    });
-    it('03: drag a parent and drop it in another parent', async () => {
-      const parentId4 = await DSTreeViewCO.getRow(3);
-      const dragHandleParentId1 = await DSTreeViewCO.getDragHandle(0);
-      await dragHandleParentId1.dragAndDrop(parentId4);
-      await DSTreeViewCO.expandCollapseAll();
-      const firstRow = await DSTreeViewCO.getRow(0);
-      await expect(firstRow).toHaveText(expect.stringContaining('Parent. id: 4'));
-    });
-    it('04: drag a child of a parent and drop it in another parent with no children', async () => {
-      const dragHandleChildOfParent1 = await DSTreeViewCO.getDragHandle(5);
-      const parentId7 = await DSTreeViewCO.getRow(8);
-      await dragHandleChildOfParent1.dragAndDrop(parentId7);
-      await browser.pause(300);
-      await DSTreeViewCO.expandCollapseAll();
-      const sixthRow = await DSTreeViewCO.getRow(6);
-      const sixthRowValue = await sixthRow.getText();
-      await expect(sixthRowValue).toEqual('Child of 1. Also parent. id: 3');
-    });
-    it('05: drag a parent and drop it into last row', async () => {
-      const parentId8 = await DSTreeViewCO.getRow(9);
-      const dragHandleParentId4 = await DSTreeViewCO.getDragHandle(0);
-      await dragHandleParentId4.dragAndDrop(parentId8);
-      await browser.pause(500);
-      const expandableBtnLastRow = await DSTreeViewCO.getToggleBtn(1);
-      await expandableBtnLastRow.click();
-      await DSTreeViewCO.expandCollapseAll();
-      const parentId4 = await DSTreeViewCO.getRow(5);
-      const parentId4Value = await parentId4.getText();
-      await expect(parentId4Value).toEqual('Parent. id: 4');
-    });
-  });
 }

package/ds-treeview/dragAndDrop/TreeView-dnd_mouse.func.spec.js

@@ -0,0 +1,61 @@
+/* eslint-disable wdio/no-pause */
+import DSTreeViewCO from '../DSTreeViewCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-11320 - TreeView, Basic Drag and Drop Functionality', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.dragAndDrop.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: drag and drop in the same position - parent item', async () => {
+      const firstRow = await DSTreeViewCO.getRowContent(0);
+      const dragHandleFirstRow = await DSTreeViewCO.getDragHandle(0);
+      await dragHandleFirstRow.dragAndDrop(firstRow, { duration: 1000 });
+      await expect(firstRow).toHaveText(expect.stringContaining('Parent. id: 1'));
+    });
+    it('02: drag and drop in the same position - child item', async () => {
+      const expandableBtnFirstRow = await DSTreeViewCO.getToggleBtn(0);
+      await expandableBtnFirstRow.click();
+      const firstChildRow = await DSTreeViewCO.getRowContent(1);
+      const dragHandleFirstChild = await DSTreeViewCO.getDragHandle(1);
+      await dragHandleFirstChild.dragAndDrop(firstChildRow, { duration: 1000 });
+      await expect(firstChildRow).toHaveText(expect.stringContaining('Child of 1. id: 2'));
+    });
+    it('03: drag a parent and drop it in another parent', async () => {
+      const parentId4 = await DSTreeViewCO.getRowContent(3);
+      const dragHandleParentId1 = await DSTreeViewCO.getDragHandle(0);
+      await dragHandleParentId1.dragAndDrop(parentId4, { duration: 1000 });
+      await browser.pause(300);
+      await DSTreeViewCO.expandCollapseAll();
+      await browser.pause(300);
+      const firstRow = await DSTreeViewCO.getRowContent(0);
+      await expect(firstRow).toHaveText(expect.stringContaining('Parent. id: 4'));
+    });
+    it('04: drag a child of a parent and drop it in another parent with no children', async () => {
+      const dragHandleChildOfParent1 = await DSTreeViewCO.getDragHandle(5);
+      const parentId7 = await DSTreeViewCO.getRowContent(8);
+      await dragHandleChildOfParent1.dragAndDrop(parentId7, { duration: 1000 });
+      await browser.pause(300);
+      await DSTreeViewCO.expandCollapseAll();
+      await browser.pause(300);
+
+      const sixthRow = await DSTreeViewCO.getRowContent(6);
+      const sixthRowValue = await sixthRow.getText();
+      await expect(sixthRowValue).toEqual('Child of 1. Also parent. id: 3');
+    });
+    it('05: drag a parent and drop it into last row', async () => {
+      const parentId8 = await DSTreeViewCO.getRowContent(9);
+      const dragHandleParentId4 = await DSTreeViewCO.getDragHandle(0);
+      await dragHandleParentId4.click();
+      await dragHandleParentId4.dragAndDrop(parentId8, { duration: 1000 });
+      await DSTreeViewCO.expandCollapseAll();
+      await DSTreeViewCO.expandCollapseAll();
+      await browser.pause(300);
+
+      await $('span*=Parent. id: 4').waitForDisplayed({ timeout: 5000 });
+      const parentId4 = await DSTreeViewCO.getRowContent(5);
+      const parentId4Value = await parentId4.getText();
+      await expect(parentId4Value).toEqual('Parent. id: 4');
+    });
+  });
+}