dimsum-e2e-tests 3.60.0-next.9 → 3.70.0-next.1

package/CHANGELOG.md

@@ -3,6 +3,326 @@
 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.1 (2026-04-22)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.64 (2026-04-17)
+
+### Features
+
+- ds-form-date-range-picker:: add visual E2E tests for readOnly and applyAriaDisabled states [PUI-16394](https://jira.elliemae.io/browse/PUI-16394) ([#7992](https://git.elliemae.io/platform-ui/dimsum/issues/7992)) ([8c47f6d](https://git.elliemae.io/platform-ui/dimsum/commit/8c47f6d27d63ba2aaed8527adc66bde3be113141))
+
+## [3.60.0-next.63](https://git.elliemae.io/platform-ui/dimsum/compare/v3.60.0-next.62...v3.60.0-next.63) (2026-04-17)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.62 (2026-04-16)
+
+### Bug Fixes
+
+- ds-form-date-range-picker:: solved new styles issues + improved a11y [PUI-18310](https://jira.elliemae.io/browse/PUI-18310) ([c81623d](https://git.elliemae.io/platform-ui/dimsum/commit/c81623db0a459639092449ee4e2d5e9fbc9c6d28))
+
+## 3.60.0-next.61 (2026-04-15)
+
+### Bug Fixes
+
+- ds-form-date-time-picker:: regression fixed and style updates [PUI-18310](https://jira.elliemae.io/browse/PUI-18310) ([2ed123a](https://git.elliemae.io/platform-ui/dimsum/commit/2ed123a7dd0a9a452fe70fb02c0fa4b77eeb3e12))
+
+## 3.60.0-next.60 (2026-04-13)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.59 (2026-04-13)
+
+### Bug Fixes
+
+- ds-card-v1-detail:: info and relationships [PUI-15891] (https://jira.elliemae.io/browse/PUI-15891) ([f6a616b](https://git.elliemae.io/platform-ui/dimsum/commit/f6a616b55f8ec8f96eb00c8f60d0f7bff7a3f97c))
+
+## 3.60.0-next.58 (2026-04-13)
+
+### Bug Fixes
+
+- ds-icons:: a11y role img and label linked to title [PUI-17842](https://jira.elliemae.io/browse/PUI-17842) ([9d12ded](https://git.elliemae.io/platform-ui/dimsum/commit/9d12ded382b8d256ac52d4c3a11b4bf108631f69))
+
+## 3.60.0-next.57 (2026-04-10)
+
+### Features
+
+- ds-menu-button:: floating config [PUI-17708](https://jira.elliemae.io/browse/PUI-17708) ([87cb40d](https://git.elliemae.io/platform-ui/dimsum/commit/87cb40df2257b160821370142434b1074e415bb9))
+
+## 3.60.0-next.56 (2026-04-09)
+
+### Bug Fixes
+
+- ds-card-v1-detail:: info and relationships [PUI-15891] (https://jira.elliemae.io/browse/PUI-15891) ([75afc41](https://git.elliemae.io/platform-ui/dimsum/commit/75afc41c9177059f15c12e1a7d3acedf83e7ba62))
+
+## 3.60.0-next.55 (2026-04-09)
+
+### Bug Fixes
+
+- ds-dialog:: prevent false onClickOutside on overlay-press-release-inside-dialog [PUI-15050](https://jira.elliemae.io/browse/PUI-15050) ([7dfda94](https://git.elliemae.io/platform-ui/dimsum/commit/7dfda94e6848e689139b542435dc985fa137b0ef))
+
+## 3.60.0-next.54 (2026-04-08)
+
+### Bug Fixes
+
+- ds-form-date-time-picker:: meridiem timewheel a11y fix + readonly styles # [PUI-16394](https://jira.elliemae.io/browse/PUI-16394) # [PUI-18277](https://jira.elliemae.io/browse/PUI-18277) ([2838331](https://git.elliemae.io/platform-ui/dimsum/commit/283833118df804318698e353307f754f7bff70b7))
+
+## 3.60.0-next.53 (2026-04-08)
+
+### Bug Fixes
+
+- ds-card:: added e2e test for slots [PUI-15896](https://jira.elliemae.io/browse/PUI-15896) ([733934c](https://git.elliemae.io/platform-ui/dimsum/commit/733934c41889883fc6dc54a2ef0046e89e044925))
+
+## 3.60.0-next.52 (2026-04-06)
+
+### Features
+
+- ds-dialog:: confirmation and form example; status message as pitfall [PUI-15048](https://jira.elliemae.io/browse/PUI-15048) ([#7969](https://git.elliemae.io/platform-ui/dimsum/issues/7969)) ([85edf83](https://git.elliemae.io/platform-ui/dimsum/commit/85edf8357497a8f3684814c2c183d15de4600d0c))
+
+## 3.60.0-next.51 (2026-04-06)
+
+### Features
+
+- ds-dialog:: basic use case [PUI-15045](https://jira.elliemae.io/browse/PUI-15045) ([#7968](https://git.elliemae.io/platform-ui/dimsum/issues/7968)) ([77143b7](https://git.elliemae.io/platform-ui/dimsum/commit/77143b7c1dafb252e4e899557306085d9e51cd0f))
+
+## 3.60.0-next.50 (2026-04-02)
+
+### Features
+
+- ds-tooltip-v3:: added slots and tests # [PUI-16379](https://jira.elliemae.io/browse/PUI-16379) ([#7966](https://git.elliemae.io/platform-ui/dimsum/issues/7966)) ([8025999](https://git.elliemae.io/platform-ui/dimsum/commit/8025999c9a635643a424e466916c4fb3bdcd1bae))
+
+## 3.60.0-next.49 (2026-04-01)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.48 (2026-03-31)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.47 (2026-03-31)
+
+### Bug Fixes
+
+- ds-date-time-picker:: add spinbutton semantics to numeric inputs to comply with WCAG 4.1.2 [PUI-17323](https://jira.elliemae.io/browse/PUI-17323) ([#7959](https://git.elliemae.io/platform-ui/dimsum/issues/7959)) ([94c0da0](https://git.elliemae.io/platform-ui/dimsum/commit/94c0da0b3fa800398e2e16dfef6fee2a510a33c1))
+
+## 3.60.0-next.46 (2026-03-30)
+
+### Bug Fixes
+
+- ds-page-header-v2:: skip link example [PUI-14844](https://jira.elliemae.io/browse/PUI-14844) ([#7955](https://git.elliemae.io/platform-ui/dimsum/issues/7955)) ([b97390e](https://git.elliemae.io/platform-ui/dimsum/commit/b97390e2def656900e26df862d613686295008d2))
+
+## 3.60.0-next.45 (2026-03-30)
+
+### Bug Fixes
+
+- ds-pills-v2:: add WCAG 2.2 SC 2.5.8 analysis for removable small pill in ComboboxMulti [PUI-18154](https://jira.elliemae.io/browse/PUI-18154)([#7956](https://git.elliemae.io/platform-ui/dimsum/issues/7956)) ([d623fda](https://git.elliemae.io/platform-ui/dimsum/commit/d623fda0d2a4dcc1814e58f19c97e185780edf79))
+
+## 3.60.0-next.44 (2026-03-26)
+
+### Features
+
+- ds-data-table:: add keyboard nav tests for all Filters V2 types [PUI-18206](https://jira.elliemae.io/browse/PUI-18206) ([#7950](https://git.elliemae.io/platform-ui/dimsum/issues/7950)) ([e54baa1](https://git.elliemae.io/platform-ui/dimsum/commit/e54baa104db1f46a832977b7eecc6332822c855f))
+
+## 3.60.0-next.43 (2026-03-20)
+
+### Features
+
+- ds-read-more:: aria expanded and fixes for safari [PUI-17191](https://jira.elliemae.io/browse/PUI-17191) ([#7947](https://git.elliemae.io/platform-ui/dimsum/issues/7947)) ([f07f003](https://git.elliemae.io/platform-ui/dimsum/commit/f07f003994489f3747b07311a0be004927913e42))
+
+## 3.60.0-next.42 (2026-03-19)
+
+### Bug Fixes
+
+- dimsum:: case-sensitive rename to fix build pipeline ([#7944](https://git.elliemae.io/platform-ui/dimsum/issues/7944)) ([41886e8](https://git.elliemae.io/platform-ui/dimsum/commit/41886e866a2569997a8f1a49e106d73d179df716))
+
+## 3.60.0-next.41 (2026-03-18)
+
+### Bug Fixes
+
+- ds-data-table:: improve filter change accessibility announcements pattern [PUI-17317](https://jira.elliemae.io/browse/PUI-17317) ([#7942](https://git.elliemae.io/platform-ui/dimsum/issues/7942)) ([065d07a](https://git.elliemae.io/platform-ui/dimsum/commit/065d07aa656694165393c662223b638dd19b7929))
+
+## 3.60.0-next.40 (2026-03-17)
+
+### Bug Fixes
+
+- ds-data-table:: prevent focus loss on creatable add and submit on enter for FilterV2 [PUI-18111](https://jira.elliemae.io/browse/PUI-18111) ([#7939](https://git.elliemae.io/platform-ui/dimsum/issues/7939)) ([3845b06](https://git.elliemae.io/platform-ui/dimsum/commit/3845b068c97036ac8d06ae6aeda04861bfb0d112))
+
+## 3.60.0-next.39 (2026-03-16)
+
+### Bug Fixes
+
+- ds-card-v1:: add slots showcase [PUI-15889] (https://jira.elliemae.io/browse/ PUI-15889) ([#7935](https://git.elliemae.io/platform-ui/dimsum/issues/7935)) ([fc928af](https://git.elliemae.io/platform-ui/dimsum/commit/fc928af506dac409c08bd074e9a14c6138272bf7))
+
+## 3.60.0-next.38 (2026-03-05)
+
+### Bug Fixes
+
+- ds-card-v2:: added slot support [PUI-15890] (https://jira.elliemae.io/browse/PUI-15890) ([#7920](https://git.elliemae.io/platform-ui/dimsum/issues/7920)) ([c14f1e1](https://git.elliemae.io/platform-ui/dimsum/commit/c14f1e1345ead19e226bb34b360353221e5aa96f))
+
+## 3.60.0-next.37 (2026-03-05)
+
+### Features
+
+- ds-data-table:: improve folder organization for filtersV2 and v1 vs v2 showcase ([#7919](https://git.elliemae.io/platform-ui/dimsum/issues/7919)) ([85e4fcb](https://git.elliemae.io/platform-ui/dimsum/commit/85e4fcbe61c1cea68baaf8205326d991f5b39476))
+
+## 3.60.0-next.36 (2026-03-03)
+
+### Bug Fixes
+
+- dimsum:: storybook - fixed missing redux peer dep post legacy removal ([#7914](https://git.elliemae.io/platform-ui/dimsum/issues/7914)) ([473611c](https://git.elliemae.io/platform-ui/dimsum/commit/473611c112806728e0b5c0fca19743aa04abe8a9))
+
+## 3.60.0-next.35 (2026-03-03)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.34 (2026-03-02)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.33 (2026-02-27)
+
+### Features
+
+- ds-global-header:: theming story [PUI-16360](https://jira.elliemae.io/browse/PUI-16360) ([#7901](https://git.elliemae.io/platform-ui/dimsum/issues/7901)) ([e6a3d8f](https://git.elliemae.io/platform-ui/dimsum/commit/e6a3d8f3ebfdf905e2a85e698ef35168771a7d4e))
+
+## 3.60.0-next.32 (2026-02-25)
+
+### Bug Fixes
+
+- ds-data-table:: improve filters focus trap for consistent tab/shift+tab order [PUI-17922](https://jira.elliemae.io/browse/PUI-17922) ([#7900](https://git.elliemae.io/platform-ui/dimsum/issues/7900)) ([b9c579d](https://git.elliemae.io/platform-ui/dimsum/commit/b9c579d4ff5bf16e58aad6931e94a43bcece0a9c))
+
+## 3.60.0-next.31 (2026-02-25)
+
+### Features
+
+- ds-menu-button:: enable playwright tests [PUI-16741](https://jira.elliemae.io/browse/PUI-16741) ([#7898](https://git.elliemae.io/platform-ui/dimsum/issues/7898)) ([580ea18](https://git.elliemae.io/platform-ui/dimsum/commit/580ea18cef699587201ced6444eee73936a85c4c))
+
+## 3.60.0-next.30 (2026-02-24)
+
+### Bug Fixes
+
+- ds-codemods:: legacy-deprecation-26dot3 replaceAll for multi match fix ([#7897](https://git.elliemae.io/platform-ui/dimsum/issues/7897)) ([3b27f7e](https://git.elliemae.io/platform-ui/dimsum/commit/3b27f7e04a56ed2b14b12a1523748a1a4828c8a1))
+
+## 3.60.0-next.29 (2026-02-23)
+
+### Bug Fixes
+
+- ds-tabs:: add functional test for tabs with scrollbar - keyboard nav [PUI-17883](https://jira.elliemae.io/browse/PUI-17883) ([#7895](https://git.elliemae.io/platform-ui/dimsum/issues/7895)) ([bbd1058](https://git.elliemae.io/platform-ui/dimsum/commit/bbd1058f2f1dac1e3f942bca697b304d28996986))
+
+## 3.60.0-next.28 (2026-02-20)
+
+### Bug Fixes
+
+- ds-left-navigation:: add functional test for slots customization [PUI-15560](https://jira.elliemae.io/browse/PUI-15560) ([#7892](https://git.elliemae.io/platform-ui/dimsum/issues/7892)) ([6732509](https://git.elliemae.io/platform-ui/dimsum/commit/6732509aaaafeb3c3cc4f2e8e85986177b782c58))
+
+## 3.60.0-next.27 (2026-02-20)
+
+### Bug Fixes
+
+- ds-tabs:: show outline in tabpanel ([b9db99f](https://git.elliemae.io/platform-ui/dimsum/commit/b9db99ff6878f67c06cb1abe0e813a85b3ce8dfe))
+
+## 3.60.0-next.26 (2026-02-19)
+
+### Features
+
+- ds-global-header:: search-toggle story improved a11y + improved slots support [PUI-17852](https://jira.elliemae.io/browse/PUI-17852) ([#7891](https://git.elliemae.io/platform-ui/dimsum/issues/7891)) ([bed0e22](https://git.elliemae.io/platform-ui/dimsum/commit/bed0e22851cfa990994790f064a0bf1606928645))
+
+## 3.60.0-next.25 (2026-02-19)
+
+### Bug Fixes
+
+- ds-global-header:: fixed unit test + slots to dimsum pattern compliancy ([#7889](https://git.elliemae.io/platform-ui/dimsum/issues/7889)) ([7198f8a](https://git.elliemae.io/platform-ui/dimsum/commit/7198f8afcdaa884886c90ac1e492ff82315837cf))
+
+## 3.60.0-next.24 (2026-02-17)
+
+### Features
+
+- ds-ribbon:: role analysis and show example using role=status [PUI-17480](https://jira.elliemae.io/browse/PUI-17480) ([#7880](https://git.elliemae.io/platform-ui/dimsum/issues/7880)) ([034a59a](https://git.elliemae.io/platform-ui/dimsum/commit/034a59a2f1449599310d9788dfce12ba8037eb95))
+
+## 3.60.0-next.23 (2026-02-17)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
+## 3.60.0-next.22 (2026-02-16)
+
+### Features
+
+- ds-ribbon:: slots usege example and theming support story [PUI-17442](https://jira.elliemae.io/browse/PUI-17442) ([#7879](https://git.elliemae.io/platform-ui/dimsum/issues/7879)) ([a951520](https://git.elliemae.io/platform-ui/dimsum/commit/a951520b52988b331cb495260326ff5750529873))
+
+## 3.60.0-next.21 (2026-02-16)
+
+### Features
+
+- ds-chat-bubble:: implement slots in Chat Bubble [PUI-17908](https://jira.elliemae.io/browse/PUI-17908) ([#7877](https://git.elliemae.io/platform-ui/dimsum/issues/7877)) ([9558f1d](https://git.elliemae.io/platform-ui/dimsum/commit/9558f1d0465417ddfd07500728d49b4cceb12cd8))
+
+## 3.60.0-next.20 (2026-02-13)
+
+### Bug Fixes
+
+- ds-chip:: update E2E test selectors and chip XPath queries [PUI-17896](https://jira.elliemae.io/browse/PUI-17896) ([#7875](https://git.elliemae.io/platform-ui/dimsum/issues/7875)) ([f682a0a](https://git.elliemae.io/platform-ui/dimsum/commit/f682a0a99c8b01ed886f13d1f5835f10c9e8ae44))
+
+## 3.60.0-next.19 (2026-02-12)
+
+### Features
+
+- ds-ribbon:: typescript fixes by dimsum alignment [PUI-17478](https://jira.elliemae.io/browse/PUI-17478)([#7870](https://git.elliemae.io/platform-ui/dimsum/issues/7870)) ([6dcb730](https://git.elliemae.io/platform-ui/dimsum/commit/6dcb730e31dcb4cfab2e863db38c01de894a7af9))
+
+## 3.60.0-next.18 (2026-02-09)
+
+### Bug Fixes
+
+- ds-left-navigation:: e2e story for detected missing slots [PUI-15560](https://jira.elliemae.io/browse/PUI-15560) ([#7864](https://git.elliemae.io/platform-ui/dimsum/issues/7864)) ([37e630b](https://git.elliemae.io/platform-ui/dimsum/commit/37e630be9e1023dee24e17a3e49da1d53d351060))
+
+## 3.60.0-next.17 (2026-02-06)
+
+### Features
+
+- ds-global-header:: search toggle example improve [PUI-17487](https://jira.elliemae.io/browse/PUI-17487) ([#7862](https://git.elliemae.io/platform-ui/dimsum/issues/7862)) ([8d268f8](https://git.elliemae.io/platform-ui/dimsum/commit/8d268f8fa3a8e4a065b1897128a866eb2af1c050))
+
+## 3.60.0-next.16 (2026-02-06)
+
+### Features
+
+- ds-global-header:: search toggle tests [PUI-17487](https://jira.elliemae.io/browse/PUI-17487) ([#7861](https://git.elliemae.io/platform-ui/dimsum/issues/7861)) ([039b36d](https://git.elliemae.io/platform-ui/dimsum/commit/039b36dd5bf53053cf5d7e636ba0f7dbd17bff11))
+
+## 3.60.0-next.15 (2026-01-29)
+
+### Features
+
+- dimsum:: upgraded third party libraries [PUI-17276](https://jira.elliemae.io/browse/PUI-17276) ([#7833](https://git.elliemae.io/platform-ui/dimsum/issues/7833)) ([361aafb](https://git.elliemae.io/platform-ui/dimsum/commit/361aafb523a55187f0951f4a2b338458f8198c97))
+
+## 3.60.0-next.14 (2026-01-26)
+
+### Features
+
+- ds-menu-button:: slots and unit tests support [PUI-17708](https://jira.elliemae.io/browse/PUI-17708) ([#7822](https://git.elliemae.io/platform-ui/dimsum/issues/7822)) ([211afa4](https://git.elliemae.io/platform-ui/dimsum/commit/211afa4b48182892a8945e08c69d693021684986))
+
+## 3.60.0-next.13 (2026-01-20)
+
+### Bug Fixes
+
+- ds-dialog:: raise condition caused by layout effect [PUI-17804](https://jira.elliemae.io/browse/PUI-17804)([#7826](https://git.elliemae.io/platform-ui/dimsum/issues/7826)) ([c07f693](https://git.elliemae.io/platform-ui/dimsum/commit/c07f69337344e77e0b3bfb0974b171c410972a06))
+
+## 3.60.0-next.12 (2026-01-16)
+
+### Features
+
+- dimsum:: fixed dependencies and added knip for reports [PUI-17275](https://jira.elliemae.io/browse/PUI-17275) ([#7824](https://git.elliemae.io/platform-ui/dimsum/issues/7824)) ([65b7cf4](https://git.elliemae.io/platform-ui/dimsum/commit/65b7cf4e3558d20957adc405bd91ea9370b11589))
+
+## 3.60.0-next.11 (2026-01-14)
+
+### Features
+
+- ds-tabs:: update carousel to horizontal scroll [PUI-17483](https://jira.elliemae.io/browse/PUI-17483) ([#7821](https://git.elliemae.io/platform-ui/dimsum/issues/7821)) ([9cfe8a5](https://git.elliemae.io/platform-ui/dimsum/commit/9cfe8a56d6277fe4fc9ffcf9c9dfb97dff7adfbf))
+
+## 3.60.0-next.10 (2026-01-14)
+
+### Bug Fixes
+
+- ds-app-picker:: support global attributes [PUI-17246](https://jira.elliemae.io/browse/PUI-17246) ([#7820](https://git.elliemae.io/platform-ui/dimsum/issues/7820)) ([1b2a2ea](https://git.elliemae.io/platform-ui/dimsum/commit/1b2a2ea55ca4ea19386e891be939c3615a244468))
+
 ## [3.60.0-next.9](https://git.elliemae.io/platform-ui/dimsum/compare/v3.60.0-next.8...v3.60.0-next.9) (2026-01-13)
 
 **Note:** Version bump only for package dimsum-e2e-tests

package/ds-apppicker/DSAppPickerCO.js

@@ -16,6 +16,8 @@ export default class DSAppPickerCO extends PageObject {
 
   static applyAriaDisabledURL = new Urlbuilder(`${PATH_E2E_APP_PICKER}`, 'apply-aria-disabled-test');
 
+  static reflowURL = new Urlbuilder(`${PATH_E2E_APP_PICKER}`, 'reflow-test');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('AppPicker', example);
@@ -37,6 +39,14 @@ export default class DSAppPickerCO extends PageObject {
   static getChipByLabel = async (label) =>
     $(`//button[@data-testid="app-picker__chip"]/div/span[contains(text(),"${label}")]//ancestor::button`);
 
+  static getChipsByLabel = async (label) =>
+    $$(`//button[@data-testid="app-picker__chip"]/div/span[contains(text(),"${label}")]//ancestor::button`);
+
+  static getChipByLabelAndIndex = async (label, index) => {
+    const chips = await DSAppPickerCO.getChipsByLabel(label);
+    return chips[index];
+  };
+
   static async getAppPickerRoot() {
     return $('[data-testid="ds-apppicker-root"]');
   }

package/ds-apppicker/basic/DSAppPicker.basic.func.spec.js

@@ -34,8 +34,8 @@ if (
       const appPicker = await DSAppPickerCO.getAppPickerRoot();
       await expect(appPicker).toBeDisplayedInViewport();
     });
-    it('05: should focus the sixth element when clicking it', async () => {
-      const appPickerChip = await DSAppPickerCO.getChipByIndex(5);
+    it('05: should focus the seventh element when clicking it', async () => {
+      const appPickerChip = await DSAppPickerCO.getChipByIndex(6);
       await appPickerChip.click();
       await expect(appPickerChip).toBeFocused();
     });

package/ds-apppicker/reflow/DSAppPicker.reflow.visual.spec.js

@@ -0,0 +1,36 @@
+/* eslint-disable wdio/no-pause */
+import DSAppPickerCO from '../DSAppPickerCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17867 - AppPicker:: Reflow test -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAppPickerCO.reflowURL.go();
+      if (errorOnGo) throw errorOnGo;
+      await browser.maximizeWindow();
+    });
+
+    it('01: should show appPicker open', async () => {
+      const openAppPickerBtn = await DSAppPickerCO.getOpenAppPicker();
+      await openAppPickerBtn.click();
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('reflow-appPicker-open'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: should scroll to the 2nd Pipeline chip', async () => {
+      const secondPipelineChip = await DSAppPickerCO.getChipByLabelAndIndex('Pipeline', 1);
+      await secondPipelineChip.scrollIntoView();
+      await browser.pause(300);
+      const snapshot = await browser.percyCheckScreenshot(DSAppPickerCO.snapshotPath('reflow-appPicker-scrolled'));
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03: should select the 2nd Pipeline chip', async () => {
+      const secondPipelineChip = await DSAppPickerCO.getChipByLabelAndIndex('Pipeline', 1);
+      await secondPipelineChip.click();
+      const snapshot = await browser.percyCheckScreenshot(
+        DSAppPickerCO.snapshotPath('reflow-appPicker-pipeline-selected'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-apppicker/slots/DSAppPicker.slots.func.spec.js

@@ -39,5 +39,18 @@ if (
       await expect(titleSlot).toHaveAttribute('aria-label', 'im title aria');
       await expect(separatorSlot).toHaveAttribute('aria-label', 'im separator aria');
     });
+    it('03: should have custom data-public for each slot', async () => {
+      const itemSlot = await DSAppPickerCO.getItemSlotByIndex();
+      const rowSlot = await DSAppPickerCO.getRowSlotByIndex();
+      const rootSlot = await DSAppPickerCO.getRootSlotByIndex();
+      const titleSlot = await DSAppPickerCO.getTitleSlotByIndex();
+      const separatorSlot = await DSAppPickerCO.getSeparatorSlotByIndex();
+      await rootSlot.waitForDisplayed();
+      await expect(itemSlot).toHaveAttribute('data-public', 'item-custom-attribute');
+      await expect(rowSlot).toHaveAttribute('data-public', 'row-custom-attribute');
+      await expect(rootSlot).toHaveAttribute('data-public', 'root-custom-attribute');
+      await expect(titleSlot).toHaveAttribute('data-public', 'title-custom-attribute');
+      await expect(separatorSlot).toHaveAttribute('data-public', 'separator-custom-attribute');
+    });
   });
 }

package/ds-card/DSCard.slots.func.spec.js

@@ -0,0 +1,95 @@
+/* eslint-disable max-statements */
+import DSCardCO from './DSCardCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18280 - Card: Slots Test -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Should have a custom aria for each slot', async () => {
+      const actions = await DSCardCO.getCardNavigationActionsSlotByIndex();
+      const actionButton = await DSCardCO.getCardNavigationActionButtonSlotByIndex();
+      const buttonWrapper = await DSCardCO.getCardNavigationButtonWrapperSlotByIndex();
+      const centralContent = await DSCardCO.getCardNavigationCentralContentSlotByIndex();
+      const content = await DSCardCO.getCardNavigationContentSlotByIndex();
+      const descriptionText = await DSCardCO.getCardNavigationDescriptionTextSlotByIndex();
+      const interactiveElementRegion = await DSCardCO.getCardNavigationInteractiveElementRegionSlotByIndex();
+      const root = await DSCardCO.getCardNavigationRootSlotByIndex();
+      const title = await DSCardCO.getCardNavigationTitleSlotByIndex();
+      const titleTypography = await DSCardCO.getCardNavigationTitleTypographySlotByIndex();
+      const titleWrapper = await DSCardCO.getCardNavigationTitleWrapperSlotByIndex();
+      const type = await DSCardCO.getCardNavigationTypeSlotByIndex();
+      await expect(actions).toHaveAttribute('aria-label', 'actions aria');
+      await expect(actionButton).toHaveAttribute('aria-label', 'action button aria');
+      await expect(buttonWrapper).toHaveAttribute('aria-label', 'button wrapper aria');
+      await expect(centralContent).toHaveAttribute('aria-label', 'central content aria');
+      await expect(content).toHaveAttribute('aria-label', 'content aria');
+      await expect(descriptionText).toHaveAttribute('aria-label', 'description text aria');
+      await expect(interactiveElementRegion).toHaveAttribute('aria-label', 'interactive element region aria');
+      await expect(root).toHaveAttribute('aria-label', 'root aria');
+      await expect(title).toHaveAttribute('aria-label', 'title aria');
+      await expect(titleTypography).toHaveAttribute('aria-label', 'title typography aria');
+      await expect(titleWrapper).toHaveAttribute('aria-label', 'title wrapper aria');
+      await expect(type).toHaveAttribute('aria-label', 'type aria');
+    });
+
+    it('02: Should have custom data-testid for each slot', async () => {
+      const actions = await DSCardCO.getCardNavigationActionsSlotByIndex();
+      const actionButton = await DSCardCO.getCardNavigationActionButtonSlotByIndex();
+      const buttonWrapper = await DSCardCO.getCardNavigationButtonWrapperSlotByIndex();
+      const centralContent = await DSCardCO.getCardNavigationCentralContentSlotByIndex();
+      const content = await DSCardCO.getCardNavigationContentSlotByIndex();
+      const descriptionText = await DSCardCO.getCardNavigationDescriptionTextSlotByIndex();
+      const interactiveElementRegion = await DSCardCO.getCardNavigationInteractiveElementRegionSlotByIndex();
+      const root = await DSCardCO.getCardNavigationRootSlotByIndex();
+      const title = await DSCardCO.getCardNavigationTitleSlotByIndex();
+      const titleTypography = await DSCardCO.getCardNavigationTitleTypographySlotByIndex();
+      const titleWrapper = await DSCardCO.getCardNavigationTitleWrapperSlotByIndex();
+      const type = await DSCardCO.getCardNavigationTypeSlotByIndex();
+      await expect(actions).toHaveAttribute('data-testid', 'actions data');
+      await expect(actionButton).toHaveAttribute('data-testid', 'action button data');
+      await expect(buttonWrapper).toHaveAttribute('data-testid', 'button wrapper data');
+      await expect(centralContent).toHaveAttribute('data-testid', 'central content data');
+      await expect(content).toHaveAttribute('data-testid', 'content data');
+      await expect(descriptionText).toHaveAttribute('data-testid', 'description text data');
+      await expect(interactiveElementRegion).toHaveAttribute('data-testid', 'interactive element region data');
+      await expect(root).toHaveAttribute('data-testid', 'root data');
+      await expect(title).toHaveAttribute('data-testid', 'title data');
+      await expect(titleTypography).toHaveAttribute('data-testid', 'title typography data');
+      await expect(titleWrapper).toHaveAttribute('data-testid', 'title wrapper data');
+      await expect(type).toHaveAttribute('data-testid', 'type data');
+    });
+    it('03: Should have custom lang for each slot', async () => {
+      const actions = await DSCardCO.getCardNavigationActionsSlotByIndex();
+      const actionButton = await DSCardCO.getCardNavigationActionButtonSlotByIndex();
+      const buttonWrapper = await DSCardCO.getCardNavigationButtonWrapperSlotByIndex();
+      const centralContent = await DSCardCO.getCardNavigationCentralContentSlotByIndex();
+      const content = await DSCardCO.getCardNavigationContentSlotByIndex();
+      const descriptionText = await DSCardCO.getCardNavigationDescriptionTextSlotByIndex();
+      const interactiveElementRegion = await DSCardCO.getCardNavigationInteractiveElementRegionSlotByIndex();
+      const root = await DSCardCO.getCardNavigationRootSlotByIndex();
+      const title = await DSCardCO.getCardNavigationTitleSlotByIndex();
+      const titleTypography = await DSCardCO.getCardNavigationTitleTypographySlotByIndex();
+      const titleWrapper = await DSCardCO.getCardNavigationTitleWrapperSlotByIndex();
+      const type = await DSCardCO.getCardNavigationTypeSlotByIndex();
+      await expect(actions).toHaveAttribute('lang', 'es');
+      await expect(actionButton).toHaveAttribute('lang', 'fr');
+      await expect(buttonWrapper).toHaveAttribute('lang', 'de');
+      await expect(centralContent).toHaveAttribute('lang', 'it');
+      await expect(content).toHaveAttribute('lang', 'pt');
+      await expect(descriptionText).toHaveAttribute('lang', 'ja');
+      await expect(interactiveElementRegion).toHaveAttribute('lang', 'zh');
+      await expect(root).toHaveAttribute('lang', 'ru');
+      await expect(title).toHaveAttribute('lang', 'ko');
+      await expect(titleTypography).toHaveAttribute('lang', 'ar');
+      await expect(titleWrapper).toHaveAttribute('lang', 'hi');
+      await expect(type).toHaveAttribute('lang', 'nl');
+    });
+  });
+}

package/ds-card/DSCard.slots.visual.spec.js

@@ -0,0 +1,23 @@
+/* eslint-disable max-statements */
+import DSCardCO from './DSCardCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18281 - Card: Slots Test -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSCardCO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: Should have a custom aria for each slot', async () => {
+      await browser.eyesOpen();
+      const root = await DSCardCO.getCardNavigationRootSlotByIndex();
+      await root.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSCardCO.snapshotPath('card-slots'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-card/DSCardCO.js

@@ -22,6 +22,8 @@ export default class DSCardCO extends PageObject {
 
   static ucDetailCardLongLabelURL = new Urlbuilder(PATH_E2E_CARD, 'detail-card-long-label');
 
+  static slotsTest = new Urlbuilder(PATH_E2E_CARD, 'slots-test');
+
   static ucDetailCardLongTitleURL = new Urlbuilder(PATH_E2E_CARD, 'detail-card-long-title');
 
   static detailExpandableURL = new Urlbuilder(PATH_E2E_CARD, 'detail-expandable-test');
@@ -78,4 +80,52 @@ export default class DSCardCO extends PageObject {
   static async getRightAddonButton() {
     return $('[data-testid="right-addon-button"]');
   }
+
+  static async getCardNavigationActionsSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationActions"]')[index];
+  }
+
+  static async getCardNavigationActionButtonSlotByIndex(index = 0) {
+    return $$('[data-dimsum-parent-slot="dsCardnavigationActionButton"]')[index];
+  }
+
+  static async getCardNavigationButtonWrapperSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationButtonWrapper"]')[index];
+  }
+
+  static async getCardNavigationCentralContentSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationCentralContent"]')[index];
+  }
+
+  static async getCardNavigationContentSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationContent"]')[index];
+  }
+
+  static async getCardNavigationDescriptionTextSlotByIndex(index = 0) {
+    return $$('[data-dimsum-parent-slot="dsCardnavigationDescriptionText"]')[index];
+  }
+
+  static async getCardNavigationInteractiveElementRegionSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationInteractiveElementRegion"]')[index];
+  }
+
+  static async getCardNavigationRootSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationRoot"]')[index];
+  }
+
+  static async getCardNavigationTitleSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationTitle"]')[index];
+  }
+
+  static async getCardNavigationTitleTypographySlotByIndex(index = 0) {
+    return $$('[data-dimsum-parent-slot="dsCardnavigationTitleTypography"]')[index];
+  }
+
+  static async getCardNavigationTitleWrapperSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationTitleWrapper"]')[index];
+  }
+
+  static async getCardNavigationTypeSlotByIndex(index = 0) {
+    return $$('[data-dimsum-slot="dsCardnavigationType"]')[index];
+  }
 }

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

@@ -33,7 +33,24 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
   });
 
-  describe('PUI-8928 - Chip, Styles -visual', () => {
+  describe('PUI-17879 - Chip, Basic & Labels -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSChipCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should show basic chips by default', async () => {
+      await (await DSChipCO.getChipByIndex(1)).waitForDisplayed();
+      const snapshot = await browser.percyCheckScreenshot(DSChipCO.snapshotPath('dschips-basic-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: truncated chip should show text on hover', async () => {
+      await mouseOver(await DSChipCO.getChipByIndex(3));
+      const snapshot = await browser.percyCheckScreenshot(DSChipCO.snapshotPath('dschips-basic-untruncated'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-17879 - Chip, Styles -visual', () => {
     before('loading page', async () => {
       const errorOnGo = await DSChipCO.shapeURL.go();
       if (errorOnGo) throw errorOnGo;

package/ds-chip/DSChipCO.js

@@ -16,6 +16,8 @@ export default class DSChipCO extends PageObject {
 
   static applyAriaDisabledURL = new Urlbuilder(PATH_E2E_CHIP, 'apply-aria-disabled-test');
 
+  static customAttributesUsageURL = new Urlbuilder(PATH_E2E_CHIP, 'custom-attributes-usage-test');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('Chip', example);