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

package/CHANGELOG.md

@@ -3,6 +3,164 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.70.0-next.31 (2026-06-12)
+
+### Features
+
+- storybook:: improve start logging exp ([#8102](https://git.elliemae.io/platform-ui/dimsum/issues/8102)) ([da22cef](https://git.elliemae.io/platform-ui/dimsum/commit/da22cef0401496b9d1d5432703fea28235e7ab6d))
+
+## 3.70.0-next.30 (2026-06-12)
+
+### Features
+
+- ds-accordion:: pitfalls updated [PUI-17911](https://jira.elliemae.io/browse/PUI-17911) ([#8100](https://git.elliemae.io/platform-ui/dimsum/issues/8100)) ([f745362](https://git.elliemae.io/platform-ui/dimsum/commit/f74536235b9eedc75113bf39b127ddf3ecd30c51))
+
+## 3.70.0-next.29 (2026-06-11)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.70.0-next.28 (2026-06-10)
+
+### Bug Fixes
+
+- ds-form-combobox:: style group label per b3-strong spec and add grouped feature stories [PUI-15487](https://jira.elliemae.io/browse/PUI-15487) ([#8083](https://git.elliemae.io/platform-ui/dimsum/issues/8083)) ([a4713b7](https://git.elliemae.io/platform-ui/dimsum/commit/a4713b79b26ed2102a878ce7418031b77fca7746))
+
+## 3.70.0-next.27 (2026-06-08)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.70.0-next.26 (2026-06-04)
+
+### Features
+
+- ds-card-v3:: dimsum compliance [PUI-17888] (https://jira.elliemae.io/browse/PUI-17888) ([#8079](https://git.elliemae.io/platform-ui/dimsum/issues/8079)) ([4a2695f](https://git.elliemae.io/platform-ui/dimsum/commit/4a2695f012d92e25cfd779c90fc32303c5bc0c7f))
+
+## 3.70.0-next.25 (2026-06-02)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.70.0-next.24 (2026-06-02)
+
+### Bug Fixes
+
+- ds-form-native-select:: fix disabled color contrast [PUI-14617](https://jira.elliemae.io/browse/PUI-14617) ([#8070](https://git.elliemae.io/platform-ui/dimsum/issues/8070)) ([fcbf80e](https://git.elliemae.io/platform-ui/dimsum/commit/fcbf80efbd12904a003cdc3c69ff4be40d3777c8))
+
+## 3.70.0-next.23 (2026-06-02)
+
+### Bug Fixes
+
+- ds-shuttle-v2:: Missing current selection announcement [PUI-15537](https://jira.elliemae.io/browse/PUI-15537) ([#8067](https://git.elliemae.io/platform-ui/dimsum/issues/8067)) ([614de10](https://git.elliemae.io/platform-ui/dimsum/commit/614de10c3c8ddf1c4f708b5195df6e025dc40c06))
+
+## 3.70.0-next.22 (2026-06-01)
+
+### Features
+
+- dimsum:: portal final touches to search algorithm and load times [PUI-18454](https://jira.elliemae.io/browse/PUI-18454) ([#8065](https://git.elliemae.io/platform-ui/dimsum/issues/8065)) ([4f70bfd](https://git.elliemae.io/platform-ui/dimsum/commit/4f70bfd3a300de1baa3e0761e5b99c7ff88d968f))
+
+## 3.70.0-next.21 (2026-06-01)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.70.0-next.20 (2026-06-01)
+
+### Bug Fixes
+
+- environment:: fix CO URL routing for ds-chat [PUI-18039](https://jira.elliemae.io/browse/PUI-18039) ([#8064](https://git.elliemae.io/platform-ui/dimsum/issues/8064)) ([ad7ba54](https://git.elliemae.io/platform-ui/dimsum/commit/ad7ba54dc4aafdcff00aeb17b20a39f3cd9b458b))
+
+## 3.70.0-next.19 (2026-05-28)
+
+### Features
+
+- ds-chat-empty-state:: slot system constants module, test pillars, deviations register, promote storybook to Chat section [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8062](https://git.elliemae.io/platform-ui/dimsum/issues/8062)) ([08ed09e](https://git.elliemae.io/platform-ui/dimsum/commit/08ed09e95484763ec0fdddc81d1a8124a3918333))
+
+## 3.70.0-next.18 (2026-05-27)
+
+### Features
+
+- ds-chat-message-delimeter:: bring package to full Dimsum compliance — slot system, constants module, test pillars, deviations register, promote storybook to Chat section [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8061](https://git.elliemae.io/platform-ui/dimsum/issues/8061)) ([d6cd0f9](https://git.elliemae.io/platform-ui/dimsum/commit/d6cd0f93543645f14d0792f78cf4ecfccf1b9bef))
+
+## 3.70.0-next.17 (2026-05-27)
+
+### Features
+
+- dimsum:: new portal now has support for searching content [PUI-18454](https://jira.elliemae.io/browse/PUI-18454) ([#8059](https://git.elliemae.io/platform-ui/dimsum/issues/8059)) ([405dbe5](https://git.elliemae.io/platform-ui/dimsum/commit/405dbe5203782b4019c3d31777ca9a525f54518d))
+
+## 3.70.0-next.16 (2026-05-25)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.70.0-next.15 (2026-05-22)
+
+### Features
+
+- dimsum:: created open-spec dimsum wrapper for monorepo operation [PUI-18489](https://jira.elliemae.io/browse/PUI-18489) ([#8045](https://git.elliemae.io/platform-ui/dimsum/issues/8045)) ([0c8e422](https://git.elliemae.io/platform-ui/dimsum/commit/0c8e422cb87de489439faa38eab4129a6ebf8299))
+
+## 3.70.0-next.14 (2026-05-21)
+
+### Features
+
+- ds-chat:: add visual and functional tests for slot support [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8042](https://git.elliemae.io/platform-ui/dimsum/issues/8042)) ([e1fe993](https://git.elliemae.io/platform-ui/dimsum/commit/e1fe993dca1b73f003daa87558fd75097d2bb79a))
+
+## 3.70.0-next.13 (2026-05-19)
+
+### Bug Fixes
+
+- ds-data-table:: clickout side filters improve [PUI-18469](https://jira.elliemae.io/browse/PUI-18469) ([#8035](https://git.elliemae.io/platform-ui/dimsum/issues/8035)) ([b6d1549](https://git.elliemae.io/platform-ui/dimsum/commit/b6d1549b9b369692ab93487ba24a37216f4738de))
+
+## 3.70.0-next.12 (2026-05-15)
+
+### Features
+
+- ds-chat-floating-button:: dimsum compliance and slots support [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8032](https://git.elliemae.io/platform-ui/dimsum/issues/8032)) ([9bc4ae8](https://git.elliemae.io/platform-ui/dimsum/commit/9bc4ae814b9276d369688d4ab4e0150b3e7cc09a))
+
+## 3.70.0-next.11 (2026-05-14)
+
+### Bug Fixes
+
+- ds-combobox-multi:: combobox aria busy e2e [PUI-18445](https://jira.elliemae.io/browse/PUI-18445) ([#8027](https://git.elliemae.io/platform-ui/dimsum/issues/8027)) ([cdbff4e](https://git.elliemae.io/platform-ui/dimsum/commit/cdbff4eb2a09af6de888dc8a13af5027836bd0a4))
+
+## 3.70.0-next.10 (2026-05-14)
+
+### Features
+
+- ds-chat-sidebar:: dimsum compliance and slots support [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#8030](https://git.elliemae.io/platform-ui/dimsum/issues/8030)) ([0377613](https://git.elliemae.io/platform-ui/dimsum/commit/0377613123d62602a8128d754f201f45a4c3f396))
+
+## 3.70.0-next.9 (2026-05-12)
+
+### Features
+
+- ds-floating-context:: external ref feature [PUI-18440](https://jira.elliemae.io/browse/PUI-18440) ([#8023](https://git.elliemae.io/platform-ui/dimsum/issues/8023)) ([ee46ed5](https://git.elliemae.io/platform-ui/dimsum/commit/ee46ed5163f1771ff6dee22ad0654131fd13ff56))
+
+## 3.70.0-next.8 (2026-05-12)
+
+### Bug Fixes
+
+- ds-chat-bubble:: add missing export in test ([57d294a](https://git.elliemae.io/platform-ui/dimsum/commit/57d294aef0b2739cb2ac0afe673d9c4ccfe0e718))
+
+## 3.70.0-next.7 (2026-05-11)
+
+### Bug Fixes
+
+- ds-modal-slide:: added e2e test for slots [PUI-18428](https://jira.elliemae.io/browse/PUI-18428) ([#8016](https://git.elliemae.io/platform-ui/dimsum/issues/8016)) ([8fa99f8](https://git.elliemae.io/platform-ui/dimsum/commit/8fa99f8e14fe7d8b1fedd916e392761f2188904e))
+
+## 3.70.0-next.6 (2026-05-11)
+
+### Bug Fixes
+
+- ds-form-combobox:: replace racing assertive live region with aria-busy + polite count [PUI-18034](https://jira.elliemae.io/browse/PUI-18034) ([#8018](https://git.elliemae.io/platform-ui/dimsum/issues/8018)) ([6e02644](https://git.elliemae.io/platform-ui/dimsum/commit/6e02644e2c17a53c6ca87737a6e10b59adce57fb))
+
+## 3.70.0-next.5 (2026-05-08)
+
+### Features
+
+- ds-popperjs:: deprecated & migration to fc [PUI-18079](https://jira.elliemae.io/browse/PUI-18079) ([#8000](https://git.elliemae.io/platform-ui/dimsum/issues/8000)) ([c5f1d5c](https://git.elliemae.io/platform-ui/dimsum/commit/c5f1d5c0163f831b33327e5783d26380a9f2798a))
+
+## 3.70.0-next.4 (2026-05-06)
+
+### Bug Fixes
+
+- ds-form-combobox:: fixing defect [PUI-17903](https://jira.elliemae.io/browse/PUI-17903) ([#8007](https://git.elliemae.io/platform-ui/dimsum/issues/8007)) ([16df5f9](https://git.elliemae.io/platform-ui/dimsum/commit/16df5f9395d38d9dce4833d50c2e65ed692277a1))
+
 ## 3.70.0-next.3 (2026-05-05)
 
 ### Features

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

@@ -0,0 +1,117 @@
+/* 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, header controls & subtitle -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.headerControls.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion expanded with header props (and subtitle) and pass axecore scan', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const content = await DSAccordionNativeCO.getContents(1);
+      await content.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, basic -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion closed and pass axecore test', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should open the accordion and pass axecore test', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const content = await DSAccordionNativeCO.getContents(1);
+      await content.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Disabled -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the disabled accordion and pass axecore test', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, multiple -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should open the second accordion without closing the first and pass axecore test', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await firstContent.waitForDisplayed();
+      await secondContent.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Custom actions with hooks -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.customActionHooks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom actions rendered and pass axecore scan', async () => {
+      const customAction1text = await DSAccordionNativeCO.getButtonsByIndex(0);
+      const customAction2text = await DSAccordionNativeCO.getButtonsByIndex(1);
+      const customAction3text = await DSAccordionNativeCO.getButtonsByIndex(2);
+      await customAction1text.waitForDisplayed();
+      await customAction2text.waitForDisplayed();
+      await customAction3text.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Actionable within -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.datepickerInside.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should input focused within accordion and pass axecore scan', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, keep content mounted -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.keepContentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should be a11y compliant with hidden accordion content', async () => {
+      const accordionContent = await $('[data-testid="accordion-native-keep-content"]');
+      await accordionContent.waitForExist();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,178 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSAccordionNativeCO from './DSAccordionNativeCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-18083 - AccordionNative, basic -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion closed', async () => {
+      const firstContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).not.toBeDisplayedInViewport();
+    });
+    it('02: should open the accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).toBeDisplayedInViewport();
+    });
+    it('03: should open the third accordion closing the second', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(2)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(1);
+      const secondContent = await DSAccordionNativeCO.getContents(2);
+      await expect(firstContent).not.toBeDisplayedInViewport();
+      await expect(secondContent).toBeDisplayedInViewport();
+    });
+    it('04: should close the accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(2)).click();
+      const secondContent = await DSAccordionNativeCO.getContents(2);
+      await expect(secondContent).not.toBeDisplayedInViewport();
+    });
+  });
+}
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative, multiple -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion expanded', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      await expect(firstContent).toBeDisplayedInViewport();
+    });
+    it('02: should open the second accordion without closing the first', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).toBeDisplayedInViewport();
+      await expect(secondContent).toBeDisplayedInViewport();
+    });
+    it('03: should close the second accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).toBeDisplayedInViewport();
+      await expect(secondContent).not.toBeDisplayedInViewport();
+    });
+    it('04: should close the first accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(firstContent).not.toBeDisplayedInViewport();
+      await expect(secondContent).not.toBeDisplayedInViewport();
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, keyboard nav -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.customActions.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should press tab and focus on first accordion', async () => {
+      const firstAccordion = await DSAccordionNativeCO.getAccordionHeader(0);
+      await browser.keys(Key.Tab);
+      await expect(firstAccordion).toBeFocused();
+    });
+    // The POC renders the custom action as a SIBLING of <summary>, not inside it,
+    // so tabbing from summary lands on the action button next — same observable
+    // tab order as the prod accordion, achieved via DOM order instead of slot
+    // embedding.
+    it('02: should focus the first accordion button after press tab', async () => {
+      await browser.keys(Key.Tab);
+      const firstButton = await DSAccordionNativeCO.getButtonsByIndex(0);
+      await expect(firstButton).toBeFocused();
+    });
+    it('03: should focus the second accordion and expand it after press tab and space', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const secondAccordion = await DSAccordionNativeCO.getAccordionHeader(1);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(secondAccordion).toBeFocused();
+      await expect(secondContent).toBeDisplayedInViewport();
+    });
+    it('04: should go back to the button when pressing shift+tab (goes backwards)', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const firstButton = await DSAccordionNativeCO.getButtonsByIndex(0);
+      await expect(firstButton).toBeFocused();
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Custom actions with hooks', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.customActionHooks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom actions rendered with ON text by default', async () => {
+      const customAction1text = await (await DSAccordionNativeCO.getButtonsByIndex(0)).getText();
+      const customAction2text = await (await DSAccordionNativeCO.getButtonsByIndex(1)).getText();
+      const customAction3text = await (await DSAccordionNativeCO.getButtonsByIndex(2)).getText();
+      await expect(customAction1text).toEqual('on');
+      await expect(customAction2text).toEqual('on');
+      await expect(customAction3text).toEqual('on');
+    });
+    it('02: should re-render the first two custom actions when activating them to have OFF text', async () => {
+      const customAction1 = await DSAccordionNativeCO.getButtonsByIndex(0);
+      await customAction1.click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const customAction1text = await customAction1.getText();
+      const customAction2text = await (await DSAccordionNativeCO.getButtonsByIndex(1)).getText();
+      const customAction3text = await (await DSAccordionNativeCO.getButtonsByIndex(2)).getText();
+      await expect(customAction1text).toEqual('off');
+      await expect(customAction2text).toEqual('off');
+      await expect(customAction3text).toEqual('on');
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, conditional render -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.conditionalRender.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display second accordion when condition is true', async () => {
+      const headers = await DSAccordionNativeCO.getAccordionHeaders();
+      // BaseRate, BaseRate2, BaseRate3 — index 1 is BaseRate2.
+      await headers[1].click();
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await expect(secondContent).toBeDisplayedInViewport();
+    });
+    it('02: should remove second accordion from DOM after toggle', async () => {
+      const toggleBtn = await $('[data-testid="toggle-btn"]');
+      await toggleBtn.click();
+      // After the toggle, only 2 items remain (BaseRate + BaseRate3). Asserting
+      // count is more robust than asserting visibility on a removed node.
+      const headers = await DSAccordionNativeCO.getAccordionHeaders();
+      await expect(headers.length).toEqual(2);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, keep content mounted -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.keepContentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have accordion closed and content existing in DOM by default', async () => {
+      const accordionContent = await $('[data-testid="accordion-native-keep-content"]');
+      await expect(accordionContent).toExist();
+      await expect(accordionContent).not.toBeDisplayed();
+    });
+    it('02: should have accordion expanded and content visible', async () => {
+      const firstAccordion = await DSAccordionNativeCO.getAccordionHeader(0);
+      await firstAccordion.click();
+      const accordionContent = await $('[data-testid="accordion-native-keep-content"]');
+      await expect(accordionContent).toBeDisplayed();
+    });
+    it('03: should have accordion closed and content still in DOM', async () => {
+      const firstAccordion = await DSAccordionNativeCO.getAccordionHeader(0);
+      await firstAccordion.click();
+      const accordionContent = await $('[data-testid="accordion-native-keep-content"]');
+      await expect(accordionContent).not.toBeDisplayed();
+      await expect(accordionContent).toExist();
+    });
+  });
+}

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

@@ -0,0 +1,131 @@
+import DSAccordionNativeCO from './DSAccordionNativeCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18083 - AccordionNative visual tests, basic', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display all closed', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionNativeCO.snapshotPath('accordion-native-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display open first one', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-one-open'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display focus on the second, hover on third', async () => {
+      await mouseOver(await DSAccordionNativeCO.getAccordionHeader(2));
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-interacted-states'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, header props -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.headerControls.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion expanded with header props', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const content = await DSAccordionNativeCO.getContents(1);
+      await content.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-header-props'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, custom actions -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.customActions.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion with custom actions collapsed', async () => {
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-customactions-col'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display accordion with custom actions expanded', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).waitForDisplayed();
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-customactions-exp'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, multiple -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should corectly display two expanded accordions', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).click();
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const firstContent = await DSAccordionNativeCO.getContents(0);
+      const secondContent = await DSAccordionNativeCO.getContents(1);
+      await firstContent.waitForDisplayed();
+      await secondContent.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-two-expanded'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, global height -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.globalHeight.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion with global height, not trimmed', async () => {
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-globalheight'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-18083 - AccordionNative, Actionable within -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.datepickerInside.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should input focused within accordion', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(0)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-datepicker-inside'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}
+
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-18083 - AccordionNative, desktop to mobile -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionNativeCO.toMobileURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should expand one accordion and hover the other', async () => {
+      await (await DSAccordionNativeCO.getAccordionHeader(1)).click();
+      const snapshot = await browser.checkSnapshot(
+        DSAccordionNativeCO.snapshotPath('accordion-native-tomobile-interacted'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}