dimsum-e2e-tests 3.70.0-next.3 → 3.70.0-next.31

package/ds-accordion-native/DSAccordionNativeCO.js

@@ -0,0 +1,149 @@
+/* eslint-disable import/no-relative-packages */
+import { ACCORDION_NATIVE_DATA_TESTID } from '@elliemae/ds-accordion-native';
+import { PATH_E2E_ACCORDION_NATIVE } from '../paths';
+import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
+
+export default class DSAccordionNativeCO extends PageObject {
+  // Desktop URLs
+  static basicURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'basic-test');
+
+  static multipleURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'multiple-test');
+
+  static controlled = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'controlled-test');
+
+  static disabled = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'disabled-test');
+
+  static applyAriaDisabled = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'apply-aria-disabled-test');
+
+  static subtitle = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'with-secondary-title-test');
+
+  static headerControls = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'header-control-examples-test');
+
+  static customActions = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'render-custom-actions-test');
+
+  static scrollableContent = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'scrollable-content-test');
+
+  static wrapLabel = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'wrap-label');
+
+  static toMobileURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'desktop-to-mobile-test');
+
+  static slotsURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'slots-test');
+
+  static customActionHooks = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'custom-actions-with-hooks');
+
+  static datepickerInside = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'actionable-within');
+
+  static conditionalRender = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'pui-11406-null-check');
+
+  static inputInside = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'pui-9261-input-inside');
+
+  static xstyledContent = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'xstyledprops-in-content');
+
+  static tooltip = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'tooltip');
+
+  static globalHeight = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'global-height');
+
+  static keepContentURL = new Urlbuilder(PATH_E2E_ACCORDION_NATIVE, 'keep-content-mounted');
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('AccordionNative', example, 'ds-accordion-native');
+  }
+
+  // Core selectors
+  static async getWrapper() {
+    return $(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ROOT}"]`);
+  }
+
+  // The POC's "click target" is <summary>; this is what gets focused / pressed /
+  // hovered in tests — equivalent to the prod accordion's "accordion header".
+  static async getAccordionHeaders() {
+    return $$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_SUMMARY}"]`);
+  }
+
+  static async getAccordionHeader(index) {
+    return (await this.getAccordionHeaders())[index];
+  }
+
+  static async getAccordionItems() {
+    return $$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_CONTAINER}"]`);
+  }
+
+  static async getAccordionItem(index) {
+    return (await this.getAccordionItems())[index];
+  }
+
+  // The POC keeps content inside <details>; visibility is driven by the native
+  // open state. `[open]` exists on the <details> element when the item is
+  // expanded — so we use that as the content-displayed signal.
+  static async getContents(index) {
+    const items = await this.getAccordionItems();
+    const item = items[index];
+    return item?.$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_CONTENT_CONTAINER}"]`);
+  }
+
+  static async getDetailsByIndex(index) {
+    const items = await this.getAccordionItems();
+    const item = items[index];
+    return item?.$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_DETAILS}"]`);
+  }
+
+  static async getHeadings() {
+    return $$(`[data-testid="${ACCORDION_NATIVE_DATA_TESTID.ITEM_HEADING}"]`);
+  }
+
+  static async getHeadingByIndex(index) {
+    return (await this.getHeadings())[index];
+  }
+
+  static async getButtons() {
+    return $$('[data-testid="ds-button"]');
+  }
+
+  static getButtonsByIndex = async (index) => getElementByIndex(this.getButtons, index);
+
+  // Slots (data-dimsum-slot attributes)
+  static async getAccordionContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeRoot"]')[index];
+  }
+
+  static async getAccordionItemContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemContainer"]')[index];
+  }
+
+  static async getAccordionItemDetailsSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemDetails"]')[index];
+  }
+
+  static async getAccordionItemSummarySlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemSummary"]')[index];
+  }
+
+  static async getAccordionItemHeadingSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemHeading"]')[index];
+  }
+
+  static async getAccordionItemChevronSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemChevron"]')[index];
+  }
+
+  static async getAccordionItemTitlesContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemTitlesContainer"]')[index];
+  }
+
+  static async getAccordionItemPrimaryTitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemPrimaryTitle"]')[index];
+  }
+
+  static async getAccordionItemSecondaryTitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemSecondaryTitle"]')[index];
+  }
+
+  static async getAccordionItemCustomActionsContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemCustomActionsContainer"]')[index];
+  }
+
+  static async getAccordionItemContentContainerSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsAccordionnativeItemContentContainer"]')[index];
+  }
+}

package/ds-accordion-native/aria-disabled/DSAccordionNative.aria-disabled.axe-core.func.spec.js

@@ -0,0 +1,25 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+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-18083 - AccordionNative:: ApplyAriaDisabled prop - axe-core', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion with aria-disabled and pass axecore scan', async () => {
+      const firstItem = await DSAccordionNativeCO.getAccordionHeader(0);
+      await firstItem.waitForDisplayed();
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-accordion-native/aria-disabled/DSAccordionNative.aria-disabled.visual.spec.js

@@ -0,0 +1,27 @@
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative:: ApplyAriaDisabled prop - visual tests', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: first Accordion item should be focused and content not displayed - click', async () => {
+      const firstItem = await DSAccordionNativeCO.getAccordionHeader(0);
+      await firstItem.click();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-aria-disabled-focused-mouse'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: second Accordion item should be focused and content not displayed - Tab + Enter', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-aria-disabled-focused-keys'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion-native/role/DSAccordionNative.role-heading.func.spec.js

@@ -0,0 +1,27 @@
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18083 - AccordionNative: Role heading', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.subtitle.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    // Prod accordion asserts role="heading" + aria-level via custom slot
+    // attributes because its wrapper is a <div>. The POC uses a real heading
+    // element (default <h3>), so neither attribute is present as a DOM string
+    // — the role and aria-level are *implicit* in the tag itself, conveyed by
+    // the browser's accessibility tree. Asserting on getTagName() is the
+    // correct contract for the native variant.
+    it('01: should be a native heading element with implicit ARIA role + level', async () => {
+      const heading = await DSAccordionNativeCO.getHeadingByIndex(0);
+      const tagName = await heading.getTagName();
+      // <h3> => implicit role="heading", aria-level=3.
+      await expect(tagName.toLowerCase()).toEqual('h3');
+    });
+  });
+}

package/ds-accordion-native/scrollable-content/DSAccordionNative.scrollable-content.visual.spec.js

@@ -0,0 +1,48 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative: Scrollable content -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.scrollableContent.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display first accordion header focused', async () => {
+      await browser.eyesOpen();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-scrollable-default'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display scrollable content focused', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowUp);
+      await browser.keys(Key.Tab);
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-scrollable-top'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display scrollable content scrolled to the bottom', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.ArrowDown);
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-scrollable-bottom'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion-native/slots/DSAccordionNative.slots.axe-core.func.spec.js

@@ -0,0 +1,25 @@
+/* eslint-disable max-lines */
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+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-18083 - AccordionNative: Slots -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have accordion with custom slots (aria & data) and pass axe-core scan', async () => {
+      const summary = await DSAccordionNativeCO.getAccordionItemSummarySlotByIndex(0);
+      await summary.click();
+      const content = await DSAccordionNativeCO.getAccordionItemContentContainerSlotByIndex(0);
+      await content.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-accordion-native/slots/DSAccordionNative.slots.func.spec.js

@@ -0,0 +1,73 @@
+/* eslint-disable max-lines, max-statements */
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18083 - AccordionNative: Slots -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a custom aria-label for each slot', async () => {
+      const root = await DSAccordionNativeCO.getAccordionContainerSlotByIndex();
+      const itemContainer = await DSAccordionNativeCO.getAccordionItemContainerSlotByIndex();
+      const itemDetails = await DSAccordionNativeCO.getAccordionItemDetailsSlotByIndex();
+      const itemSummary = await DSAccordionNativeCO.getAccordionItemSummarySlotByIndex();
+      const itemHeading = await DSAccordionNativeCO.getAccordionItemHeadingSlotByIndex();
+      const itemChevron = await DSAccordionNativeCO.getAccordionItemChevronSlotByIndex();
+      const titlesContainer = await DSAccordionNativeCO.getAccordionItemTitlesContainerSlotByIndex();
+      const primaryTitle = await DSAccordionNativeCO.getAccordionItemPrimaryTitleSlotByIndex();
+      const secondaryTitle = await DSAccordionNativeCO.getAccordionItemSecondaryTitleSlotByIndex();
+      await itemSummary.click();
+      const contentContainer = await DSAccordionNativeCO.getAccordionItemContentContainerSlotByIndex();
+      await contentContainer.waitForDisplayed();
+      await expect(root).toHaveAttribute('aria-label', 'im container aria');
+      await expect(itemContainer).toHaveAttribute('aria-label', 'im item container aria');
+      await expect(itemDetails).toHaveAttribute('aria-label', 'im itemdetails aria');
+      await expect(itemSummary).toHaveAttribute('aria-label', 'im itemsummary aria');
+      await expect(itemHeading).toHaveAttribute('aria-label', 'im itemheading aria');
+      await expect(itemChevron).toHaveAttribute('aria-label', 'im itemchevron aria');
+      await expect(titlesContainer).toHaveAttribute('aria-label', 'im itemtitlecontainer aria');
+      await expect(primaryTitle).toHaveAttribute('aria-label', 'im itemprimarytitle aria');
+      await expect(secondaryTitle).toHaveAttribute('aria-label', 'im itemsecondarytitle aria');
+      await expect(contentContainer).toHaveAttribute('aria-label', 'im itemcontentcontainer aria');
+    });
+
+    it('02: should have a custom data-testid for each slot', async () => {
+      const root = await DSAccordionNativeCO.getAccordionContainerSlotByIndex();
+      const itemContainer = await DSAccordionNativeCO.getAccordionItemContainerSlotByIndex();
+      const itemDetails = await DSAccordionNativeCO.getAccordionItemDetailsSlotByIndex();
+      const itemSummary = await DSAccordionNativeCO.getAccordionItemSummarySlotByIndex();
+      const itemHeading = await DSAccordionNativeCO.getAccordionItemHeadingSlotByIndex();
+      const itemChevron = await DSAccordionNativeCO.getAccordionItemChevronSlotByIndex();
+      const titlesContainer = await DSAccordionNativeCO.getAccordionItemTitlesContainerSlotByIndex();
+      const primaryTitle = await DSAccordionNativeCO.getAccordionItemPrimaryTitleSlotByIndex();
+      const secondaryTitle = await DSAccordionNativeCO.getAccordionItemSecondaryTitleSlotByIndex();
+      const contentContainer = await DSAccordionNativeCO.getAccordionItemContentContainerSlotByIndex();
+      await contentContainer.waitForDisplayed();
+      await expect(root).toHaveAttribute('data-testid', 'im container data');
+      await expect(itemContainer).toHaveAttribute('data-testid', 'im item container data');
+      await expect(itemDetails).toHaveAttribute('data-testid', 'im itemdetails data');
+      await expect(itemSummary).toHaveAttribute('data-testid', 'im itemsummary data');
+      await expect(itemHeading).toHaveAttribute('data-testid', 'im itemheading data');
+      await expect(itemChevron).toHaveAttribute('data-testid', 'im itemchevron data');
+      await expect(titlesContainer).toHaveAttribute('data-testid', 'im itemtitlecontainer data');
+      await expect(primaryTitle).toHaveAttribute('data-testid', 'im itemprimarytitle data');
+      await expect(secondaryTitle).toHaveAttribute('data-testid', 'im itemsecondarytitle data');
+      await expect(contentContainer).toHaveAttribute('data-testid', 'im itemcontentcontainer data');
+    });
+
+    it('03: should have a custom lang attribute for summary, primary and secondary titles', async () => {
+      const primaryTitle = await DSAccordionNativeCO.getAccordionItemPrimaryTitleSlotByIndex();
+      const secondaryTitle = await DSAccordionNativeCO.getAccordionItemSecondaryTitleSlotByIndex();
+      const summary = await DSAccordionNativeCO.getAccordionItemSummarySlotByIndex();
+      await expect(primaryTitle).toHaveAttribute('lang', 'en-US');
+      await expect(secondaryTitle).toHaveAttribute('lang', 'es-ES');
+      await expect(summary).toHaveAttribute('lang', 'en-US');
+    });
+  });
+}

package/ds-accordion-native/slots/DSAccordionNative.slots.visual.spec.js

@@ -0,0 +1,18 @@
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative: Slots -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display visually customized-slots (colors) accordion and matchbaseline', async () => {
+      const header = await DSAccordionNativeCO.getAccordionItemPrimaryTitleSlotByIndex(0);
+      await header.click();
+      const content = await DSAccordionNativeCO.getAccordionItemContentContainerSlotByIndex(0);
+      await content.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionNativeCO.snapshotPath('accordion-native-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accordion-native/wrapLabel/DSAccordionNative.wrap-label.visual.spec.js

@@ -0,0 +1,22 @@
+/* eslint-disable wdio/no-pause */
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from '../DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative: wrapLabel -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.wrapLabel.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion title and secondary title wrapped', async () => {
+      await browser.eyesOpen();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Return);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-wrap-label'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-apppicker/DSAppPickerCO.js

@@ -78,6 +78,6 @@ export default class DSAppPickerCO extends PageObject {
   }
 
   static async getTitleSlotByIndex(index = 0) {
-    return $$('[data-dimsum-slot="dsApppickerTitle"]')[index];
+    return $$('[data-dimsum-parent-slot="dsApppickerTitle"]')[index];
   }
 }

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

@@ -18,4 +18,38 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+  describe('PUI-17180 - Autocomplete:: Floating After Filtering -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAutocompleteCO.floatingAfterFiltering.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display menu correctly - after filtering', async () => {
+      await browser.keys(Key.Tab);
+      await type('44444-');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-filtering'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display menu correctly - after re filtering', async () => {
+      await type('6');
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-re-filtering'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display menu correctly - after backspace', async () => {
+      await browser.keys(Key.Backspace);
+      const menulist = await DSAutocompleteCO.getAutocompleteMenuList();
+      await menulist.waitForDisplayed({ timeout: 2000 });
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAutocompleteCO.snapshotPath('autocomplete-floating-after-backspace'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-autocomplete/DSAutocompleteCO.js

@@ -12,6 +12,8 @@ export default class DSAutocompleteCO extends PageObject {
 
   static sectionTitles = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'with-section-titles-test');
 
+  static floatingAfterFiltering = new Urlbuilder(PATH_E2E_AUTOCOMPLETE, 'floating-after-filtering');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Autocomplete', example);

package/ds-chat/DSChat.axe-core.func.spec.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-plusplus */
 /* eslint-disable max-lines */
-import { ChatCO, BubbleCO, TileCO } from './components';
+import { ChatCO, CardCO, BubbleCO, TileCO } from './components';
 import { axeCoreCheck } from '../helpers';
 
 if (
@@ -41,7 +41,7 @@ if (
 
   describe('PUI-12504 - Chat, Chat Card -AxeCore', () => {
     before('loading page', async () => {
-      const errorOnGo = await ChatCO.chatCardURL.go();
+      const errorOnGo = await CardCO.cardBasicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('01: should have a chat card and pass axe-core scan', async () => {

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

@@ -1,7 +1,7 @@
 /* eslint-disable no-plusplus */
 /* eslint-disable max-lines */
 import { Key } from 'webdriverio';
-import { ChatCO, BubbleCO, FloatingButtonCO, ComposerCO, TileCO } from './components';
+import { ChatCO, CardCO, BubbleCO, FloatingButtonCO, ComposerCO, TileCO } from './components';
 import { type } from '../helpers';
 import DSBannerCO from '../ds-banner/DSBannerCO';
 
@@ -76,7 +76,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
 
   describe('PUI-6712 - Chat, Chat Card, Visual Tests', () => {
     before('loading page', async () => {
-      const errorOnGo = await ChatCO.chatCardURL.go();
+      const errorOnGo = await CardCO.cardBasicURL.go();
       if (errorOnGo) throw errorOnGo;
     });
     it('should display the chat card properly', async () => {
@@ -268,7 +268,7 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
   });
 
-  describe('PUI-9333 - Chat, Scroll on send and not on enter, Func. Tests', () => {
+  describe('PUI-9333 - Chat, Scroll on send and not on enter - Visual Tests', () => {
     before('loading page', async () => {
       const errorOnGo = await ChatCO.sidePanelIntegrationURL.go();
       if (errorOnGo) throw errorOnGo;

package/ds-chat/DSChatCO.js

@@ -1,45 +1,43 @@
 /* eslint-disable import/no-relative-packages */
-import { PATH_CHAT_EXAMPLES, PATH_CHAT_PARTS, PATH_E2E_CHAT } from '../paths';
+import { PATH_E2E_CHAT } from '../paths';
 import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
 
 export default class DSChatCO extends PageObject {
   static TEST_STR = 'this is a test string';
 
-  static systemMessageURL = new Urlbuilder(PATH_CHAT_PARTS, 'chat-system-message');
+  static systemMessageURL = new Urlbuilder(PATH_E2E_CHAT, 'chat-system-message');
 
-  static messageDelimiterURL = new Urlbuilder(PATH_CHAT_PARTS, 'chat-message-delimiter');
+  static messageDelimiterURL = new Urlbuilder(PATH_E2E_CHAT, 'chat-message-delimiter');
 
-  static containerURL = new Urlbuilder(PATH_CHAT_PARTS, 'container');
+  static containerURL = new Urlbuilder(PATH_E2E_CHAT, 'container');
 
-  static loadMoreURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'container-load-more');
+  static loadMoreURL = new Urlbuilder(PATH_E2E_CHAT, 'container-load-more');
 
-  static loadingURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'loading-container');
+  static loadingURL = new Urlbuilder(PATH_E2E_CHAT, 'loading-container');
 
-  static loadingErrorURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'loading-error');
+  static loadingErrorURL = new Urlbuilder(PATH_E2E_CHAT, 'loading-error');
 
-  static floatingExampleURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'floating-example');
+  static floatingExampleURL = new Urlbuilder(PATH_E2E_CHAT, 'floating-example');
 
-  static focusCasesURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'container-focus-cases');
+  static focusCasesURL = new Urlbuilder(PATH_E2E_CHAT, 'container-focus-cases');
 
-  static mobileContainerURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'mobile-container');
+  static mobileContainerURL = new Urlbuilder(PATH_E2E_CHAT, 'mobile-container');
 
   static sidePanelIntegrationURL = new Urlbuilder(PATH_E2E_CHAT, 'side-panel-integration-test');
 
-  static chatCardURL = new Urlbuilder(PATH_CHAT_PARTS, 'chat-card');
+  static tooltipPosition = new Urlbuilder(PATH_E2E_CHAT, 'tooltip-position');
 
-  static tooltipPosition = new Urlbuilder(PATH_CHAT_EXAMPLES, 'tooltip-position');
+  static focuseableBanners = new Urlbuilder(PATH_E2E_CHAT, 'focus-on-banner');
 
-  static focuseableBanners = new Urlbuilder(PATH_CHAT_EXAMPLES, 'focus-on-banner');
+  static newMessages = new Urlbuilder(PATH_E2E_CHAT, 'container-new-messages');
 
-  static newMessages = new Urlbuilder(PATH_CHAT_EXAMPLES, 'container-new-messages');
+  static nonDeliveredURL = new Urlbuilder(PATH_E2E_CHAT, 'non-delivered-messages');
 
-  static nonDeliveredURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'non-delivered-messages');
+  static nonGridInfluencerURL = new Urlbuilder(PATH_E2E_CHAT, 'non-grid-influencer-integration');
 
-  static nonGridInfluencerURL = new Urlbuilder(PATH_CHAT_EXAMPLES, 'non-grid-influencer-integration');
+  static customBanner = new Urlbuilder(PATH_E2E_CHAT, 'custom-banner');
 
-  static customBanner = new Urlbuilder(PATH_CHAT_EXAMPLES, 'custom-banner');
-
-  static emptyState = new Urlbuilder(PATH_CHAT_EXAMPLES, 'empty-state');
+  static emptyState = new Urlbuilder(PATH_E2E_CHAT, 'empty-state');
 
   static globalLineHeight = new Urlbuilder(PATH_E2E_CHAT, 'global-line-height');
 
@@ -72,10 +70,6 @@ export default class DSChatCO extends PageObject {
     return $('[data-testid="chat-thread-container"]');
   }
 
-  static async getCards() {
-    return $$('[data-testid="chat-card-wrapper"]');
-  }
-
   static async getSidebarFooterButton() {
     return $('[data-testid="sidebar-button-sidebar_footer"]');
   }

package/ds-chat/bubbles/slots/DSChatBubble.slots.axe-core.func.spec.js

@@ -0,0 +1,24 @@
+// Tests for PUI-17908 (ds-chat-bubble slots implementation)
+import { BubbleCO } from '../../components';
+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-18460 - DSChatBubble:: axe-core - Axe-Core', () => {
+    before(async () => {
+      const errorOnGo = await BubbleCO.bubbleSlotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should pass axe-core on sender and recipient bubble variants', async () => {
+      const senderWrapper = await BubbleCO.getWrapperSlot();
+      await senderWrapper.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}