dimsum-e2e-tests 1.0.0-rc.1

package/DSStorybook/print.js

@@ -0,0 +1,25 @@
+/* eslint-disable no-await-in-loop */
+/* eslint-disable no-plusplus */
+/* eslint-disable no-restricted-syntax */
+/* eslint-disable max-nested-callbacks */
+import DSStorybookCO from './DSStorybookCO';
+
+describe('Printing new storybook navs:', () => {
+  before(async () => {
+    await browser.url(DSStorybookCO.dimsumStorybook);
+  });
+  it('just printing the new baseline', async () => {
+    const collapseRoots = await DSStorybookCO.getCollapseRoots();
+    for (let i = 0; i < collapseRoots.length; i++) {
+      await collapseRoots[i].scrollIntoView();
+      await collapseRoots[i].click();
+    }
+    const expandAll = await DSStorybookCO.getExpandAllBtns();
+    for (let i = 0; i < expandAll.length; i++) {
+      await expandAll[i].scrollIntoView();
+      await expandAll[i].click();
+    }
+    await DSStorybookCO.printNewBaseline();
+    expect(true).toBe(true);
+  });
+});

package/PageObject.js

@@ -0,0 +1,25 @@
+import { pathToId } from '../environments/storybook/paths';
+
+export class PageObject {
+  static getUrl(path, example, iframe = true) {
+    let url = '/iframe.html';
+    const propsUrl = '/?path=/props/';
+    if (path && example && iframe) {
+      url = url.concat('?id=', pathToId(path, example));
+    } else if (path && iframe) {
+      url = url.concat('?id=', path);
+    } else if (path && example) {
+      url = propsUrl.concat(pathToId(path, example));
+    }
+    url = url.concat('&test-mode=true');
+    return url;
+  }
+
+  static isPhone() {
+    return browser.capabilities['ice:options'].isPhone;
+  }
+
+  static getSnapshotPathBuilder(component, example = 'basic', dsPackage = 'ds-basic') {
+    return `${dsPackage}/${component}/${example}`;
+  }
+}

package/ds-accessibility/ds-skip-to/DSSkipTo.visual.spec.js

@@ -0,0 +1,24 @@
+import { Key } from 'webdriverio';
+import DSSkipToCO from './DSSkipToCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-7018 - DSSkipTo: visual test', () => {
+    beforeEach(async () => {
+      const errorOnGo = await DSSkipToCO.withGlobalURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display skip to content link', async () => {
+      await browser.keys(Key.Tab);
+      await (await DSSkipToCO.skipTo()).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSSkipToCO.snapshotPath('skip-to-content-link'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should jump to the content', async () => {
+      await browser.keys(Key.Tab);
+      await (await DSSkipToCO.skipTo()).waitForDisplayed();
+      await browser.keys(Key.Enter);
+      const snapshot = await browser.checkSnapshot(DSSkipToCO.snapshotPath('content-focused'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-accessibility/ds-skip-to/DSSkipToCO.js

@@ -0,0 +1,16 @@
+import { PATH_ACCESSIBILITY_SKIP_TO } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class DSSkipTo extends PageObject {
+  static withGlobalURL = new Urlbuilder(PATH_ACCESSIBILITY_SKIP_TO, 'with-global-header-example');
+
+  // Selectors
+  static async skipTo() {
+    return $('button*=Skip');
+  }
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('SkipTo', example, 'ds-skip-to');
+  }
+}

package/ds-accordion/DSAccordion.axe-core.func.spec.js

@@ -0,0 +1,148 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSAccordionCO from './DSAccordionCO';
+import { axeCoreCheck, mouseOver } from '../helpers';
+import CellCO from '../ds-data-table-async/components/CellCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'chrome') ||
+  browser.capabilities.browserName === 'Chrome'
+) {
+  describe('PUI-10990 - Accordion, basic -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion closed and pass axecore test', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should open the accordion and pass axecore test', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      const firstElemDisplayed = await DSAccordionCO.getContents(1);
+      await firstElemDisplayed.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-10632 - Accordion, Disabled -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.disabled.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the disabled accordion and pass axecore test', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-10991 - Accordion, multiple -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should open the second accordion without closing the first and pass axecore test', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      await (await DSAccordionCO.getAccordionHeader(0)).click();
+      const firstElemDisplayed = await DSAccordionCO.getContents(0);
+      const secondElemDisplayed = await DSAccordionCO.getContents(1);
+      await firstElemDisplayed.waitForDisplayed();
+      await secondElemDisplayed.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-10992 - Accordion, Custom actions with hooks -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.customActionHooks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom actions rendered with ON text by default', async () => {
+      const customAction1text = await DSAccordionCO.getButtonsByIndex(0);
+      const customAction2text = await DSAccordionCO.getButtonsByIndex(1);
+      const customAction3text = await DSAccordionCO.getButtonsByIndex(2);
+      await customAction1text.waitForDisplayed();
+      await customAction2text.waitForDisplayed();
+      await customAction3text.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  describe('PUI-10993 - Accordion, tooltip -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.tooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display tooltip on hover first accordion and pass axecore scan', async () => {
+      const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
+      await mouseOver(firstAccordion, 20, 5);
+      const tooltip = await DSAccordionCO.getTooltip();
+      await tooltip.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+  // Unskip after PUI-11922 is fixed
+  describe.skip('PUI-10994 - Accordion, header controls & subtitle -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.headerControls.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion expanded with header props (and subtitle) and pass axecore scan', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      await (await DSAccordionCO.getContents('1-a')).waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should display accordion with open toolbar and pass axecore scan', async () => {
+      await (await DSAccordionCO.getToolbarByIndex(1)).click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-10995 - Accordion, Actionable within -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.datepickerInside.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should input focused within accordion and pass axecore scan', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11911 - Accordion, keep content usecase -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.keepContentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should be a11y compliant with hiddent accordion content', async () => {
+      const accordionContent = await CellCO.getCellByIndex();
+      await accordionContent.waitForExist();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11912 - Accordion, Focus with useRef -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.focusOnItemURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should be a11y compliant with useRef', async () => {
+      const secondAccordion = await DSAccordionCO.getAccordionHeader(1);
+      await secondAccordion.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,204 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSAccordionCO from './DSAccordionCO';
+import { mouseOver } from '../helpers';
+import CellCO from '../ds-data-table-async/components/CellCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-3511 - Accordion, basic -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion closed', async () => {
+      const firstElemDisplayed = await DSAccordionCO.getContents(1);
+      await expect(firstElemDisplayed).not.toBeDisplayedInViewport();
+    });
+    it('02: should open the accordion', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      const firstElemDisplayed = await DSAccordionCO.getContents(1);
+      await expect(firstElemDisplayed).toBeDisplayedInViewport();
+    });
+    it('03: should open the third accordion closing the second', async () => {
+      await (await DSAccordionCO.getAccordionHeader(2)).click();
+      const firstElemDisplayed = await DSAccordionCO.getContents(1);
+      const secondElemDisplayed = await DSAccordionCO.getContents(2);
+      await expect(firstElemDisplayed).not.toBeDisplayedInViewport();
+      await expect(secondElemDisplayed).toBeDisplayedInViewport();
+    });
+    it('04: should close the accordion', async () => {
+      await (await DSAccordionCO.getAccordionHeader(2)).click();
+      const secondElemDisplayed = await DSAccordionCO.getContents(2);
+      await expect(secondElemDisplayed).not.toBeDisplayedInViewport();
+    });
+  });
+}
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-7770 - Accordion, multiple -func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display the accordion expanded', async () => {
+      await (await DSAccordionCO.getAccordionHeader(0)).click();
+      const firstElemDisplayed = await DSAccordionCO.getContents(0);
+      await expect(firstElemDisplayed).toBeDisplayedInViewport();
+    });
+    it('02: should open the second accordion without closing the first', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      const firstElemDisplayed = await DSAccordionCO.getContents(0);
+      const secondElemDisplayed = await DSAccordionCO.getContents(1);
+      await expect(firstElemDisplayed).toBeDisplayedInViewport();
+      await expect(secondElemDisplayed).toBeDisplayedInViewport();
+    });
+    it('03: should close the second accordion', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      const firstElemDisplayed = await DSAccordionCO.getContents(0);
+      const secondElemDisplayed = await DSAccordionCO.getContents(1);
+      await expect(firstElemDisplayed).toBeDisplayedInViewport();
+      await expect(secondElemDisplayed).not.toBeDisplayedInViewport();
+    });
+    it('04: should close the first accordion', async () => {
+      await (await DSAccordionCO.getAccordionHeader(0)).click();
+      const firstElemDisplayed = await DSAccordionCO.getContents(0);
+      const secondElemDisplayed = await DSAccordionCO.getContents(1);
+      await expect(firstElemDisplayed).not.toBeDisplayedInViewport();
+      await expect(secondElemDisplayed).not.toBeDisplayedInViewport();
+    });
+  });
+  describe('PUI-7986 - Accordion, keyboard nav -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.customActions.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should press tab and focus on first accordion', async () => {
+      const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
+      await browser.keys(Key.Tab);
+      await expect(firstAccordion).toBeFocused();
+    });
+    it('02: should focus the first accordion button after press tab', async () => {
+      await browser.keys(Key.Tab);
+      const firstButton = await DSAccordionCO.getButtonsByIndex(0);
+      await expect(firstButton).toBeFocused();
+    });
+    it('03: should focus the second accordion and expand it after press tab and space', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Space);
+      const secondAccordion = await DSAccordionCO.getAccordionHeader(1);
+      const secondAccordionContent = await DSAccordionCO.getContents(1);
+      await expect(secondAccordion).toBeFocused();
+      await expect(secondAccordionContent).toBeDisplayedInViewport();
+    });
+    it('04: should go back to the button when pressing shift+tab (goes backwards)', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const firstButton = await DSAccordionCO.getButtonsByIndex(0);
+      await expect(firstButton).toBeFocused();
+    });
+  });
+  describe('PUI-9303 - Accordion, Custom actions with hooks', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.customActionHooks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom actions rendered with ON text by default', async () => {
+      const customAction1text = await (await DSAccordionCO.getButtonsByIndex(0)).getText();
+      const customAction2text = await (await DSAccordionCO.getButtonsByIndex(1)).getText();
+      const customAction3text = await (await DSAccordionCO.getButtonsByIndex(2)).getText();
+      await expect(customAction1text).toEqual('on');
+      await expect(customAction2text).toEqual('on');
+      await expect(customAction3text).toEqual('on');
+    });
+    it('02: should re-render the first two custom actions when activating them to have OFF text', async () => {
+      const customAction1 = await DSAccordionCO.getButtonsByIndex(0);
+      await customAction1.click();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Enter);
+      const customAction1text = await customAction1.getText();
+      const customAction2text = await (await DSAccordionCO.getButtonsByIndex(1)).getText();
+      const customAction3text = await (await DSAccordionCO.getButtonsByIndex(2)).getText();
+      await expect(customAction1text).toEqual('off');
+      await expect(customAction2text).toEqual('off');
+      await expect(customAction3text).toEqual('on');
+    });
+  });
+  describe('PUI-9963 - Accordion, tooltip -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.tooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display tooltip on hover first accordion', async () => {
+      const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
+      await mouseOver(firstAccordion, 20, 5);
+      const tooltip = await DSAccordionCO.getTooltip();
+      await expect(tooltip).toBeDisplayed();
+    });
+  });
+  describe('PUI-11786 - Accordion, conditional render -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.conditionalRender.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display second accordion', async () => {
+      const secondAccordion = await DSAccordionCO.getAccordionHeaderById('BaseRate2');
+      await secondAccordion.click();
+      const secondAccordionContent = await DSAccordionCO.getContents('BaseRate2');
+      await expect(secondAccordionContent).toBeDisplayedInViewport();
+    });
+    it('02: should not display second accordion - null', async () => {
+      const secondAccordion = await DSAccordionCO.getAccordionHeaderById('BaseRate2');
+      const secondAccordionContent = await DSAccordionCO.getContents('BaseRate2');
+      await DSAccordionCO.getAccordionHeader(1);
+      const toggleBtn = await DSAccordionCO.getToggleBtn();
+      await toggleBtn.click();
+      await expect(secondAccordion).not.toBeDisplayedInViewport();
+      await expect(secondAccordionContent).not.toBeDisplayedInViewport();
+    });
+  });
+
+  describe('PUI-11909 - Accordion, keep content usecase -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.keepContentURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have accordion closed and content existing by default', async () => {
+      const accordionContent = await CellCO.getCells();
+      await expect(accordionContent).not.toBeDisplayed();
+      await expect(accordionContent).toExist();
+    });
+    it('02: should have accordion expanded and content existing', async () => {
+      const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
+      await firstAccordion.click();
+      const accordionContent = await CellCO.getCells();
+      await expect(accordionContent).toBeDisplayed();
+    });
+    it('03: should have accordion closed and content still existing', async () => {
+      const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
+      await firstAccordion.click();
+      const accordionContent = await CellCO.getCells();
+      await expect(accordionContent).not.toBeDisplayed();
+      await expect(accordionContent).toExist();
+    });
+  });
+
+  describe('PUI-11910 - Accordion, Focus with useRef -a11y', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.focusOnItemURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should focus second item manually', async () => {
+      const secondAccordion = await DSAccordionCO.getAccordionHeader(1);
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      await expect(secondAccordion).toBeFocused();
+    });
+    it('02: should use button to focus the first accordion item via ref', async () => {
+      const focusButton = await DSAccordionCO.getButtonsByIndex(0);
+      await focusButton.click();
+      const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
+      await expect(firstAccordion).toBeFocused();
+    });
+  });
+}

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

@@ -0,0 +1,160 @@
+import { Key } from 'webdriverio';
+import DSAccordionCO from './DSAccordionCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-6111 - Accordion visual tests, basic', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.basicURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display all closed', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-closed'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display open first one', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-one-open'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should display focus on the second, hover on third', async () => {
+      await mouseOver(await DSAccordionCO.getAccordionHeader(2));
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-interacted-states'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-7979 - Accordion, header props -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.headerControls.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion expanded with header props', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).waitForDisplayed();
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      await (await DSAccordionCO.getContents('1-a')).waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-header-props'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display accordion with open toolbar', async () => {
+      await (await DSAccordionCO.getToolbarByIndex(1)).click();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-toolbar-props'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-7772 - Accordion, custom actions -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.customActions.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion with custom actions collapsed', async () => {
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-customactions-col'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display accordion with custom actions expanded', async () => {
+      await (await DSAccordionCO.getAccordionHeader(0)).waitForDisplayed();
+      await (await DSAccordionCO.getAccordionHeader(0)).click();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-customactions-exp'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-7982 - Accordion, multiple -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.multipleURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should corectly display two expanded accordions', async () => {
+      await (await DSAccordionCO.getAccordionHeader(0)).click();
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      const firstElemDisplayed = await DSAccordionCO.getContents(0);
+      const secondElemDisplayed = await DSAccordionCO.getContents(1);
+      await firstElemDisplayed.waitForDisplayed();
+      await secondElemDisplayed.waitForDisplayed();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-two-expanded'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-8321 - Accordion, global height -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.globalHeight.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display accordion with global height, not trimmed', async () => {
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-globalheight'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+  describe('PUI-8245 - Accordion, tooltip -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.tooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display tooltip on hover first accordion', async () => {
+      const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
+      await mouseOver(firstAccordion, 20, 5);
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-tooltip-title'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display tooltip on hover second accordion', async () => {
+      const secondAccordion = await DSAccordionCO.getAccordionHeader(1);
+      await mouseOver(secondAccordion, 20, 5);
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-tooltip-subtitle'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9965 - Accordion, long content -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.tooltip.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display tooltip on hover first accordion', async () => {
+      const firstAccordion = await DSAccordionCO.getAccordionHeader(0);
+      await firstAccordion.click();
+      await mouseOver(firstAccordion, 20, 5);
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-long-title'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should display tooltip on hover second accordion', async () => {
+      const secondAccordion = await DSAccordionCO.getAccordionHeader(1);
+      await secondAccordion.click();
+      await mouseOver(secondAccordion, 20, 5);
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-long-subtitle'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9964 - Accordion, Actionable within -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.datepickerInside.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should input focused within accordion', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.Tab);
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-datepicker-inside'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should opened datepicker', async () => {
+      const datepicker = await DSAccordionCO.getDatepickerBtn();
+      await datepicker.click();
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-datepicker-open'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}
+if (browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-7981 - Accordion, desktop to mobile -visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSAccordionCO.toMobileURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should expand one accordion and hover the other', async () => {
+      await (await DSAccordionCO.getAccordionHeader(1)).click();
+      await mouseOver(await DSAccordionCO.getAccordionHeader(2));
+      const snapshot = await browser.checkSnapshot(DSAccordionCO.snapshotPath('accordion-tomobile-interacted'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}