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

package/ds-chat/DSChat.visual.spec.js

@@ -3,6 +3,7 @@
 import { Key } from 'webdriverio';
 import { ChatCO, BubbleCO, FloatingButtonCO, ComposerCO, TileCO } from './components';
 import { type } from '../helpers';
+import DSBannerCO from '../ds-banner/DSBannerCO';
 
 describe('PUI-6671 - Chat, System Message - Visual Tests', () => {
   before('loading page', async () => {
@@ -161,7 +162,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.eyesOpen();
       const newMessagesTrigger = await ChatCO.getButtonByIndex(0);
       await newMessagesTrigger.click();
-      const viewMessagesAction = await ChatCO.getBannerActionLink();
+      const viewMessagesAction = await DSBannerCO.getActionLink();
       await viewMessagesAction.click();
       // eslint-disable-next-line wdio/no-pause
       await browser.pause(500);
@@ -224,7 +225,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
     it('should display the new messages', async () => {
-      const actionLink = await ChatCO.getBannerActionLink();
+      const actionLink = await DSBannerCO.getActionLink();
       await actionLink.click();
       const snapshot = await browser.checkSnapshot(ChatCO.snapshotPath('chat-new-msgs-inview'));
       await expect(snapshot).toEqual(0);

package/ds-chat/DSChatCO.js

@@ -76,10 +76,6 @@ export default class DSChatCO extends PageObject {
     return $$('[data-testid="chat-card-wrapper"]');
   }
 
-  static async getBannerActionLink() {
-    return $('[data-testid="ds-banner-action-link"]');
-  }
-
   static async getSidebarFooterButton() {
     return $('[data-testid="sidebar-button-sidebar_footer"]');
   }
@@ -116,10 +112,6 @@ export default class DSChatCO extends PageObject {
 
   static getButtonByIndex = async (index) => getElementByIndex(this.getButtons, index);
 
-  static async getBanner() {
-    return $('[data-testid="ds-banner"]');
-  }
-
   // Snapshots
   // eslint-disable-next-line max-lines
   static snapshotPath(example = 'basic') {

package/ds-chat/floatingbutton/DSChat-floating-button.visual.spec.js

@@ -24,7 +24,7 @@ if (!browser.capabilities['ice:options'].isPhone) {
         const snapshot = await browser.checkSnapshot(FloatingButtonCO.snapshotPath('floating-button-focus-state'));
         await expect(snapshot).toEqual(0);
       });
-      // Remove the firefox skip after PUI-6678 is fixed
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=68851
       if (browser.capabilities.browserName !== 'Firefox') {
         it('should display the floating button in active state w/ space', async () => {
           await browser.keys(Key.Tab);

package/ds-chip/DSChipCO.js

@@ -8,6 +8,8 @@ export default class DSChipCO extends PageObject {
 
   static popperURL = new Urlbuilder(PATH_E2E_CHIP, 'inside-popper-test');
 
+  static slotsURL = new Urlbuilder(PATH_E2E_CHIP, 'slots-test');
+
   static mobileURL = new Urlbuilder(PATH_E2E_CHIP, 'mobile-test');
 
   static shapeURL = new Urlbuilder(PATH_E2E_CHIP, 'shape-test');
@@ -45,4 +47,26 @@ export default class DSChipCO extends PageObject {
   static async getMobileContextMenu() {
     return $('[data-testid="ds-mobile-context-menu"]');
   }
+
+  // Slots
+
+  static async getButtonSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipButton"]')[index];
+  }
+
+  static async getEllipsisSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipEllipsis"]')[index];
+  }
+
+  static async getLabelSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipLabel"]')[index];
+  }
+
+  static async getRoundShapeSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipRoundShape"]')[index];
+  }
+
+  static async getRootSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsChipRoot"]')[index];
+  }
 }

package/ds-chip/slots/DSChip.slots.axe-core.spec.js

@@ -0,0 +1,17 @@
+import DSChipCO from '../DSChipCO';
+import { axeCoreCheck } from '../../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17380 - Chip: Slots Test -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have customized slots chips and pass axe-core scan', async () => {
+      const popperTrigger = await DSChipCO.getRootSlotByIndex();
+      await popperTrigger.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-chip/slots/DSChip.slots.func.spec.js

@@ -0,0 +1,39 @@
+import DSChipCO from '../DSChipCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-17378 - Chip: Slots Test -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom data-* for each slot', async () => {
+      const buttonSlot = await DSChipCO.getButtonSlotByIndex(0);
+      const labelSlot = await DSChipCO.getLabelSlotByIndex(0);
+      const roundShapeSlot = await DSChipCO.getRoundShapeSlotByIndex(0);
+      const rootSlot = await DSChipCO.getRootSlotByIndex(0);
+      const ellipsisSlot = await DSChipCO.getEllipsisSlotByIndex(0);
+      await expect(buttonSlot).toHaveAttribute('data-testid', 'button data');
+      await expect(labelSlot).toHaveAttribute('data-testid', 'label data');
+      await expect(roundShapeSlot).toHaveAttribute('data-testid', 'roundshape data');
+      await expect(rootSlot).toHaveAttribute('data-testid', 'root data');
+      await expect(ellipsisSlot).toHaveAttribute('data-testid', 'ellipsis data');
+    });
+    it('02: should have custom aria-* for each slot', async () => {
+      const buttonSlot = await DSChipCO.getButtonSlotByIndex(0);
+      const labelSlot = await DSChipCO.getLabelSlotByIndex(0);
+      const roundShapeSlot = await DSChipCO.getRoundShapeSlotByIndex(0);
+      const rootSlot = await DSChipCO.getRootSlotByIndex(0);
+      const ellipsisSlot = await DSChipCO.getEllipsisSlotByIndex(0);
+      await expect(buttonSlot).toHaveAttribute('aria-label', 'button aria');
+      await expect(labelSlot).toHaveAttribute('aria-label', 'label aria');
+      await expect(roundShapeSlot).toHaveAttribute('aria-label', 'roundshape aria');
+      await expect(rootSlot).toHaveAttribute('aria-label', 'root aria');
+      await expect(ellipsisSlot).toHaveAttribute('aria-label', 'ellipsis aria');
+    });
+  });
+}

package/ds-chip/slots/DSChip.slots.visual.spec.js

@@ -0,0 +1,17 @@
+import DSChipCO from '../DSChipCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17379 - Chip: Slots Test -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display chips with custom colors for each slot', async () => {
+      await browser.eyesOpen();
+      const popperTrigger = await DSChipCO.getRootSlotByIndex();
+      await popperTrigger.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(DSChipCO.snapshotPath('chips-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-circular-indeterminate-indicator/DSCircularIndicator.visual.spec.js

@@ -7,8 +7,9 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const errorOnGo = await DSCircularIndicatorCO.fullScreenURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('01: should display CircularIndeterminateIndicator with backdrop correctly', async () => {
+    it('01: should display CircularIndeterminateIndicator with backdrop correctly - full screen', async () => {
       await browser.eyesOpen();
+      await browser.maximizeWindow();
       const circularIndicator = await DSCircularIndicatorCO.getCircularIndicator();
       await circularIndicator.waitForDisplayed();
       const snapshot = await browser.eyesCheckSnapshot(

package/ds-controlled-form/ds-combobox/creatable/DSCombobox.creatable.visual.spec.js

@@ -28,8 +28,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       );
       await expect(snapshot).toEqual(0);
     });
-    // Following step is FLAKY for Firefox browser. Might fail due to the tooltip not being displayed
-    it('03: display tooltip for new option created', async () => {
+    // Defect PUI-16693 has been created to track this issue
+    it.skip('03: display tooltip for new option created', async () => {
       await browser.eyesOpen();
       const pill = await DSComboboxCO.getSimpleTruncateText();
       await mouseOver(pill);
@@ -40,7 +40,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       );
       await expect(snapshot).toEqual(0);
     });
-    it('04: create a new long option', async () => {
+    // Defect PUI-16693 has been created to track this issue
+    it.skip('04: create a new long option', async () => {
       await browser.eyesOpen();
       const pill = await DSComboboxCO.getSelectedValues();
       await mouseOver(pill, 400, 0);
@@ -49,7 +50,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       const snapshot = await browser.eyesCheckSnapshot(DSComboboxCO.snapshotPath('comboboxV3-createable--new-option'));
       await expect(snapshot).toEqual(0);
     });
-    it('05: should select new option', async () => {
+    // Defect PUI-16693 has been created to track this issue
+    it.skip('05: should select new option', async () => {
       await browser.eyesOpen();
       const optionCreated = await DSComboboxCO.getOptionByIndex(0);
       await optionCreated.click();

package/ds-controlled-form/ds-controlled-large-input-text/DSLargeInputTextCO.js

@@ -23,6 +23,11 @@ export default class DSLargeInputTextCO extends PageObject {
 
   static applyAriaDisabled = new Urlbuilder(PATH_E2E_CONTROLLEDLARGEINPUT, 'apply-aria-disabled-test');
 
+  static applyAriaDisabledUndefined = new Urlbuilder(
+    PATH_E2E_CONTROLLEDLARGEINPUT,
+    'pui-17313-value-undefined-apply-aria-disabled',
+  );
+
   static async getInputs() {
     return $$('[data-testid="ds-controlledlargetextinput-input"]');
   }

package/ds-controlled-form/ds-controlled-large-input-text/aria-disabled/DSLargeInputText.aria-disabled.func.spec.js

@@ -0,0 +1,19 @@
+import { Key } from 'webdriverio';
+import DSLargeInputTextCO from '../DSLargeInputTextCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17391 - LargeInputText:: Aria-Disabled value Undefined', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSLargeInputTextCO.applyAriaDisabledUndefined.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should not be able to change the value when aria-disabled is true and value is undefined', async () => {
+      const input = await DSLargeInputTextCO.getInputByIndex(0);
+      await input.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys('Test Value');
+      await expect(input).toBeFocused();
+      await expect(input).toHaveValue('');
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-radio-group/DSControlledRadioGroup.axe-core.func.spec.js

@@ -0,0 +1,31 @@
+import { Key } from 'webdriverio';
+import DSControlledRadioCO from './DSControlledRadioGroupCO';
+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-cccc - DSControlledRadioGroup - AxeCore Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledRadioCO.browserCompatibleKeyboardNavigationTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display radio groups in both vertical and horizontal orientations and pass axe-core', async () => {
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should display first radio button selected and pass axe-core', async () => {
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should display fourth radio button selected and pass axe-core', async () => {
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-controlled-form/react-hook-form/ReactHook.visual.spec.js

@@ -46,6 +46,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await browser.keys(Key.Tab);
       await type('1122333344');
       await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
       await type('A');
       const snapshot = await browser.checkSnapshot(ReactHookCO.snapshotPath('reacthook-combo-closed'));
       await expect(snapshot).toEqual(0);