dimsum-e2e-tests 1.0.36 → 1.2.0

package/ds-accordion/slots/DSAccordion.slots.func.spec.js

@@ -0,0 +1,67 @@
+/* eslint-disable max-lines */
+import DSAccordionCO from '../DSAccordionCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-15349 - Accordion: Slots -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.slotsURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have a custom aria-label for each slot', async () => {
+      const root = await DSAccordionCO.getAccordionContainerSlotByIndex();
+      const itemHeader = await DSAccordionCO.getAccordionItemHeaderSlotByIndex();
+      const itemContainer = await DSAccordionCO.getAccordionItemContainerSlotByIndex();
+      const itemHeaderAddon = await DSAccordionCO.getAccordionItemHeaderAddonSlotByIndex();
+      const itemHeaderContainer = await DSAccordionCO.getAccordionItemHeaderContainerSlotByIndex();
+      const headerPrimaryTitle = await DSAccordionCO.getAccordionItemHeaderPrimaryTitleSlotByIndex();
+      const headerSecondaryTitle = await DSAccordionCO.getAccordionItemHeaderSecondaryTitleSlotByIndex();
+      const headerTitlesContainer = await DSAccordionCO.getAccordionItemHeaderTitlesContainerSlotByIndex();
+      await itemHeader.click();
+      const itemContentContainer = await DSAccordionCO.getAccordionItemContentContainerSlotByIndex();
+      await itemContentContainer.waitForDisplayed();
+      await expect(root).toHaveAttribute('aria-label', 'im container aria');
+      await expect(itemHeader).toHaveAttribute('aria-label', 'im itemheader aria');
+      await expect(itemContainer).toHaveAttribute('aria-label', 'im item container aria');
+      await expect(itemHeaderAddon).toHaveAttribute('aria-label', 'im itemheaderaddon aria');
+      await expect(itemHeaderContainer).toHaveAttribute('aria-label', 'im itemheadercontainer aria');
+      await expect(itemContentContainer).toHaveAttribute('aria-label', 'im itemcontentcontainer aria');
+      await expect(headerPrimaryTitle).toHaveAttribute('aria-label', 'im itemheaderprimarytitle aria');
+      await expect(headerSecondaryTitle).toHaveAttribute('aria-label', 'im itemheadersecondarytitle aria');
+      await expect(headerTitlesContainer).toHaveAttribute('aria-label', 'im itemheadertitlecontainer aria');
+    });
+    it('02: should have a custom data-testid for each slot', async () => {
+      const root = await DSAccordionCO.getAccordionContainerSlotByIndex();
+      const itemHeader = await DSAccordionCO.getAccordionItemHeaderSlotByIndex();
+      const itemContainer = await DSAccordionCO.getAccordionItemContainerSlotByIndex();
+      const itemHeaderAddon = await DSAccordionCO.getAccordionItemHeaderAddonSlotByIndex();
+      const itemHeaderContainer = await DSAccordionCO.getAccordionItemHeaderContainerSlotByIndex();
+      const headerPrimaryTitle = await DSAccordionCO.getAccordionItemHeaderPrimaryTitleSlotByIndex();
+      const headerSecondaryTitle = await DSAccordionCO.getAccordionItemHeaderSecondaryTitleSlotByIndex();
+      const headerTitlesContainer = await DSAccordionCO.getAccordionItemHeaderTitlesContainerSlotByIndex();
+      const itemContentContainer = await DSAccordionCO.getAccordionItemContentContainerSlotByIndex();
+      await itemContentContainer.waitForDisplayed();
+      await expect(root).toHaveAttribute('data-testid', 'im container data');
+      await expect(itemHeader).toHaveAttribute('data-testid', 'im itemheader data');
+      await expect(itemContainer).toHaveAttribute('data-testid', 'im item container data');
+      await expect(itemHeaderAddon).toHaveAttribute('data-testid', 'im itemheaderaddon data');
+      await expect(itemHeaderContainer).toHaveAttribute('data-testid', 'im itemheadercontainer data');
+      await expect(itemContentContainer).toHaveAttribute('data-testid', 'im itemcontentcontainer data');
+      await expect(headerPrimaryTitle).toHaveAttribute('data-testid', 'im itemheaderprimarytitle data');
+      await expect(headerSecondaryTitle).toHaveAttribute('data-testid', 'im itemheadersecondarytitle data');
+      await expect(headerTitlesContainer).toHaveAttribute('data-testid', 'im itemheadertitlecontainer data');
+    });
+    it('03: should have a custom lang attribute for header, primary and secondary titles', async () => {
+      const headerPrimaryTitle = await DSAccordionCO.getAccordionItemHeaderPrimaryTitleSlotByIndex();
+      const headerSecondaryTitle = await DSAccordionCO.getAccordionItemHeaderSecondaryTitleSlotByIndex();
+      const itemHeader = await DSAccordionCO.getAccordionItemHeaderSlotByIndex();
+      await expect(headerPrimaryTitle).toHaveAttribute('lang', 'en-US');
+      await expect(headerSecondaryTitle).toHaveAttribute('lang', 'es-ES');
+      await expect(itemHeader).toHaveAttribute('lang', 'en-US');
+    });
+  });
+}

package/ds-accordion/slots/DSAccordion.slots.visual.spec.js

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

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

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

package/ds-autocomplete/DSAutocompleteCO.js

@@ -15,11 +15,11 @@ export default class DSAutocompleteCO extends PageObject {
 
   // selectors
   static async getAutocompleteInput() {
-    return $('[data-testid="ds-input-text-input"]');
+    return $('[data-testid="ds-inputtext-input"]');
   }
 
   static async getClearBtn() {
-    return $('[data-testid="ds-input-text-clear-button"]');
+    return $('[data-testid="ds-inputtext-input-clear-button"]');
   }
 
   static async getAutocompleteMenuList() {
@@ -27,7 +27,7 @@ export default class DSAutocompleteCO extends PageObject {
   }
 
   static async getAutocompleteOptionLabel() {
-    return $('[data-testid="ds-menu-item-menu-item-label"]');
+    return $('[data-testid="ds-menuitem-menu-item-label"]');
   }
 
   static async getAutocompleteOptions() {

package/ds-button-v3/DSButtonV3.aria-diabled.axe-core.func.spec.js

@@ -0,0 +1,22 @@
+import DSButtonV3CO from './DSButtonV3CO';
+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-14396 - [ButtonV3] applyAriaDisabled prop - axe-core test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display ButtonV3 with aria-disabled and pass axe-core scan', async () => {
+      const button = await DSButtonV3CO.getButtonByIndex(0);
+      await button.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-button-v3/DSButtonV3.aria-disabled-attribute.func.spec.js

@@ -0,0 +1,33 @@
+import DSButtonV3CO from './DSButtonV3CO';
+
+// Tests for the fix introduced in PUI-17909:
+//   aria-disabled is no longer emitted as "false" on interactive buttons. A default (enabled) button
+//   carries no aria-disabled at all, and a native `disabled` button conveys its state via the native
+//   `disabled` attribute, so aria-disabled is intentionally absent there too (it was dropped from the
+//   emission condition, which is now applyAriaDisabled || readOnly).
+// Both states already exist in the ShowcaseTest story (index 0 = enabled, index 3 = disabled).
+// Pure DOM-attribute assertions produce identical results in every browser, so this runs Chrome-only.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18796 - DSButtonV3:: aria-disabled absent on enabled and disabled buttons - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.showcaseURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should not emit aria-disabled on enabled or native-disabled buttons', async () => {
+      // Enabled (default): aria-disabled must be entirely absent — the core PUI-17909 fix.
+      const enabled = await DSButtonV3CO.getButtonByIndex(0);
+      await expect(enabled).not.toHaveAttribute('aria-disabled');
+
+      // Native disabled: relies on the native `disabled` attribute, aria-disabled stays absent.
+      const disabled = await DSButtonV3CO.getButtonByIndex(3);
+      await expect(disabled).toHaveAttribute('disabled');
+      await expect(disabled).not.toHaveAttribute('aria-disabled');
+    });
+  });
+}

package/ds-button-v3/DSButtonV3.aria-disabled.visual.spec.js

@@ -0,0 +1,48 @@
+import { Key } from 'webdriverio';
+import DSButtonV3CO from './DSButtonV3CO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-13515 - ButtonV3 - tooltip on disabled and focus with aria-disabled -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.disabledURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a tooltip when hovering over a disabled button', async () => {
+      const button = await DSButtonV3CO.getButtonByIndex(0);
+      await button.waitForDisplayed({ timeout: 5000 });
+      await mouseOver(button);
+      // legacy-only: live imports DSTooltipV3CO from e2e/ds-tooltip-v3, which has no legacy twin (ds-tooltip-v3 is not ported); DSButtonV3CO.getTooltip() reads the same data-testid as live (ds-tooltip-v3-tooltip-text-wrapper)
+      const tooltip = await DSButtonV3CO.getTooltip();
+      await tooltip.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(DSButtonV3CO.snapshotPath('ds-button-v3-disabled-tooltip'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display a focus ring in aria-disabled button', async () => {
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.checkSnapshot(DSButtonV3CO.snapshotPath('ds-button-v3-aria-disabled-focus'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-14397 - ButtonV3 - applyAriaDisabled prop - visual Test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.applyAriaDisabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: the first aria-disabled button should be focused and counter should not increase', async () => {
+      await browser.eyesOpen();
+      const firstButton = await DSButtonV3CO.getButtonByIndex(0);
+      await firstButton.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSButtonV3CO.snapshotPath('buttonV3-aria-disabled-mouse'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: The fifth aria-disabled button should be focused and counter should not increase', async () => {
+      await browser.eyesOpen();
+      const fourthButton = await DSButtonV3CO.getButtonByIndex(3);
+      await fourthButton.click();
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.eyesCheckSnapshot(DSButtonV3CO.snapshotPath('buttonV3-aria-disabled-kb-nav'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-button-v3/DSButtonV3.func.spec.js

@@ -0,0 +1,27 @@
+import DSButtonV3CO from './DSButtonV3CO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-15109 - ButtonV3 - Slots -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.slotsTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should find the expected SLOTS for all the present buttons', async () => {
+      const buttonSlots = (await DSButtonV3CO.getRootSlots()).length;
+      await expect(buttonSlots).toEqual(40);
+    });
+    it('02: should find custom aria for the SLOT', async () => {
+      const button = await DSButtonV3CO.getRootSlotByIdnex(1);
+      await expect(button).toHaveAttribute('aria-label', 'im root aria');
+    });
+    it('03: should find custom data for the SLOT', async () => {
+      const button = await DSButtonV3CO.getRootSlotByIdnex(1);
+      await expect(button).toHaveAttribute('data-testid', 'im root data');
+    });
+  });
+}

package/ds-button-v3/DSButtonV3.type-submit.func.spec.js

@@ -0,0 +1,28 @@
+import DSButtonV3CO from './DSButtonV3CO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-17055 - ButtonV3 - Type submit -Func', () => {
+    beforeEach('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.submitBtn.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should submit on pressing Enter', async () => {
+      await browser.keys('Tab');
+      await browser.keys('Enter');
+      const didSubmit = await $('[data-testid="did-submit"]');
+      await expect(didSubmit).toHaveText('yes');
+    });
+    it('02: should submit on pressing Space', async () => {
+      await browser.keys('Tab');
+      await browser.keys('Enter');
+      const didSubmit = await $('[data-testid="did-submit"]');
+      await expect(didSubmit).toHaveText('yes');
+    });
+    it('03: should submit on click', async () => {
+      const button = await DSButtonV3CO.getButton();
+      await button.click();
+      const didSubmit = await $('[data-testid="did-submit"]');
+      await expect(didSubmit).toHaveText('yes');
+    });
+  });
+}

package/ds-button-v3/DSButtonV3.visual.spec.js

@@ -0,0 +1,92 @@
+import DSButtonV3CO from './DSButtonV3CO';
+import { setTextSize, mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-12269 - ButtonV3 - Resize, long label -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.longlabelURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    beforeEach('maximize window', async () => {
+      await browser.maximizeWindow();
+    });
+    it('should display default long-labelled buttons showcase correctly', async () => {
+      await browser.eyesOpen();
+      const button = await DSButtonV3CO.getButtonByIndex(0);
+      await button.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.eyesCheckSnapshot(DSButtonV3CO.snapshotPath('ds-button-v3-longlabel-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display default long-labelled buttons showcase after resize', async () => {
+      await browser.eyesOpen();
+      const button = await DSButtonV3CO.getButtonByIndex(0);
+      await button.waitForDisplayed({ timeout: 5000 });
+      await setTextSize(32);
+      const snapshot = await browser.eyesCheckSnapshot(DSButtonV3CO.snapshotPath('ds-button-v3-longlabel-resize'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-12268 - ButtonV3 - Resize, basic -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.showcaseURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display button showcase correctly', async () => {
+      const button = await DSButtonV3CO.getButtonByIndex(0);
+      await button.waitForDisplayed({ timeout: 5000 });
+      const snapshot = await browser.checkSnapshot(DSButtonV3CO.snapshotPath('ds-button-v3-showcase-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display button showcase correctly after resize', async () => {
+      const button = await DSButtonV3CO.getButtonByIndex(0);
+      await button.waitForDisplayed({ timeout: 5000 });
+      await setTextSize(32);
+      const snapshot = await browser.checkSnapshot(DSButtonV3CO.snapshotPath('ds-button-v3-showcase-resize'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-13241 - ButtonV3 - Slot Customization -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.slotCustomizationURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should custom focused, custom hovered and custom disabled buttons', async () => {
+      await browser.eyesOpen();
+      await browser.keys('Tab');
+      await browser.keys('Tab');
+      const button = await DSButtonV3CO.getButtonByIndex(0);
+      await button.waitForDisplayed({ timeout: 5000 });
+      await mouseOver(button);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSButtonV3CO.snapshotPath('ds-button-v3-customization-interacted'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display two custom default buttons and disabled button hovered without changes', async () => {
+      await browser.eyesOpen();
+      await browser.keys('Tab');
+      const button = await DSButtonV3CO.getButtonByIndex(2);
+      await button.waitForDisplayed({ timeout: 5000 });
+      await mouseOver(button);
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSButtonV3CO.snapshotPath('ds-button-v3-customization-defaults'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}
+
+describe('PUI-12267 - ButtonV3 - Responsive -Visual', () => {
+  before('loading page', async () => {
+    const errorOnGo = await DSButtonV3CO.responsiveURL.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('should display button showcase with responsive behavior (small viewport, bigger font)', async () => {
+    const button = await DSButtonV3CO.getButtonByIndex(0);
+    await button.waitForDisplayed({ timeout: 5000 });
+    const snapshot = await browser.checkSnapshot(DSButtonV3CO.snapshotPath('ds-button-v3-responsive'));
+    await expect(snapshot).toEqual(0);
+  });
+});

package/ds-button-v3/DSButtonV3CO.js

@@ -0,0 +1,60 @@
+import { PATH_E2E_BUTTON_V3 } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+export default class DSButtonV3CO extends PageObject {
+  static showcaseURL = new Urlbuilder(PATH_E2E_BUTTON_V3, 'showcase-test');
+
+  static responsiveURL = new Urlbuilder(PATH_E2E_BUTTON_V3, 'responsive-test');
+
+  static longlabelURL = new Urlbuilder(PATH_E2E_BUTTON_V3, 'long-labels-test');
+
+  static slotCustomizationURL = new Urlbuilder(PATH_E2E_BUTTON_V3, 'custom-hardcoded-test');
+
+  static disabledURL = new Urlbuilder(PATH_E2E_BUTTON_V3, 'disabled-and-aria-disabled-button-with-tooltip');
+
+  static applyAriaDisabled = new Urlbuilder(PATH_E2E_BUTTON_V3, 'apply-aria-disabled-test');
+
+  static slotsTest = new Urlbuilder(PATH_E2E_BUTTON_V3, 'slots-test');
+
+  static submitBtn = new Urlbuilder(PATH_E2E_BUTTON_V3, 'pui-16729-buttons-can-submit-forms');
+
+  static themeFontURL = new Urlbuilder(PATH_E2E_BUTTON_V3, 'theme-font-family-test');
+
+  // selectors
+  static async getButtonByIndex(index) {
+    return $$('[data-testid="ds-button"]')[index];
+  }
+
+  static async getButton() {
+    return $('[data-testid="ds-button"]');
+  }
+
+  static async getRootSlots() {
+    return $$('[data-dimsum-slot="dsButtonRoot"]');
+  }
+
+  static async getRootSlotByIdnex(index = 0) {
+    return $$('[data-dimsum-slot="dsButtonRoot"]')[index];
+  }
+
+  // legacy-only: no legacy twin of DSTooltipV3CO (ds-tooltip-v3 is not ported); same data-testid selector as live DSTooltipV3CO.getTooltip()
+  static async getTooltip() {
+    return $('[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]');
+  }
+
+  static async getButtonByLabel(label) {
+    return $(`button*=${label}`);
+  }
+
+  static async getThemedButton() {
+    return $('[data-testid="theme-font-sentinel"] [data-testid="ds-button"]');
+  }
+
+  static async getFallbackButton() {
+    return $('[data-testid="theme-font-fallback"] [data-testid="ds-button"]');
+  }
+
+  // Snapshot
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('ButtonV3', example);
+  }
+}

package/ds-button-v3/theme-font/DSButtonV3.theme-font.func.spec.js

@@ -0,0 +1,30 @@
+import DSButtonV3CO from '../DSButtonV3CO';
+
+// Tests the theme-driven font-family support shipped under PUI-18210
+// (V3 buttons reuse the b1 typography base → typographyFontFamily → theme.fonts.default,
+// falling back to proxima-nova). Theme-agnostic: uses a sentinel font, never the
+// dsConsumer POC theme values, so it survives any future theme change.
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-18708 - DSButtonV3:: theme font-family wiring - Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSButtonV3CO.themeFontURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01: should read font-family from theme with proxima-nova fallback', async () => {
+      const themed = await DSButtonV3CO.getThemedButton();
+      await themed.waitForDisplayed();
+      const themedFont = (await themed.getCSSProperty('font-family')).value.toLowerCase();
+      await expect(themedFont).toContain('sentinelfont');
+
+      const fallback = await DSButtonV3CO.getFallbackButton();
+      const fallbackFont = (await fallback.getCSSProperty('font-family')).value.toLowerCase();
+      await expect(fallbackFont).toContain('proxima-nova');
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/Basic/DSControlledCheckbox.axe-core.basic.func.spec.js

@@ -19,24 +19,24 @@ if (
       const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
       await checkbox.waitForExist();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
     it('02: Evaluate checkbox accessibility with axe-core (focused)', async () => {
       await browser.keys(Key.Tab);
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
     it('03: Evaluate checkbox accessibility with axe-core (hovered)', async () => {
       const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
       await mouseOver(checkbox);
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
     it('04: Evaluate checkbox accessibility with axe-core (clicked)', async () => {
       const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
       await checkbox.click();
       const result = await axeCoreCheck();
-      expect(result.length).toBe(0);
+      await expect(result).toHaveLength(0);
     });
   });
 }

package/ds-controlled-form/ds-controlled-checkbox/Basic/DSControlledCheckbox.basic.visual.spec.js

@@ -0,0 +1,56 @@
+import { Key } from 'webdriverio';
+import { mouseOver } from '../../../helpers';
+import DSControlledCheckboxCO from '../DSControlledCheckboxCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-18822 - DSControlledCheckbox: update to latest spec and typography- visual test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSControlledCheckboxCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+
+    it('01:  the checked checkbox is not focused', async () => {
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await checkbox.waitForExist();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('02: checkbox hover even when checked', async () => {
+      const controlBox = await DSControlledCheckboxCO.getCheckboxInputWrapper();
+      await controlBox.moveTo();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('03:  the checked checkbox is focused', async () => {
+      await browser.keys(Key.Tab);
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await expect(checkbox).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('04: checkbox is focused but unchecked', async () => {
+      await browser.keys(Key.Space);
+      const checkbox = await DSControlledCheckboxCO.getCustomCheckbox();
+      await expect(checkbox).toBeFocused();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('05: checkbox not focused, not hovered when unchecked', async () => {
+      await browser.keys(Key.Tab);
+      await mouseOver(null, 400, 300);
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+
+    it('06: checkbox hover even when unchecked', async () => {
+      const controlBox = await DSControlledCheckboxCO.getCheckboxInputWrapper();
+      await controlBox.moveTo();
+      const snapshot = await browser.percyCheckScreenshot();
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-controlled-form/ds-controlled-checkbox/DSControlledCheckboxCO.js

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-relative-packages */
-import { PATH_E2E_CHECKBOX } from '../../../environments/storybook/paths';
+import { PATH_E2E_CHECKBOX, PATH_E2E_CHECKBOX_SLOTS } from '../../../environments/storybook/paths';
 import { PageObject, Urlbuilder, getElementByIndex } from '../../helpers';
 
 export default class DSControlledCheckboxCO extends PageObject {
@@ -21,10 +21,20 @@ export default class DSControlledCheckboxCO extends PageObject {
 
   static layoutURL = new Urlbuilder(PATH_E2E_CHECKBOX, 'layout-test');
 
+  static applyAriaDisabled = new Urlbuilder(PATH_E2E_CHECKBOX, 'apply-aria-disabled-test');
+
+  static themeFontURL = new Urlbuilder(PATH_E2E_CHECKBOX, 'theme-font-family-test');
+
+  static slotsTest = new Urlbuilder(PATH_E2E_CHECKBOX_SLOTS, 'slots-test');
+
   static async getCheckbox() {
     return $('[data-testid="ds-checkbox"]');
   }
 
+  static async getCheckboxInputWrapper() {
+    return $('[data-testid="ds-checkbox-input-wrapper"]');
+  }
+
   static async getCustomCheckbox() {
     return $('[data-testid="custom-data-testid"]');
   }
@@ -56,7 +66,7 @@ export default class DSControlledCheckboxCO extends PageObject {
   static getCheckboxByIndex = async (index) => getElementByIndex(this.getCheckboxes, index);
 
   static async getCheckboxLabels() {
-    return $$('[data-testid="DS-SimpleTruncateText"]');
+    return $$('[data-testid="ds-checkbox-label"]');
   }
 
   static getCheckboxLabelByIndex = async (index) => getElementByIndex(this.getCheckboxLabels, index);
@@ -64,4 +74,49 @@ export default class DSControlledCheckboxCO extends PageObject {
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('DSControlledCheckbox', example, 'ds-controlled-checkbox');
   }
+
+  static async getThemedCheckboxLabel() {
+    return $('[data-testid="theme-font-sentinel"] [data-testid="ds-checkbox-label-typography"]');
+  }
+
+  static async getFallbackCheckboxLabel() {
+    return $('[data-testid="theme-font-fallback"] [data-testid="ds-checkbox-label-typography"]');
+  }
+
+  // Slots rendered through styled(DSTypography) expose the owner slot on
+  // `data-dimsum-parent-slot` (the element's own `data-dimsum-slot` is the typography root),
+  // while plain-tag slots expose it on `data-dimsum-slot`.
+  static async getSlotsRoot() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsCheckboxRoot"]');
+  }
+
+  static async getSlotsInputWrapper() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsCheckboxInputWrapper"]');
+  }
+
+  static async getSlotsInput() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsCheckboxInput"]');
+  }
+
+  static async getSlotsLabel() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-slot="dsCheckboxLabel"]');
+  }
+
+  static async getSlotsLabelTypography() {
+    return $('[data-testid="slots-wrapped"] [data-dimsum-parent-slot="dsCheckboxLabelTypography"]');
+  }
+
+  static async getSlotsTruncatedLabel() {
+    return $('[data-testid="slots-truncated"] [data-dimsum-parent-slot="dsCheckboxTruncatedLabel"]');
+  }
+
+  // The truncation tooltip renders through a portal, outside the story wrapper, so both tooltip
+  // slots are queried document-wide instead of scoped to the instance.
+  static async getSlotsTooltipContainer() {
+    return $('[data-dimsum-slot="dsCheckboxTooltipContainer"]');
+  }
+
+  static async getSlotsTooltipText() {
+    return $('[data-dimsum-parent-slot="dsCheckboxTooltipText"]');
+  }
 }