dimsum-e2e-tests 3.27.0-next.2 → 3.27.0-next.3

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.27.0-next.3](https://git.elliemae.io/platform-ui/dimsum/compare/v3.27.0-next.2...v3.27.0-next.3) (2024-01-09)
+
+**Note:** Version bump only for package dimsum-e2e-tests
+
 ## [3.27.0-next.2](https://git.elliemae.io/platform-ui/dimsum/compare/v3.27.0-next.1...v3.27.0-next.2) (2024-01-08)
 
 **Note:** Version bump only for package dimsum-e2e-tests

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

@@ -1,37 +1,41 @@
 import { BubbleCO } from './components';
 import { axeCoreCheck } from '../helpers';
 
-if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
   describe('PUI-10688 - Chat:: Bubble: Axe-Core, Basic', () => {
     before('loading page', async () => {
       const errorOnGo = await BubbleCO.bubbleURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should display the chat bubbles properly', async () => {
+    it('should display the chat bubbles properly and pass axe-core', async () => {
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });
   });
 
-  describe('PUI-10689 - Chat:: Bubble: Axe-Core, System Message in container - Visual Tests', () => {
+  describe('PUI-10689 - Chat:: Bubble: Axe-Core, System Message in container', () => {
     before('loading page', async () => {
       const errorOnGo = await BubbleCO.systemMessageInContainerUCURL.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('should displat the system message properly', async () => {
+    it('should display the system message properly and pass axe-core', async () => {
       const result = await axeCoreCheck();
       expect(result.length).toBe(0);
     });
   });
-}
-
-describe('PUI-10688 - Chat: Bubble: Axe-core, Wrapping', () => {
-  before('loading page', async () => {
-    const errorOnGo = await BubbleCO.bubbleWrapping.go();
-    if (errorOnGo) throw errorOnGo;
-  });
-  it('should display the chat bubbles properly', async () => {
-    const result = await axeCoreCheck();
-    expect(result.length).toBe(0);
+  describe('PUI-10688 - Chat: Bubble: Axe-core, Wrapping', () => {
+    before('loading page', async () => {
+      const errorOnGo = await BubbleCO.bubbleWrapping.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chat bubbles properly and pass axe-core', async () => {
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
   });
-});
+}

package/ds-chat/components/index.js

@@ -1,6 +1,6 @@
 export { default as BubbleCO } from './BubbleCO';
 export { default as FloatingButtonCO } from './FloatingButtonCO';
-export { default as TileCO } from './TileCO';
+export { default as TileCO } from '../../ds-chat-tile/TileCO';
 export { default as HeaderCO } from './HeaderCO';
 export { default as ComposerCO } from './ComposerCO';
 export { default as ChatCO } from '../DSChatCO';

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

@@ -0,0 +1,24 @@
+import { Key } from 'webdriverio';
+import { axeCoreCheck } from '../helpers';
+import TileCO from './TileCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-12203 - Tile, AxeCore test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await TileCO.tilesURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chat tiles properly and pass axe-core', async () => {
+      await browser.keys(Key.Tab);
+      const firstTile = await TileCO.getChatTile(0);
+      await firstTile.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/{ds-chat → ds-chat-tile}/DSChat-tile.func.spec.js

@@ -1,5 +1,5 @@
 import { Key } from 'webdriverio';
-import { TileCO } from './components';
+import TileCO from './TileCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-6684 - Chat, Tile, Keyboard Navigation', () => {

package/{ds-chat → ds-chat-tile}/DSChat-tile.visual.spec.js

@@ -1,5 +1,5 @@
 import { Key } from 'webdriverio';
-import { TileCO } from './components';
+import TileCO from './TileCO';
 import { mouseOver, keyboardActions, tickActions, performKeyboardAction } from '../helpers';
 
 if (!browser.capabilities['ice:options'].isPhone) {

package/{ds-chat/components → ds-chat-tile}/TileCO.js

@@ -1,5 +1,5 @@
-import { PATH_CHAT_PARTS } from '../../../environments/storybook/paths';
-import { PageObject, Urlbuilder } from '../../helpers';
+import { PATH_CHAT_PARTS } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
 
 export default class TileCO extends PageObject {
   static tilesURL = new Urlbuilder(PATH_CHAT_PARTS, 'tile');

package/ds-spinner/DSSpinner.axe-core.spec.js

@@ -0,0 +1,22 @@
+import DSSpinnerCO from './DSSpinnerCO';
+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-12207 - Spinner - AxeCore test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSpinnerCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the spinner and pass axe-core', async () => {
+      const spinner = await DSSpinnerCO.getSpinner();
+      await spinner.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-spinner/DSSpinnerCO.js

@@ -0,0 +1,17 @@
+import { PATH_SPINNER } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSSpinnerCO extends PageObject {
+  // Desktop
+  static basicURL = new Urlbuilder(PATH_SPINNER, 'basic');
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Spinner', example);
+  }
+
+  // selectors
+  static async getSpinner() {
+    return $('#my-custom-id');
+  }
+}

package/ds-squareindicator/DSSquareIndicator.axe-core.spec.js

@@ -0,0 +1,25 @@
+import DSSquareIndicatorCO from './DSSquareIndicatorCO';
+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-12197 - SquareIndicator - AxeCore test', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSquareIndicatorCO.triggerableLoader.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display SquareIndicator and pass axe-core check', async () => {
+      await browser.eyesOpen();
+      const openLoaderBtn = await DSSquareIndicatorCO.getOpenLoaderBtn();
+      await openLoaderBtn.click();
+      const squareIndicator = await DSSquareIndicatorCO.getLoadingLabel();
+      await squareIndicator.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-squareindicator/DSSquareIndicator.visual.spec.js

@@ -1,12 +1,12 @@
 import DSSquareIndicatorCO from './DSSquareIndicatorCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
-  describe('PUI-8794 - Square Indeterminate Indicator - Layout, Dialog - Visual Test', () => {
+  describe('PUI-8794 - SquareIndicator - Layout, Dialog', () => {
     before('loading page', async () => {
       const errorOnGo = await DSSquareIndicatorCO.insideDialog.go();
       if (errorOnGo) throw errorOnGo;
     });
-    it('01: should display SquareIndeterminateIndicator within dialog correctly', async () => {
+    it('01: should display SquareIndicator within dialog correctly - Test2', async () => {
       await browser.eyesOpen();
       const openDialog = await DSSquareIndicatorCO.getOpenDialogBtn();
       await openDialog.click();
@@ -18,4 +18,19 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(snapshot).toEqual(0);
     });
   });
+  describe('PUI-12192 - SquareIndicator - FullScreen, Backdrop integration', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSSquareIndicatorCO.fullscreen.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display SquareIndicator with backdrop integration correctly', async () => {
+      await browser.eyesOpen();
+      const squareIndicator = await DSSquareIndicatorCO.getLoadingLabel();
+      await squareIndicator.waitForDisplayed();
+      const snapshot = await browser.eyesCheckSnapshot(
+        DSSquareIndicatorCO.snapshotPath('square-indicator-backdrop-integration'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  });
 }

package/ds-squareindicator/DSSquareIndicatorCO.js

@@ -6,6 +6,10 @@ export default class DSSquareIndicator extends PageObject {
 
   static insideDialog = new Urlbuilder(PATH_E2E_SQUARE_INDICATOR, 'inside-dialog-test');
 
+  static fullscreen = new Urlbuilder(PATH_E2E_SQUARE_INDICATOR, 'full-screen-test');
+
+  static triggerableLoader = new Urlbuilder(PATH_E2E_SQUARE_INDICATOR, 'triggerable-loader');
+
   // Snapshots
   static snapshotPath(example = 'basic') {
     return PageObject.getSnapshotPathBuilder('SquareIndicator', example, 'ds-squareindicator');
@@ -34,4 +38,8 @@ export default class DSSquareIndicator extends PageObject {
   static async getTooltip() {
     return $('[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]');
   }
+
+  static async getOpenLoaderBtn() {
+    return $('[data-testid="open-loader-button"]');
+  }
 }

package/ds-treeview/DSTreeViewCO.js

@@ -14,7 +14,7 @@ export const knobs = {
   disableGroups: 'knob-Disable Groups',
 };
 
-export default class TreeViewCO extends PageObject {
+export default class DSTreeViewCO extends PageObject {
   static basicUrl = new Urlbuilder(PATH_TREEVIEW, 'basic');
 
   static compactURL = new Urlbuilder(PATH_TREEVIEW, 'compact');

package/ds-treeview/{TreeView-single-multi.func.spec.js → multi-select/TreeView-multi-select.func.spec.js}

@@ -1,7 +1,7 @@
 /* eslint-disable wdio/no-pause */
 /* eslint-disable max-lines */
-import { Key } from 'webdriverio';
-import DSTreeViewCO from './DSTreeViewCO';
+import { isChecked, isMixed } from '../../helpers';
+import DSTreeViewCO from '../DSTreeViewCO';
 
 if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
   describe('PUI-4729 - TreeView multiselect::', () => {
@@ -11,8 +11,8 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
     });
     it('01: should select one folder', async () => {
       await (await DSTreeViewCO.getCheckbox(0)).click();
-      const isChecked = await DSTreeViewCO.isChecked(0);
-      await expect(isChecked).toBe(true);
+      const isCheckboxChecked = await DSTreeViewCO.isChecked(0);
+      await expect(isCheckboxChecked).toBe(true);
     });
     it('02: all children should be selected', async () => {
       await DSTreeViewCO.expandCollapseAll();
@@ -204,115 +204,6 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(isChecked4).toBe(false);
     });
   });
-  describe('PUI-3670 - TreeView single selection::', () => {
-    before(async () => {
-      const errorOnGo = await DSTreeViewCO.sigleSelect.go();
-      if (errorOnGo) throw errorOnGo;
-    });
-    it('01: should select one folder', async () => {
-      await (await DSTreeViewCO.radioButton(0)).waitForDisplayed({ timeout: 5000 });
-      await (await DSTreeViewCO.radioButton(0)).click();
-      const radioBtnChecked = await DSTreeViewCO.getRadioButtonChecked(0);
-      await expect(radioBtnChecked).toBe(true);
-    });
-    it('02: should only select one item', async () => {
-      await DSTreeViewCO.expandCollapseAll();
-      await (await DSTreeViewCO.radioButton(3)).click();
-      const radioBtnChecked0 = await DSTreeViewCO.getRadioButtonChecked(0);
-      const radioBtnChecked3 = await DSTreeViewCO.getRadioButtonChecked(3);
-      const radioBtnChecked2 = await DSTreeViewCO.getRadioButtonChecked(2);
-      await expect(radioBtnChecked0).toBe(false);
-      await expect(radioBtnChecked3).toBe(true);
-      await expect(radioBtnChecked2).toBe(false);
-    });
-    it('03: should select radio on enter/space', async () => {
-      await (await DSTreeViewCO.radioButton(0)).click();
-      await DSTreeViewCO.tabSpaceEnter(Key.Space);
-      const radioBtnChecked1 = await DSTreeViewCO.getRadioButtonChecked(1);
-      await expect(radioBtnChecked1).toBe(true);
-      await (await DSTreeViewCO.radioButton(2)).click();
-      await DSTreeViewCO.tabSpaceEnter(Key.Enter);
-      const radiobtnChecked3 = await DSTreeViewCO.getRadioButtonChecked(3);
-      await expect(radiobtnChecked3).toBe(true);
-    });
-  });
-  describe('PUI-3671 - TreeView single selection::', () => {
-    describe('disable group', () => {
-      before(async () => {
-        const errorOnGo = await DSTreeViewCO.disableGroups.go();
-        if (errorOnGo) throw errorOnGo;
-      });
-      it('01: should disable groups', async () => {
-        await (await DSTreeViewCO.radioButton(0)).waitForDisplayed({ timeout: 5000 });
-        const radioDisabled = await DSTreeViewCO.isRadioDisabled(0);
-        await expect(radioDisabled).toBe(true);
-      });
-      it('02: should select one leaf', async () => {
-        await (await DSTreeViewCO.radioButton(2)).waitForDisplayed({ timeout: 5000 });
-        await (await DSTreeViewCO.radioButton(2)).click();
-        const radioBtnChecked2 = await DSTreeViewCO.getRadioButtonChecked(2);
-        await expect(radioBtnChecked2).toBe(true);
-      });
-
-      it('03: should not select disabled radio on enter/space', async () => {
-        // safari tab nav is slightly different
-        if (browser.capabilities.browserName === 'Safari') {
-          // in safari we click the row before and tab into the next row
-          await (await DSTreeViewCO.getRow(0)).waitForDisplayed({ timeout: 5000 });
-          await (await DSTreeViewCO.getRow(0)).click(); // safari --> start row before
-          await browser.keys(Key.Tab); // safari --> next row
-        } else {
-          await (await DSTreeViewCO.getRow(1)).waitForDisplayed({ timeout: 5000 });
-          await (await DSTreeViewCO.getRow(1)).click();
-        }
-        await browser.keys(Key.Tab); // drag handler
-        await browser.keys(Key.Tab); // radio button
-        await browser.keys(Key.Space);
-        let radioBtnChecked1 = await DSTreeViewCO.getRadioButtonChecked(1);
-        await expect(radioBtnChecked1).toBe(false);
-        await browser.keys(Key.Enter);
-        radioBtnChecked1 = await DSTreeViewCO.getRadioButtonChecked(1);
-        await expect(radioBtnChecked1).toBe(false);
-      });
-    });
-    describe('disable leafs', () => {
-      before(async () => {
-        const errorOnGo = await DSTreeViewCO.disableLeafs.go();
-        if (errorOnGo) throw errorOnGo;
-      });
-      it('01: should disable leafs', async () => {
-        await (await DSTreeViewCO.radioButton(2)).waitForDisplayed({ timeout: 5000 });
-        const radioDisabled = await DSTreeViewCO.isRadioDisabled(2);
-        await expect(radioDisabled).toBe(true);
-      });
-      it('02: should select one folder', async () => {
-        await (await DSTreeViewCO.radioButton(0)).waitForDisplayed({ timeout: 5000 });
-        await (await DSTreeViewCO.radioButton(0)).click();
-        const radioBtnChecked = await DSTreeViewCO.getRadioButtonChecked(0);
-        await expect(radioBtnChecked).toBe(true);
-      });
-      it('03: should not select disabled radio on enter/space', async () => {
-        // safari tab nav is slightly different
-        if (browser.capabilities.browserName === 'Safari') {
-          // in safari we click the row before and tab into the next row
-          await (await DSTreeViewCO.getRow(1)).waitForDisplayed({ timeout: 5000 });
-          await (await DSTreeViewCO.getRow(1)).click(); // safari --> start row before
-          await browser.keys(Key.Tab); // safari --> next row
-        } else {
-          await (await DSTreeViewCO.getRow(2)).waitForDisplayed({ timeout: 5000 });
-          await (await DSTreeViewCO.getRow(2)).click();
-        }
-        await browser.keys(Key.Tab); // drag handler
-        await browser.keys(Key.Tab); // radio button
-        await browser.keys(Key.Space);
-        let radioBtnChecked = await DSTreeViewCO.getRadioButtonChecked(2);
-        await expect(radioBtnChecked).toBe(false);
-        await browser.keys(Key.Enter);
-        radioBtnChecked = await DSTreeViewCO.getRadioButtonChecked(2);
-        await expect(radioBtnChecked).toBe(false);
-      });
-    });
-  });
   describe('PUI-5478 - TreeView multiselect, long list::', () => {
     before(async () => {
       const errorOnGo = await DSTreeViewCO.searchableWithNav.go();
@@ -413,4 +304,58 @@ if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:o
       await expect(isChecked3).toBe(false);
     });
   });
+  describe('PUI-12136 - TreeView: Controlled, multiselect whith expandable::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.controlledSelect.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: the selection of a parent node should be maintained upon expanding', async () => {
+      const parentCheckboxNode1 = await DSTreeViewCO.getCheckbox(0);
+      await parentCheckboxNode1.click();
+      const expandableBtnNode1 = await DSTreeViewCO.getToggleBtn(0);
+      await expandableBtnNode1.click();
+      const firstChildCheckboxNode1 = await DSTreeViewCO.getCheckbox(1);
+      const secondChildCheckboxNode1 = await DSTreeViewCO.getCheckbox(2);
+
+      await expect(await isChecked(parentCheckboxNode1)).toBe(true);
+      await expect(await isChecked(firstChildCheckboxNode1)).toBe(true);
+      await expect(await isChecked(secondChildCheckboxNode1)).toBe(true);
+    });
+    it('02: the selection of a parent node should be maintained upon collapsing', async () => {
+      const expandableBtnNode1 = await DSTreeViewCO.getToggleBtn(0);
+      await expandableBtnNode1.click();
+      const parentCheckboxNode1 = await DSTreeViewCO.getCheckbox(0);
+
+      await expect(await isChecked(parentCheckboxNode1)).toBe(true);
+    });
+  });
+  describe('PUI-12139 - TreeView: Multiselect, Automatic Parent Selection on Selecting All Child Nodes::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.controlledSelect.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: parent checkbox should be selected after all chlid nodes are selected', async () => {
+      const expandableBtnNode1 = await DSTreeViewCO.getToggleBtn(0);
+      await expandableBtnNode1.click();
+      const parentCheckboxNode1 = await DSTreeViewCO.getCheckbox(0);
+      const firstChildCheckboxNode1 = await DSTreeViewCO.getCheckbox(1);
+      const secondChildCheckboxNode1 = await DSTreeViewCO.getCheckbox(2);
+      await firstChildCheckboxNode1.click();
+      await secondChildCheckboxNode1.click();
+
+      await expect(await isChecked(parentCheckboxNode1)).toBe(true);
+      await expect(await isChecked(firstChildCheckboxNode1)).toBe(true);
+      await expect(await isChecked(secondChildCheckboxNode1)).toBe(true);
+    });
+    it('02: parent checkbox should be mixed after one of chlid nodes is not selected', async () => {
+      const parentCheckboxNode1 = await DSTreeViewCO.getCheckbox(0);
+      const firstChildCheckboxNode1 = await DSTreeViewCO.getCheckbox(1);
+      const secondChildCheckboxNode1 = await DSTreeViewCO.getCheckbox(2);
+      await firstChildCheckboxNode1.click();
+
+      await expect(await isMixed(parentCheckboxNode1)).toBe(true);
+      await expect(await isChecked(firstChildCheckboxNode1)).toBe(false);
+      await expect(await isChecked(secondChildCheckboxNode1)).toBe(true);
+    });
+  });
 }

package/ds-treeview/single-select/TreeView-single-select.func.spec.js

@@ -0,0 +1,116 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSTreeViewCO from '../DSTreeViewCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-3670 - TreeView single selection::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.sigleSelect.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should select one folder', async () => {
+      await (await DSTreeViewCO.radioButton(0)).waitForDisplayed({ timeout: 5000 });
+      await (await DSTreeViewCO.radioButton(0)).click();
+      const radioBtnChecked = await DSTreeViewCO.getRadioButtonChecked(0);
+      await expect(radioBtnChecked).toBe(true);
+    });
+    it('02: should only select one item', async () => {
+      await DSTreeViewCO.expandCollapseAll();
+      await (await DSTreeViewCO.radioButton(3)).click();
+      const radioBtnChecked0 = await DSTreeViewCO.getRadioButtonChecked(0);
+      const radioBtnChecked3 = await DSTreeViewCO.getRadioButtonChecked(3);
+      const radioBtnChecked2 = await DSTreeViewCO.getRadioButtonChecked(2);
+      await expect(radioBtnChecked0).toBe(false);
+      await expect(radioBtnChecked3).toBe(true);
+      await expect(radioBtnChecked2).toBe(false);
+    });
+    it('03: should select radio on enter/space', async () => {
+      await (await DSTreeViewCO.radioButton(0)).click();
+      await DSTreeViewCO.tabSpaceEnter(Key.Space);
+      const radioBtnChecked1 = await DSTreeViewCO.getRadioButtonChecked(1);
+      await expect(radioBtnChecked1).toBe(true);
+      await (await DSTreeViewCO.radioButton(2)).click();
+      await DSTreeViewCO.tabSpaceEnter(Key.Enter);
+      const radiobtnChecked3 = await DSTreeViewCO.getRadioButtonChecked(3);
+      await expect(radiobtnChecked3).toBe(true);
+    });
+  });
+  describe('PUI-3671 - TreeView single selection::', () => {
+    describe('disable group', () => {
+      before(async () => {
+        const errorOnGo = await DSTreeViewCO.disableGroups.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: should disable groups', async () => {
+        await (await DSTreeViewCO.radioButton(0)).waitForDisplayed({ timeout: 5000 });
+        const radioDisabled = await DSTreeViewCO.isRadioDisabled(0);
+        await expect(radioDisabled).toBe(true);
+      });
+      it('02: should select one leaf', async () => {
+        await (await DSTreeViewCO.radioButton(2)).waitForDisplayed({ timeout: 5000 });
+        await (await DSTreeViewCO.radioButton(2)).click();
+        const radioBtnChecked2 = await DSTreeViewCO.getRadioButtonChecked(2);
+        await expect(radioBtnChecked2).toBe(true);
+      });
+
+      it('03: should not select disabled radio on enter/space', async () => {
+        // safari tab nav is slightly different
+        if (browser.capabilities.browserName === 'Safari') {
+          // in safari we click the row before and tab into the next row
+          await (await DSTreeViewCO.getRow(0)).waitForDisplayed({ timeout: 5000 });
+          await (await DSTreeViewCO.getRow(0)).click(); // safari --> start row before
+          await browser.keys(Key.Tab); // safari --> next row
+        } else {
+          await (await DSTreeViewCO.getRow(1)).waitForDisplayed({ timeout: 5000 });
+          await (await DSTreeViewCO.getRow(1)).click();
+        }
+        await browser.keys(Key.Tab); // drag handler
+        await browser.keys(Key.Tab); // radio button
+        await browser.keys(Key.Space);
+        let radioBtnChecked1 = await DSTreeViewCO.getRadioButtonChecked(1);
+        await expect(radioBtnChecked1).toBe(false);
+        await browser.keys(Key.Enter);
+        radioBtnChecked1 = await DSTreeViewCO.getRadioButtonChecked(1);
+        await expect(radioBtnChecked1).toBe(false);
+      });
+    });
+    describe('disable leafs', () => {
+      before(async () => {
+        const errorOnGo = await DSTreeViewCO.disableLeafs.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: should disable leafs', async () => {
+        await (await DSTreeViewCO.radioButton(2)).waitForDisplayed({ timeout: 5000 });
+        const radioDisabled = await DSTreeViewCO.isRadioDisabled(2);
+        await expect(radioDisabled).toBe(true);
+      });
+      it('02: should select one folder', async () => {
+        await (await DSTreeViewCO.radioButton(0)).waitForDisplayed({ timeout: 5000 });
+        await (await DSTreeViewCO.radioButton(0)).click();
+        const radioBtnChecked = await DSTreeViewCO.getRadioButtonChecked(0);
+        await expect(radioBtnChecked).toBe(true);
+      });
+      it('03: should not select disabled radio on enter/space', async () => {
+        // safari tab nav is slightly different
+        if (browser.capabilities.browserName === 'Safari') {
+          // in safari we click the row before and tab into the next row
+          await (await DSTreeViewCO.getRow(1)).waitForDisplayed({ timeout: 5000 });
+          await (await DSTreeViewCO.getRow(1)).click(); // safari --> start row before
+          await browser.keys(Key.Tab); // safari --> next row
+        } else {
+          await (await DSTreeViewCO.getRow(2)).waitForDisplayed({ timeout: 5000 });
+          await (await DSTreeViewCO.getRow(2)).click();
+        }
+        await browser.keys(Key.Tab); // drag handler
+        await browser.keys(Key.Tab); // radio button
+        await browser.keys(Key.Space);
+        let radioBtnChecked = await DSTreeViewCO.getRadioButtonChecked(2);
+        await expect(radioBtnChecked).toBe(false);
+        await browser.keys(Key.Enter);
+        radioBtnChecked = await DSTreeViewCO.getRadioButtonChecked(2);
+        await expect(radioBtnChecked).toBe(false);
+      });
+    });
+  });
+}

package/helpers.js

@@ -315,6 +315,10 @@ export async function isChecked(checkBox) {
   return (await checkBox.getAttribute('aria-checked')) === 'true';
 }
 
+export async function isMixed(checkBox) {
+  return (await checkBox.getAttribute('aria-checked')) === 'mixed';
+}
+
 export const asyncSome = async (arr, predicate) => {
   // eslint-disable-next-line no-restricted-syntax
   for (const e of arr) {

package/package.json

@@ -1,125 +1,125 @@
 {
   "name": "dimsum-e2e-tests",
-  "version": "3.27.0-next.2",
+  "version": "3.27.0-next.3",
   "description": "End-to-end tests for dimsum library",
   "dependencies": {
-    "@elliemae/ds-accessibility": "3.27.0-next.2",
-    "@elliemae/ds-accordion": "3.27.0-next.2",
-    "@elliemae/ds-app-picker": "3.27.0-next.2",
-    "@elliemae/ds-backdrop": "3.27.0-next.2",
-    "@elliemae/ds-banner": "3.27.0-next.2",
-    "@elliemae/ds-basic": "3.27.0-next.2",
-    "@elliemae/ds-breadcrumb": "3.27.0-next.2",
-    "@elliemae/ds-button": "3.27.0-next.2",
-    "@elliemae/ds-button-group": "3.27.0-next.2",
-    "@elliemae/ds-button-v1": "3.27.0-next.2",
-    "@elliemae/ds-button-v2": "3.27.0-next.2",
-    "@elliemae/ds-card": "3.27.0-next.2",
-    "@elliemae/ds-card-array": "3.27.0-next.2",
-    "@elliemae/ds-card-navigation": "3.27.0-next.2",
-    "@elliemae/ds-card-v2": "3.27.0-next.2",
-    "@elliemae/ds-card-v2-action-addon": "3.27.0-next.2",
-    "@elliemae/ds-card-v2-group": "3.27.0-next.2",
-    "@elliemae/ds-chat": "3.27.0-next.2",
-    "@elliemae/ds-chat-bubble": "3.27.0-next.2",
-    "@elliemae/ds-chat-tile": "3.27.0-next.2",
-    "@elliemae/ds-chip": "3.27.0-next.2",
-    "@elliemae/ds-circular-progress-indicator": "3.27.0-next.2",
-    "@elliemae/ds-codeeditor": "3.27.0-next.2",
-    "@elliemae/ds-comments": "3.27.0-next.2",
-    "@elliemae/ds-controlled-form": "3.27.0-next.2",
-    "@elliemae/ds-csv-converter": "3.27.0-next.2",
-    "@elliemae/ds-data-table": "3.27.0-next.2",
-    "@elliemae/ds-datagrids": "3.27.0-next.2",
-    "@elliemae/ds-dataviz": "3.27.0-next.2",
-    "@elliemae/ds-dataviz-pie": "3.27.0-next.2",
-    "@elliemae/ds-date-picker": "3.27.0-next.2",
-    "@elliemae/ds-date-range-picker": "3.27.0-next.2",
-    "@elliemae/ds-date-range-selector": "3.27.0-next.2",
-    "@elliemae/ds-date-time-picker": "3.27.0-next.2",
-    "@elliemae/ds-date-time-recurrence-picker": "3.27.0-next.2",
-    "@elliemae/ds-decision-graph": "3.27.0-next.2",
-    "@elliemae/ds-dialog": "3.27.0-next.2",
-    "@elliemae/ds-drag-and-drop": "3.27.0-next.2",
-    "@elliemae/ds-dropdownmenu": "3.27.0-next.2",
-    "@elliemae/ds-dropzone": "3.27.0-next.2",
-    "@elliemae/ds-fast-list": "3.27.0-next.2",
-    "@elliemae/ds-filterbar": "3.27.0-next.2",
-    "@elliemae/ds-form": "3.27.0-next.2",
-    "@elliemae/ds-form-date-range-picker": "3.27.0-next.2",
-    "@elliemae/ds-form-date-time-picker": "3.27.0-next.2",
-    "@elliemae/ds-form-layout-blocks": "3.27.0-next.2",
-    "@elliemae/ds-form-layout-label": "3.27.0-next.2",
-    "@elliemae/ds-global-header": "3.27.0-next.2",
-    "@elliemae/ds-grid": "3.27.0-next.2",
-    "@elliemae/ds-group-box": "3.27.0-next.2",
-    "@elliemae/ds-header": "3.27.0-next.2",
-    "@elliemae/ds-hooks-fontsize-detector": "3.27.0-next.2",
-    "@elliemae/ds-hooks-fontsize-media": "3.27.0-next.2",
-    "@elliemae/ds-icon": "3.27.0-next.2",
-    "@elliemae/ds-icons": "3.27.0-next.2",
-    "@elliemae/ds-image": "3.27.0-next.2",
-    "@elliemae/ds-imagelibrarymodal": "3.27.0-next.2",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.27.0-next.2",
-    "@elliemae/ds-label-value": "3.27.0-next.2",
-    "@elliemae/ds-left-navigation": "3.27.0-next.2",
-    "@elliemae/ds-list-section-header": "3.27.0-next.2",
-    "@elliemae/ds-loading-indicator": "3.27.0-next.2",
-    "@elliemae/ds-menu": "3.27.0-next.2",
-    "@elliemae/ds-menu-items": "3.27.0-next.2",
-    "@elliemae/ds-mini-toolbar": "3.27.0-next.2",
-    "@elliemae/ds-mobile": "3.27.0-next.2",
-    "@elliemae/ds-modal": "3.27.0-next.2",
-    "@elliemae/ds-modal-slide": "3.27.0-next.2",
-    "@elliemae/ds-notification-badge": "3.27.0-next.2",
-    "@elliemae/ds-number-range-field": "3.27.0-next.2",
-    "@elliemae/ds-page-header": "3.27.0-next.2",
-    "@elliemae/ds-page-header-v1": "3.27.0-next.2",
-    "@elliemae/ds-page-header-v2": "3.27.0-next.2",
-    "@elliemae/ds-page-layout": "3.27.0-next.2",
-    "@elliemae/ds-page-number": "3.27.0-next.2",
-    "@elliemae/ds-pagination": "3.27.0-next.2",
-    "@elliemae/ds-pills": "3.27.0-next.2",
-    "@elliemae/ds-popover": "3.27.0-next.2",
-    "@elliemae/ds-popper": "3.27.0-next.2",
-    "@elliemae/ds-popperjs": "3.27.0-next.2",
-    "@elliemae/ds-progress-indicator": "3.27.0-next.2",
-    "@elliemae/ds-query-builder": "3.27.0-next.2",
-    "@elliemae/ds-read-more": "3.27.0-next.2",
-    "@elliemae/ds-resizeable-container": "3.27.0-next.2",
-    "@elliemae/ds-ribbon": "3.27.0-next.2",
-    "@elliemae/ds-search-field": "3.27.0-next.2",
-    "@elliemae/ds-separator": "3.27.0-next.2",
-    "@elliemae/ds-shuttle": "3.27.0-next.2",
-    "@elliemae/ds-shuttle-v2": "3.27.0-next.2",
-    "@elliemae/ds-side-panel": "3.27.0-next.2",
-    "@elliemae/ds-skeleton": "3.27.0-next.2",
-    "@elliemae/ds-slider": "3.27.0-next.2",
-    "@elliemae/ds-spinner": "3.27.0-next.2",
-    "@elliemae/ds-square-indicator": "3.27.0-next.2",
-    "@elliemae/ds-stepper": "3.27.0-next.2",
-    "@elliemae/ds-svg": "3.27.0-next.2",
-    "@elliemae/ds-system": "3.27.0-next.2",
-    "@elliemae/ds-tabs": "3.27.0-next.2",
-    "@elliemae/ds-test-utils": "3.27.0-next.2",
-    "@elliemae/ds-text-wrapper": "3.27.0-next.2",
-    "@elliemae/ds-time-picker": "3.27.0-next.2",
-    "@elliemae/ds-toast": "3.27.0-next.2",
-    "@elliemae/ds-toolbar": "3.27.0-next.2",
-    "@elliemae/ds-toolbar-v2": "3.27.0-next.2",
-    "@elliemae/ds-tooltip": "3.27.0-next.2",
-    "@elliemae/ds-transition": "3.27.0-next.2",
-    "@elliemae/ds-tree-model": "3.27.0-next.2",
-    "@elliemae/ds-treeview": "3.27.0-next.2",
-    "@elliemae/ds-truncated-expandable-text": "3.27.0-next.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.27.0-next.2",
-    "@elliemae/ds-typography": "3.27.0-next.2",
-    "@elliemae/ds-uploader": "3.27.0-next.2",
-    "@elliemae/ds-utilities": "3.27.0-next.2",
-    "@elliemae/ds-virtual-list": "3.27.0-next.2",
-    "@elliemae/ds-wizard": "3.27.0-next.2",
-    "@elliemae/ds-wysiwygeditor": "3.27.0-next.2",
-    "@elliemae/ds-zipcode-search": "3.27.0-next.2",
-    "@elliemae/ds-zoom": "3.27.0-next.2"
+    "@elliemae/ds-accordion": "3.27.0-next.3",
+    "@elliemae/ds-accessibility": "3.27.0-next.3",
+    "@elliemae/ds-app-picker": "3.27.0-next.3",
+    "@elliemae/ds-backdrop": "3.27.0-next.3",
+    "@elliemae/ds-banner": "3.27.0-next.3",
+    "@elliemae/ds-basic": "3.27.0-next.3",
+    "@elliemae/ds-breadcrumb": "3.27.0-next.3",
+    "@elliemae/ds-button": "3.27.0-next.3",
+    "@elliemae/ds-button-v2": "3.27.0-next.3",
+    "@elliemae/ds-card-array": "3.27.0-next.3",
+    "@elliemae/ds-card-navigation": "3.27.0-next.3",
+    "@elliemae/ds-card-v2": "3.27.0-next.3",
+    "@elliemae/ds-card-v2-action-addon": "3.27.0-next.3",
+    "@elliemae/ds-card-v2-group": "3.27.0-next.3",
+    "@elliemae/ds-chat": "3.27.0-next.3",
+    "@elliemae/ds-chat-tile": "3.27.0-next.3",
+    "@elliemae/ds-chat-bubble": "3.27.0-next.3",
+    "@elliemae/ds-chip": "3.27.0-next.3",
+    "@elliemae/ds-circular-progress-indicator": "3.27.0-next.3",
+    "@elliemae/ds-codeeditor": "3.27.0-next.3",
+    "@elliemae/ds-comments": "3.27.0-next.3",
+    "@elliemae/ds-controlled-form": "3.27.0-next.3",
+    "@elliemae/ds-datagrids": "3.27.0-next.3",
+    "@elliemae/ds-data-table": "3.27.0-next.3",
+    "@elliemae/ds-button-group": "3.27.0-next.3",
+    "@elliemae/ds-dataviz-pie": "3.27.0-next.3",
+    "@elliemae/ds-dataviz": "3.27.0-next.3",
+    "@elliemae/ds-date-picker": "3.27.0-next.3",
+    "@elliemae/ds-date-range-selector": "3.27.0-next.3",
+    "@elliemae/ds-date-range-picker": "3.27.0-next.3",
+    "@elliemae/ds-date-time-recurrence-picker": "3.27.0-next.3",
+    "@elliemae/ds-decision-graph": "3.27.0-next.3",
+    "@elliemae/ds-drag-and-drop": "3.27.0-next.3",
+    "@elliemae/ds-dialog": "3.27.0-next.3",
+    "@elliemae/ds-date-time-picker": "3.27.0-next.3",
+    "@elliemae/ds-dropdownmenu": "3.27.0-next.3",
+    "@elliemae/ds-fast-list": "3.27.0-next.3",
+    "@elliemae/ds-filterbar": "3.27.0-next.3",
+    "@elliemae/ds-dropzone": "3.27.0-next.3",
+    "@elliemae/ds-form": "3.27.0-next.3",
+    "@elliemae/ds-form-date-range-picker": "3.27.0-next.3",
+    "@elliemae/ds-form-date-time-picker": "3.27.0-next.3",
+    "@elliemae/ds-form-layout-blocks": "3.27.0-next.3",
+    "@elliemae/ds-form-layout-label": "3.27.0-next.3",
+    "@elliemae/ds-global-header": "3.27.0-next.3",
+    "@elliemae/ds-grid": "3.27.0-next.3",
+    "@elliemae/ds-group-box": "3.27.0-next.3",
+    "@elliemae/ds-hooks-fontsize-detector": "3.27.0-next.3",
+    "@elliemae/ds-header": "3.27.0-next.3",
+    "@elliemae/ds-hooks-fontsize-media": "3.27.0-next.3",
+    "@elliemae/ds-icon": "3.27.0-next.3",
+    "@elliemae/ds-image": "3.27.0-next.3",
+    "@elliemae/ds-icons": "3.27.0-next.3",
+    "@elliemae/ds-imagelibrarymodal": "3.27.0-next.3",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.27.0-next.3",
+    "@elliemae/ds-label-value": "3.27.0-next.3",
+    "@elliemae/ds-left-navigation": "3.27.0-next.3",
+    "@elliemae/ds-card": "3.27.0-next.3",
+    "@elliemae/ds-list-section-header": "3.27.0-next.3",
+    "@elliemae/ds-loading-indicator": "3.27.0-next.3",
+    "@elliemae/ds-menu": "3.27.0-next.3",
+    "@elliemae/ds-menu-items": "3.27.0-next.3",
+    "@elliemae/ds-modal": "3.27.0-next.3",
+    "@elliemae/ds-mini-toolbar": "3.27.0-next.3",
+    "@elliemae/ds-modal-slide": "3.27.0-next.3",
+    "@elliemae/ds-notification-badge": "3.27.0-next.3",
+    "@elliemae/ds-number-range-field": "3.27.0-next.3",
+    "@elliemae/ds-mobile": "3.27.0-next.3",
+    "@elliemae/ds-page-header": "3.27.0-next.3",
+    "@elliemae/ds-page-layout": "3.27.0-next.3",
+    "@elliemae/ds-page-header-v2": "3.27.0-next.3",
+    "@elliemae/ds-page-number": "3.27.0-next.3",
+    "@elliemae/ds-pagination": "3.27.0-next.3",
+    "@elliemae/ds-pills": "3.27.0-next.3",
+    "@elliemae/ds-page-header-v1": "3.27.0-next.3",
+    "@elliemae/ds-popover": "3.27.0-next.3",
+    "@elliemae/ds-popper": "3.27.0-next.3",
+    "@elliemae/ds-popperjs": "3.27.0-next.3",
+    "@elliemae/ds-button-v1": "3.27.0-next.3",
+    "@elliemae/ds-read-more": "3.27.0-next.3",
+    "@elliemae/ds-query-builder": "3.27.0-next.3",
+    "@elliemae/ds-resizeable-container": "3.27.0-next.3",
+    "@elliemae/ds-ribbon": "3.27.0-next.3",
+    "@elliemae/ds-search-field": "3.27.0-next.3",
+    "@elliemae/ds-separator": "3.27.0-next.3",
+    "@elliemae/ds-progress-indicator": "3.27.0-next.3",
+    "@elliemae/ds-shuttle": "3.27.0-next.3",
+    "@elliemae/ds-shuttle-v2": "3.27.0-next.3",
+    "@elliemae/ds-side-panel": "3.27.0-next.3",
+    "@elliemae/ds-spinner": "3.27.0-next.3",
+    "@elliemae/ds-slider": "3.27.0-next.3",
+    "@elliemae/ds-square-indicator": "3.27.0-next.3",
+    "@elliemae/ds-stepper": "3.27.0-next.3",
+    "@elliemae/ds-svg": "3.27.0-next.3",
+    "@elliemae/ds-system": "3.27.0-next.3",
+    "@elliemae/ds-csv-converter": "3.27.0-next.3",
+    "@elliemae/ds-text-wrapper": "3.27.0-next.3",
+    "@elliemae/ds-time-picker": "3.27.0-next.3",
+    "@elliemae/ds-toast": "3.27.0-next.3",
+    "@elliemae/ds-toolbar": "3.27.0-next.3",
+    "@elliemae/ds-toolbar-v2": "3.27.0-next.3",
+    "@elliemae/ds-tabs": "3.27.0-next.3",
+    "@elliemae/ds-tooltip": "3.27.0-next.3",
+    "@elliemae/ds-tree-model": "3.27.0-next.3",
+    "@elliemae/ds-skeleton": "3.27.0-next.3",
+    "@elliemae/ds-transition": "3.27.0-next.3",
+    "@elliemae/ds-truncated-expandable-text": "3.27.0-next.3",
+    "@elliemae/ds-truncated-tooltip-text": "3.27.0-next.3",
+    "@elliemae/ds-typography": "3.27.0-next.3",
+    "@elliemae/ds-treeview": "3.27.0-next.3",
+    "@elliemae/ds-uploader": "3.27.0-next.3",
+    "@elliemae/ds-utilities": "3.27.0-next.3",
+    "@elliemae/ds-virtual-list": "3.27.0-next.3",
+    "@elliemae/ds-wizard": "3.27.0-next.3",
+    "@elliemae/ds-wysiwygeditor": "3.27.0-next.3",
+    "@elliemae/ds-zipcode-search": "3.27.0-next.3",
+    "@elliemae/ds-zoom": "3.27.0-next.3",
+    "@elliemae/ds-test-utils": "3.27.0-next.3"
   }
 }