dimsum-e2e-tests 1.0.0-rc.1

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

@@ -0,0 +1,416 @@
+/* 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-4729 - TreeView multiselect::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.multiSelect.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should select one folder', async () => {
+      await (await DSTreeViewCO.getCheckbox(0)).click();
+      const isChecked = await DSTreeViewCO.isChecked(0);
+      await expect(isChecked).toBe(true);
+    });
+    it('02: all children should be selected', async () => {
+      await DSTreeViewCO.expandCollapseAll();
+      await browser.pause(500);
+      const isChecked0 = await DSTreeViewCO.isChecked(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isChecked2 = await DSTreeViewCO.isChecked(2);
+      const isChecked3 = await DSTreeViewCO.isChecked(3);
+      const isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isChecked0).toBe(true);
+      await expect(isChecked1).toBe(true);
+      await expect(isChecked2).toBe(true);
+      await expect(isChecked3).toBe(true);
+      await expect(isChecked4).toBe(true);
+    });
+    it('03: should display mixed state', async () => {
+      await (await DSTreeViewCO.getCheckbox(3)).click();
+      await browser.pause(500);
+      const isMixed0 = await DSTreeViewCO.isMixed(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isMixed2 = await DSTreeViewCO.isMixed(2);
+      const isChecked3 = await DSTreeViewCO.isChecked(3);
+      const isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isMixed0).toBe(true);
+      await expect(isChecked1).toBe(true);
+      await expect(isMixed2).toBe(true);
+      await expect(isChecked3).toBe(false);
+      await expect(isChecked4).toBe(true);
+    });
+    it('04: should display sub group unchecked', async () => {
+      await (await DSTreeViewCO.getCheckbox(4)).click();
+      await browser.pause(500);
+      const isMixed0 = await DSTreeViewCO.isMixed(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isChecked2 = await DSTreeViewCO.isChecked(2);
+      const isChecked3 = await DSTreeViewCO.isChecked(3);
+      const isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isMixed0).toBe(true);
+      await expect(isChecked1).toBe(true);
+      await expect(isChecked2).toBe(false);
+      await expect(isChecked3).toBe(false);
+      await expect(isChecked4).toBe(false);
+    });
+    it('05: should display parent unchecked', async () => {
+      await (await DSTreeViewCO.getCheckbox(1)).click();
+      await browser.pause(500);
+      const isChecked0 = await DSTreeViewCO.isChecked(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isChecked2 = await DSTreeViewCO.isChecked(2);
+      const isChecked3 = await DSTreeViewCO.isChecked(3);
+      const isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isChecked0).toBe(false);
+      await expect(isChecked1).toBe(false);
+      await expect(isChecked2).toBe(false);
+      await expect(isChecked3).toBe(false);
+      await expect(isChecked4).toBe(false);
+    });
+    it('06: should display children selected', async () => {
+      await (await DSTreeViewCO.getCheckbox(3)).click();
+      await browser.pause(500);
+      const isMixed0 = await DSTreeViewCO.isMixed(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isMixed2 = await DSTreeViewCO.isMixed(2);
+      const isChecked3 = await DSTreeViewCO.isChecked(3);
+      const isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isMixed0).toBe(true);
+      await expect(isChecked1).toBe(false);
+      await expect(isMixed2).toBe(true);
+      await expect(isChecked3).toBe(true);
+      await expect(isChecked4).toBe(false);
+    });
+    it('07: should display all items selected', async () => {
+      await (await DSTreeViewCO.getCheckbox(4)).click();
+      await (await DSTreeViewCO.getCheckbox(1)).click();
+      await browser.pause(500);
+      const isChecked0 = await DSTreeViewCO.isChecked(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isChecked2 = await DSTreeViewCO.isChecked(2);
+      const isChecked3 = await DSTreeViewCO.isChecked(3);
+      const isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isChecked0).toBe(true);
+      await expect(isChecked1).toBe(true);
+      await expect(isChecked2).toBe(true);
+      await expect(isChecked3).toBe(true);
+      await expect(isChecked4).toBe(true);
+    });
+  });
+  describe('PUI-4730 - TreeView multiselect disable group::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.multiDisableGroups.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display groups disabled', async () => {
+      await DSTreeViewCO.expandCollapseAll();
+      const isDisabled0 = await DSTreeViewCO.isDisabled(0);
+      const isDisabled2 = await DSTreeViewCO.isDisabled(2);
+      const isDisabled5 = await DSTreeViewCO.isDisabled(5);
+      const isDisabled9 = await DSTreeViewCO.isDisabled(9);
+      await expect(isDisabled0).toBe(true);
+      await expect(isDisabled2).toBe(true);
+      await expect(isDisabled5).toBe(true);
+      await expect(isDisabled9).toBe(true);
+    });
+    it('02: should not be possible click on a Group', async () => {
+      const checkBox = await DSTreeViewCO.getCheckbox(0);
+      await checkBox.click();
+      await expect(checkBox).not.toBeChecked();
+    });
+    it('03: should be possible click on Leafs', async () => {
+      await (await DSTreeViewCO.getCheckbox(1)).click();
+      let isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isMixed0 = await DSTreeViewCO.isMixed(0);
+      await expect(isChecked1).toBe(true);
+      await expect(isMixed0).toBe(true);
+      await (await DSTreeViewCO.getCheckbox(3)).click();
+      await (await DSTreeViewCO.getCheckbox(4)).click();
+      const isChecked0 = await DSTreeViewCO.isChecked(0);
+      isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isChecked2 = await DSTreeViewCO.isChecked(2);
+      const isChecked3 = await DSTreeViewCO.isChecked(3);
+      const isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isChecked0).toBe(true);
+      await expect(isChecked1).toBe(true);
+      await expect(isChecked2).toBe(true);
+      await expect(isChecked3).toBe(true);
+      await expect(isChecked4).toBe(true);
+    });
+  });
+  describe('PUI-4731 - TreeView multiselect disable leafs::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.multiDisableLeafs.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display leafs disabled', async () => {
+      await DSTreeViewCO.expandCollapseAll();
+      const isDisabled1 = await DSTreeViewCO.isDisabled(1);
+      const isDisabled3 = await DSTreeViewCO.isDisabled(3);
+      const isDisabled4 = await DSTreeViewCO.isDisabled(4);
+      const isDisabled6 = await DSTreeViewCO.isDisabled(6);
+      const isDisabled7 = await DSTreeViewCO.isDisabled(7);
+      const isDisabled8 = await DSTreeViewCO.isDisabled(8);
+      await expect(isDisabled1).toBe(true);
+      await expect(isDisabled3).toBe(true);
+      await expect(isDisabled4).toBe(true);
+      await expect(isDisabled6).toBe(true);
+      await expect(isDisabled7).toBe(true);
+      await expect(isDisabled8).toBe(true);
+    });
+    it('02: should not be possible click on a Leaf', async () => {
+      const checkBox = await DSTreeViewCO.getCheckbox(1);
+      await expect(checkBox).not.toBeClickable();
+    });
+    // eslint-disable-next-line max-statements
+    it('03: should be possible click on Groups', async () => {
+      await (await DSTreeViewCO.getCheckbox(2)).click();
+      const isMixed0 = await DSTreeViewCO.isMixed(0);
+      let isChecked1 = await DSTreeViewCO.isChecked(1);
+      let isChecked2 = await DSTreeViewCO.isChecked(2);
+      let isChecked3 = await DSTreeViewCO.isChecked(3);
+      let isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isMixed0).toBe(true);
+      await expect(isChecked1).toBe(false);
+      await expect(isChecked2).toBe(true);
+      await expect(isChecked3).toBe(true);
+      await expect(isChecked4).toBe(true);
+      await (await DSTreeViewCO.getCheckbox(0)).click();
+      const isChecked0 = await DSTreeViewCO.isChecked(0);
+      isChecked1 = await DSTreeViewCO.isChecked(1);
+      isChecked2 = await DSTreeViewCO.isChecked(2);
+      isChecked3 = await DSTreeViewCO.isChecked(3);
+      isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isChecked0).toBe(true);
+      await expect(isChecked1).toBe(true);
+      await expect(isChecked2).toBe(true);
+      await expect(isChecked3).toBe(true);
+      await expect(isChecked4).toBe(true);
+    });
+    it('04: should be possible clear all', async () => {
+      await (await DSTreeViewCO.getCheckbox(0)).click();
+      const isChecked0 = await DSTreeViewCO.isChecked(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isChecked2 = await DSTreeViewCO.isChecked(2);
+      const isChecked3 = await DSTreeViewCO.isChecked(3);
+      const isChecked4 = await DSTreeViewCO.isChecked(4);
+      await expect(isChecked0).toBe(false);
+      await expect(isChecked1).toBe(false);
+      await expect(isChecked2).toBe(false);
+      await expect(isChecked3).toBe(false);
+      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();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should expand all', async () => {
+      await DSTreeViewCO.expandCollapseAll();
+      const rowsLenght = (await DSTreeViewCO.getRows()).length;
+      await expect(rowsLenght).toBe(23);
+    });
+    it('02: should not autoscroll to the top', async () => {
+      await (await DSTreeViewCO.getRow(4)).scrollIntoView();
+      await (await DSTreeViewCO.getRow(8)).scrollIntoView();
+      await (await DSTreeViewCO.getCheckbox(8)).click();
+      const isChecked10 = await DSTreeViewCO.isChecked(8);
+      const row = await DSTreeViewCO.getRow(8);
+      await expect(isChecked10).toBe(true);
+      await expect(row).toBeDisplayedInViewport();
+    });
+  });
+  describe('PUI-6267 - TreeView multiselect, initial selection::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.initialCheckedMulti.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should expand all', async () => {
+      await DSTreeViewCO.expandCollapseAll();
+      const isMixed0 = await DSTreeViewCO.isMixed(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isChecked2 = await DSTreeViewCO.isChecked(2);
+      await expect(isMixed0).toBe(true);
+      await expect(isChecked1).toBe(true);
+      await expect(isChecked2).toBe(false);
+    });
+    it('02: should not autoscroll to the top', async () => {
+      await (await DSTreeViewCO.getCheckbox(2)).click();
+      const isChecked0 = await DSTreeViewCO.isChecked(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isChecked2 = await DSTreeViewCO.isChecked(2);
+      await expect(isChecked0).toBe(true);
+      await expect(isChecked1).toBe(true);
+      await expect(isChecked2).toBe(true);
+    });
+    it('03: should not autoscroll to the top', async () => {
+      await (await DSTreeViewCO.getCheckbox(1)).click();
+      const isMixed0 = await DSTreeViewCO.isMixed(0);
+      const isChecked1 = await DSTreeViewCO.isChecked(1);
+      const isChecked2 = await DSTreeViewCO.isChecked(2);
+      await expect(isMixed0).toBe(true);
+      await expect(isChecked1).toBe(false);
+      await expect(isChecked2).toBe(true);
+    });
+  });
+
+  describe('PUI-11115 - TreeView Controlled, multiselect::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.controlledSelect.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should select some tree item checkboxes', async () => {
+      const checkbox1 = await DSTreeViewCO.getCheckbox(0);
+      const checkbox2 = await DSTreeViewCO.getCheckbox(1);
+      const checkbox3 = await DSTreeViewCO.getCheckbox(2);
+      await checkbox1.click();
+      await checkbox2.click();
+      await checkbox3.click();
+      const isChecked1 = await DSTreeViewCO.isChecked(0);
+      const isChecked2 = await DSTreeViewCO.isChecked(1);
+      const isChecked3 = await DSTreeViewCO.isChecked(2);
+      await expect(isChecked1).toBe(true);
+      await expect(isChecked2).toBe(true);
+      await expect(isChecked3).toBe(true);
+    });
+    it('02: should deselect after triggering an delete button', async () => {
+      const appendFolder = await DSTreeViewCO.getBtns(1);
+      await appendFolder.click();
+      const isChecked1 = await DSTreeViewCO.isChecked(0);
+      const isChecked2 = await DSTreeViewCO.isChecked(1);
+      const isChecked3 = await DSTreeViewCO.isChecked(2);
+      await expect(isChecked1).toBe(false);
+      await expect(isChecked2).toBe(false);
+      await expect(isChecked3).toBe(false);
+    });
+    it('03: should deselect after triggering an expand chevron', async () => {
+      const checkbox1 = await DSTreeViewCO.getCheckbox(0);
+      const checkbox2 = await DSTreeViewCO.getCheckbox(1);
+      const checkbox3 = await DSTreeViewCO.getCheckbox(2);
+      await checkbox1.click();
+      await checkbox2.click();
+      await checkbox3.click();
+      const expandAny = await DSTreeViewCO.getExpandChevrons(1);
+      await expandAny.click();
+      const isChecked1 = await DSTreeViewCO.isChecked(0);
+      const isChecked2 = await DSTreeViewCO.isChecked(1);
+      const isChecked3 = await DSTreeViewCO.isChecked(2);
+      await expect(isChecked1).toBe(false);
+      await expect(isChecked2).toBe(false);
+      await expect(isChecked3).toBe(false);
+    });
+  });
+}

package/ds-treeview/TreeView-specs.func.spec.js

@@ -0,0 +1,39 @@
+import DSTreeViewCO from './DSTreeViewCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-3672 - TreeView compact/regular::', () => {
+    describe('compact', () => {
+      before(async () => {
+        const errorOnGo = await DSTreeViewCO.compact.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: the row should have `28px` tall', async () => {
+        await (await DSTreeViewCO.getTreeList()).waitForDisplayed();
+        const rowHeight = await DSTreeViewCO.getRowHeight();
+        await expect(rowHeight).toEqual(28);
+      });
+    });
+    describe('truncated', () => {
+      before(async () => {
+        const errorOnGo = await DSTreeViewCO.truncation.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('02: the row should have `36px` tall', async () => {
+        await (await DSTreeViewCO.getTreeList()).waitForDisplayed();
+        const rowHeight = await DSTreeViewCO.getRowHeight();
+        await expect(rowHeight).toEqual(36);
+      });
+    });
+  });
+  describe('PUI-3674 - Treeview fluid container::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.fluidHeightURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should render a container that is `400px` tall', async () => {
+      await (await DSTreeViewCO.getTreeList()).waitForDisplayed();
+      const containerHeight = await DSTreeViewCO.getContainerHeight();
+      await expect(containerHeight).toEqual(400);
+    });
+  });
+}

package/ds-treeview/TreeView-states.func.spec.js

@@ -0,0 +1,155 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSTreeViewCO from './DSTreeViewCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-3724 - TreeView: Row states::', () => {
+    beforeEach(async () => {
+      const errorOnGo = await DSTreeViewCO.controlled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display defaulf state', async () => {
+      await (await DSTreeViewCO.getToggleBtn(1)).waitForDisplayed({ timeout: 5000 });
+      await (await DSTreeViewCO.getRow(2)).click();
+      await mouseOver(await DSTreeViewCO.getRow(2));
+      const defaultState = await DSTreeViewCO.isDefault(0);
+      await expect(defaultState).toBe(true);
+    });
+    it('02: should display item hovered', async () => {
+      await mouseOver(await DSTreeViewCO.getRow(0));
+      const hoveredState = await DSTreeViewCO.isHovered(0);
+      await expect(hoveredState).toBe(true);
+    });
+    it('03: should display item focused (keyboard)', async () => {
+      await (await DSTreeViewCO.getRow(1)).click();
+      await browser.keys(Key.ArrowUp);
+      const focusedState = await DSTreeViewCO.isFocused(0);
+      await expect(focusedState).toBe(true);
+    });
+    it('04: should display item active (mouse)', async () => {
+      await (await DSTreeViewCO.getRow(1)).click();
+      await (await $('#storybook-root')).click();
+      const activeState = await DSTreeViewCO.isActive(1);
+      await expect(activeState).toBe(true);
+    });
+    it('05: should display item active (keyboard)', async () => {
+      await (await DSTreeViewCO.getRow(1)).click();
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.ArrowDown);
+      const activeState = await DSTreeViewCO.isActive(2);
+      await expect(activeState).toBe(true);
+    });
+    it('06: should display item focus+active (mouse)', async () => {
+      await (await DSTreeViewCO.getRow(1)).click();
+      const activeFocusedState = await DSTreeViewCO.isActiveFocused(1);
+      await expect(activeFocusedState).toBe(true);
+    });
+    it('07: should display item focus+active (keyboard)', async () => {
+      await (await DSTreeViewCO.getRow(0)).click();
+      await browser.keys(Key.Space);
+      await browser.keys(Key.ArrowDown);
+      await browser.keys(Key.Space);
+      const activeFocusedState = await DSTreeViewCO.isActiveFocused(1);
+      await expect(activeFocusedState).toBe(true);
+    });
+  });
+  describe('PUI-4073 - TreeView: Parent/child elements interaction::', () => {
+    beforeEach(async () => {
+      const errorOnGo = await DSTreeViewCO.controlled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should not display parent as selected when child is selected', async () => {
+      await (await DSTreeViewCO.getRow(1)).click();
+      await (await DSTreeViewCO.getToggleBtn(1)).click();
+      await (await DSTreeViewCO.getRow(3)).moveTo();
+      await (await DSTreeViewCO.getRow(3)).click();
+      // eslint-disable-next-line wdio/no-pause
+      await browser.pause(500);
+      const hoveredState = await DSTreeViewCO.isHovered(1);
+      const activeState = await DSTreeViewCO.isActive(1);
+      const focusedState = await DSTreeViewCO.isFocused(1);
+      await expect(hoveredState).toBe(false);
+      await expect(activeState).toBe(false);
+      await expect(focusedState).toBe(false);
+    });
+    it('02: should display arrow exapanded and folder items visible', async () => {
+      await (await DSTreeViewCO.getToggleBtn(1)).click();
+      await (await DSTreeViewCO.getRow(3)).waitForDisplayed();
+      const expandedState = await DSTreeViewCO.isExpanded(1);
+      await expect(expandedState).toBe('true');
+      const row = await DSTreeViewCO.getRow(2);
+      await expect(row).toHaveTextContaining('Test Item 2');
+    });
+    it('03: should display item active when mouse away (expanded)', async () => {
+      await (await DSTreeViewCO.getToggleBtn(1)).click();
+      await (await DSTreeViewCO.getRow(3)).waitForDisplayed();
+      await (await DSTreeViewCO.getRow(3)).click();
+      await (await DSTreeViewCO.getToggleBtn(0)).click();
+      await (await DSTreeViewCO.getRow(1)).waitForDisplayed();
+      await (await DSTreeViewCO.getRow(7)).moveTo();
+      const activeState = await DSTreeViewCO.isActive(5);
+      await expect(activeState).toBe(true);
+    });
+    it('04: should display item active when mouse away (collapsed)', async () => {
+      await (await DSTreeViewCO.getRow(1)).click();
+      await (await DSTreeViewCO.getRow(3)).waitForDisplayed();
+      await (await DSTreeViewCO.getRow(0)).moveTo();
+      const activeState = await DSTreeViewCO.isActive(1);
+      await expect(activeState).toBe(true);
+    });
+    it('05: should display arrow collapsed/expanded', async () => {
+      await (await DSTreeViewCO.getToggleBtn(1)).click();
+      await (await DSTreeViewCO.getRow(3)).waitForDisplayed();
+      let isExpanded = await DSTreeViewCO.isExpanded(1);
+      await expect(isExpanded).toBe('true');
+      await (await DSTreeViewCO.getToggleBtn(1)).click();
+      isExpanded = await DSTreeViewCO.isExpanded(1);
+      await expect(isExpanded).toBe('false');
+    });
+    it('06: should mantain item active after expand/collapse', async () => {
+      await (await DSTreeViewCO.getToggleBtn(1)).click();
+      await (await DSTreeViewCO.getRow(3)).waitForDisplayed();
+      await (await DSTreeViewCO.getRow(3)).click();
+      await (await DSTreeViewCO.getExpandBtn()).click();
+      await (await DSTreeViewCO.getCollapseBtn()).click();
+      await (await DSTreeViewCO.getExpandBtn()).click();
+      const activeState = await DSTreeViewCO.isActive(7);
+      await expect(activeState).toBe(true);
+    });
+  });
+  describe('PUI-4776 - TreeView: set focused item by virtual index::', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.actionToFocus.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: focus first row', async () => {
+      const firstBtn = await DSTreeViewCO.getFocusFirstBtn();
+      await firstBtn.click();
+      await browser.pause(500);
+      const isRowFocused = await DSTreeViewCO.isFocused(0);
+      await expect(isRowFocused).toBe(true);
+    });
+    it('02: focus last row', async () => {
+      await (await DSTreeViewCO.getFocusLastBtn()).click();
+      await (await DSTreeViewCO.getFocusLastBtn()).click();
+      const totalRowsIndex = (await (await DSTreeViewCO.getRows()).length) - 1;
+      await (await DSTreeViewCO.getRow(totalRowsIndex)).waitForDisplayed();
+      const isRowFocused = await DSTreeViewCO.isFocused(totalRowsIndex);
+      await expect(isRowFocused).toBe(true);
+    });
+  });
+  describe('PUI-6266 - TreeView, Selected on init', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.selectedOnInitURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the parent 4 with selected state', async () => {
+      const selectedState = await DSTreeViewCO.isSelected(5);
+      await expect(selectedState).toBeTruthy();
+    });
+  });
+}

package/ds-treeview/TreeView-truncate-tooltip.func.spec.js

@@ -0,0 +1,20 @@
+import DSTreeViewCO from './DSTreeViewCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-5760 - Treeview, truncation after search', () => {
+    before(async () => {
+      const errorOnGo = await DSTreeViewCO.searchableTruncated.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display tooltip on hover after search', async () => {
+      await (await DSTreeViewCO.getSearchBox()).setValue('large');
+      const firstRow = await DSTreeViewCO.getRow(0);
+      await firstRow.waitForDisplayed({ timeout: 5000 });
+      await mouseOver(firstRow, 100, 18);
+      const tooltip = await DSTreeViewCO.getTooltip();
+      await tooltip.waitForDisplayed();
+      await expect(tooltip).toHaveTextContaining('A very large bookmarking text to test nesting and scroll behaviour');
+    });
+  });
+}