dimsum-e2e-tests 1.0.0-rc.1

package/ds-dataviz/DSDataViz.pie.visual.spec.js

@@ -0,0 +1,82 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSDataVizCO from './DSDataVizCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9408 - DSDataViz, Pie -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicPie.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display pie chart correctly correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-pie'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display the chart being hovered with hover style for the circles and scrapper correctly', async () => {
+      await browser.eyesOpen();
+      const dataPoint = await DSDataVizCO.getPieceByIndex(1);
+      await mouseOver(dataPoint);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-axis-hover'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9409 - DSDataViz, Donut -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.donut.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display donut chart correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-donut'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9410 - DSDataViz, Half-Donut -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.halfPie.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display half donut chart correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-half-donut'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9440 - DSDataViz, Pie legend layout, KB movement (focus) -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.legendPie.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display donut chart with custom legend correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-pie-legend'));
+      await expect(snapshot).toEqual(0);
+    });
+    if (!browser.capabilities['ice:options'].isTablet) {
+      it('should display a donut chart focusing green piece line', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.Tab);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-pie-kb-green'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('should display a donut chart focusing grey piece line', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.ArrowLeft);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-pie-kb-grey'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('should display a donut chart focusing brown/orange piece line', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.ArrowRight);
+        await browser.keys(Key.ArrowRight);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-pie-kb-orange'));
+        await expect(snapshot).toEqual(0);
+      });
+    }
+  });
+}

package/ds-dataviz/DSDataViz.scroll.visual.spec.js

@@ -0,0 +1,135 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSDataVizCO from './DSDataVizCO';
+import { shifKeyDown, shiftKeyUp } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9438 - DSDataViz, Scroll vertical bar chart -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.scrollBarChart.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a bar chart scrolled all the way to the right', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowLeft);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-scroll-bar-vertical'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9437 - DSDataViz, Scroll horizontal bar chart -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.horizontalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a horizontal bar chart scrolled all the way to the bottom', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowLeft);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-scroll-bar-horizontal'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9968 - DSDataViz, Scroll horizontal stacked bar chart -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.horStackedTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a horizontal stacked bar chart with scroll', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-hor-stacked-top'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display a horizontal stacked bar chart scrolled all the way to the bottom ', async () => {
+      await browser.eyesOpen();
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowLeft);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-hor-stacked-bottom'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  // Automation is not mantaining focus on Safari, normal behavior manually
+  if (browser.capabilities.browserName !== 'Safari') {
+    describe('PUI-10708 - DSDataViz, Scroll, zoom and Resize -Visual', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSDataVizCO.scrollResizeURL.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: should display a the chart in default state', async () => {
+        await browser.eyesOpen();
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-res-default-default'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('02: should display the chart resized (small)', async () => {
+        await browser.eyesOpen();
+        const resizeButton = await DSDataVizCO.getToggleResize();
+        await resizeButton.click();
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-res-default-small'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('03: should display the chart zoomed and resized (small)', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.Tab);
+        await shifKeyDown();
+        await browser.keys(Key.ArrowRight);
+        await browser.keys(Key.ArrowRight);
+        await browser.keys(Key.ArrowRight);
+        await shiftKeyUp();
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-res-zoom-small-a'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('04: should display the chart zoomed and resized (big)', async () => {
+        await browser.eyesOpen();
+        const resizeButton = await DSDataVizCO.getToggleResize();
+        await resizeButton.click();
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-res-zoom-big'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('05: should display the chart zoomed and resized (small) again', async () => {
+        await browser.eyesOpen();
+        const resizeButton = await DSDataVizCO.getToggleResize();
+        await resizeButton.click();
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-res-zoom-small-b'));
+        await expect(snapshot).toEqual(0);
+      });
+      // Automation can't find the zoom reset button (due to the way its rendered) on Firefox
+      // Normal behavior manually
+      if (browser.capabilities.browserName !== 'Firefox') {
+        it('06: should display the chart unzoomed and resized (small)', async () => {
+          await browser.eyesOpen();
+          const resetZoom = await DSDataVizCO.getResetZoom();
+          await resetZoom.click();
+          const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-res-unzoom-small'));
+          await expect(snapshot).toEqual(0);
+        });
+        it('07: should display the chart unzoomed and resized (big)', async () => {
+          await browser.eyesOpen();
+          const resizeButton = await DSDataVizCO.getToggleResize();
+          await resizeButton.click();
+          const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-res-unzoom-big'));
+          await expect(snapshot).toEqual(0);
+        });
+      }
+    });
+  }
+
+  // fails on firefox due to fake-positive of infinte loop
+  if (browser.capabilities.browserName !== 'Firefox') {
+    describe('PUI-9439 - DSDataViz, Scroll line chart -Visual', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSDataVizCO.scrollLineChart.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display a line chart scrolled all the way to the bottom correctly', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.ArrowLeft);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-scroll-line'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+  }
+}

package/ds-dataviz/DSDataViz.singlestackedbar.visual.spec.js

@@ -0,0 +1,67 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from './DSDataVizCO';
+// import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-10723 - DSDataViz, Single Stacked Bar: Basic/States -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.singleStackBasic.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display single stacked bar chart correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-singlestack-basic-default'));
+      await expect(snapshot).toEqual(0);
+    });
+    /* Unskip after PUI-10427 is fixed
+    it('should display single stacked bar chart correctly', async () => {
+      await browser.eyesOpen();
+      //mouseOver
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-singlestack-basic-mouseOver'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('should display single stacked bar chart correctly', async () => {
+      await browser.eyesOpen();
+      //focus
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-singlestack-basic-focus'));
+      await expect(snapshot).toEqual(0);
+    });
+    */
+  });
+
+  describe('PUI-10720 - DSDataViz, Single Stacked Bar: Gutter -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.singleStackGutter.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display single stacked bar chart different gutters width correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-singlestack-gutter'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10721 - DSDataViz, Single Stacked Bar: Height -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.singleStackHeight.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display single stacked bar chart different heights correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-singlestack-height'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10722 - DSDataViz, Single Stacked Bar: Legend renderer -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.singleStackLegend.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display single stacked bar chart with legend renderer correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-singlestack-legend'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dataviz/DSDataViz.smoke.spec.js

@@ -0,0 +1,40 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from './DSDataVizCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9434 - DSDataViz, Basic Render line chart -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.additionalYAxis.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the minimum required parts of the line chart correctly', async () => {
+      const dataCircles = await DSDataVizCO.getCircles();
+      const howManyCircles = await dataCircles.length;
+      await expect(howManyCircles).toEqual(17);
+    });
+  });
+
+  describe('PUI-9435 - DSDataViz, Basic Render pie chart -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicPie.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the minimum required parts of the pie chart correctly', async () => {
+      const dataPieces = await DSDataVizCO.getPieces();
+      const howManyPieces = await dataPieces.length;
+      await expect(howManyPieces).toEqual(4);
+    });
+  });
+
+  describe('PUI-9436 - DSDataViz, Basic Render bar chart -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicVerticalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the minimum required parts of the line chart correctly', async () => {
+      const dataBars = await DSDataVizCO.getBars();
+      const howManyBars = await dataBars.length;
+      await expect(howManyBars).toEqual(35);
+    });
+  });
+}

package/ds-dataviz/DSDataViz.ticks.func.spec.js

@@ -0,0 +1,19 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from './DSDataVizCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-10319 - DSDataViz, Only integer ticks -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.integerTicks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should only have integer ticks', async () => {
+      const tickText1 = await (await DSDataVizCO.getTickByIndex(0)).getText();
+      const tickText2 = await (await DSDataVizCO.getTickByIndex(1)).getText();
+      const tickText3 = await (await DSDataVizCO.getTickByIndex(2)).getText();
+      await expect(tickText1).toEqual('0');
+      await expect(tickText2).toEqual('1');
+      await expect(tickText3).toEqual('2');
+    });
+  });
+}

package/ds-dataviz/DSDataViz.ticks.visual.spec.js

@@ -0,0 +1,76 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from './DSDataVizCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9411 - DSDataViz, Ticks, Custom: Color -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.colorsTicks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display ticks with custom color correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-ticks-color'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9412 - DSDataViz, Ticks, Custom: Format -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.formatTicks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display ticks with custom format correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-ticks-format'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9413 - DSDataViz, Ticks, Custom: Rotation -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.rotationTicks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display ticks with custom rotation correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-ticks-rotation'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10201 - DSDataViz, Ticks, Overwrite ticks -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.overwriteTicks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display ticks with custom rotation correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-ticks-overwrite'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10320 - DSDataViz, Time interval types -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.intervalTypes.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should showcase chart with time interval types', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-ticks-time-intervals'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10321 - DSDataViz, Force ticks -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.forceTicks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should showcase chart with forced ticks', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-ticks-force'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-dataviz/DSDataVizCO.js

@@ -0,0 +1,187 @@
+/* eslint-disable max-len */
+import {
+  PATH_E2E_DATAVIZ_EXTRA,
+  PATH_E2E_DATAVIZ_LEGEND,
+  PATH_E2E_DATAVIZ_BARS,
+  PATH_E2E_DATAVIZ_LINES,
+  PATH_E2E_DATAVIZ_AREA,
+  PATH_E2E_DATAVIZ_AXIS,
+  PATH_E2E_DATAVIZ_TICKS,
+  PATH_E2E_DATAVIZ_PIE,
+  PATH_E2E_DATAVIZ_SCROLL,
+  PATH_E2E_DATAVIZ_SINGLESTACKED,
+  // eslint-disable-next-line import/no-relative-packages
+} from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
+
+export default class DSDatePickerCO extends PageObject {
+  // axis
+
+  static additionalYAxis = new Urlbuilder(PATH_E2E_DATAVIZ_AXIS, 'additional-y-axis-test');
+
+  static categoryAxis = new Urlbuilder(PATH_E2E_DATAVIZ_AXIS, 'category-axis-test');
+
+  static linearAxis = new Urlbuilder(PATH_E2E_DATAVIZ_AXIS, 'linear-axis-test');
+
+  static timeLinearAxis = new Urlbuilder(PATH_E2E_DATAVIZ_AXIS, 'time-linear-axis-test');
+
+  // area
+
+  static basicArea = new Urlbuilder(PATH_E2E_DATAVIZ_AREA, 'basic-area-test');
+
+  static curveStyleArea = new Urlbuilder(PATH_E2E_DATAVIZ_AREA, 'curve-style-test');
+
+  static stackedArea = new Urlbuilder(PATH_E2E_DATAVIZ_AREA, 'stacked-area-test');
+
+  // lines
+
+  static basicLines = new Urlbuilder(PATH_E2E_DATAVIZ_LINES, 'basic-lines-test');
+
+  static dashStyles = new Urlbuilder(PATH_E2E_DATAVIZ_LINES, 'dash-style-test');
+
+  static spline = new Urlbuilder(PATH_E2E_DATAVIZ_LINES, 'spline-test');
+
+  // pie
+
+  static basicPie = new Urlbuilder(PATH_E2E_DATAVIZ_PIE, 'basic-pie-test');
+
+  static donut = new Urlbuilder(PATH_E2E_DATAVIZ_PIE, 'donut-test');
+
+  static halfPie = new Urlbuilder(PATH_E2E_DATAVIZ_PIE, 'half-pie-test');
+
+  static legendPie = new Urlbuilder(PATH_E2E_DATAVIZ_PIE, 'pie-legend-test');
+
+  // pie
+
+  static singleStackBasic = new Urlbuilder(PATH_E2E_DATAVIZ_SINGLESTACKED, 'basic-test');
+
+  static singleStackHeight = new Urlbuilder(PATH_E2E_DATAVIZ_SINGLESTACKED, 'height-test');
+
+  static singleStackGutter = new Urlbuilder(PATH_E2E_DATAVIZ_SINGLESTACKED, 'gutter-test');
+
+  static singleStackLegend = new Urlbuilder(PATH_E2E_DATAVIZ_SINGLESTACKED, 'with-legend-renderer-test');
+
+  // extra
+
+  static colorsShowcase = new Urlbuilder(PATH_E2E_DATAVIZ_EXTRA, 'colors-showcase-test');
+
+  static combinationChart = new Urlbuilder(PATH_E2E_DATAVIZ_EXTRA, 'combination-chart-test');
+
+  static microChart = new Urlbuilder(PATH_E2E_DATAVIZ_EXTRA, 'micro-chart-test');
+
+  static scatterPlot = new Urlbuilder(PATH_E2E_DATAVIZ_EXTRA, 'scatter-plot-test');
+
+  static trend = new Urlbuilder(PATH_E2E_DATAVIZ_EXTRA, 'trend-test');
+
+  static trendHighlightTest = new Urlbuilder(PATH_E2E_DATAVIZ_EXTRA, 'trend-highlight-test');
+
+  static responsiveTest = new Urlbuilder(PATH_E2E_DATAVIZ_EXTRA, 'responsive-test');
+
+  static dialogTest = new Urlbuilder(PATH_E2E_DATAVIZ_EXTRA, 'dialog-test');
+
+  static filterLegendTest = new Urlbuilder(PATH_E2E_DATAVIZ_EXTRA, 'filter-legend-test');
+
+  // ticks
+
+  static colorsTicks = new Urlbuilder(PATH_E2E_DATAVIZ_TICKS, 'colors-test');
+
+  static formatTicks = new Urlbuilder(PATH_E2E_DATAVIZ_TICKS, 'format-test');
+
+  static rotationTicks = new Urlbuilder(PATH_E2E_DATAVIZ_TICKS, 'rotation-test');
+
+  static overwriteTicks = new Urlbuilder(PATH_E2E_DATAVIZ_TICKS, 'overwrite-ticks-test');
+
+  static integerTicks = new Urlbuilder(PATH_E2E_DATAVIZ_TICKS, 'only-integers-ticks-test');
+
+  static forceTicks = new Urlbuilder(PATH_E2E_DATAVIZ_TICKS, 'force-ticks-test');
+
+  static intervalTypes = new Urlbuilder(PATH_E2E_DATAVIZ_TICKS, 'time-interval-types-test');
+
+  // bars
+
+  static horizontalBars = new Urlbuilder(PATH_E2E_DATAVIZ_BARS, 'horizontal-bars-chart-test');
+
+  static multiStackedBars = new Urlbuilder(PATH_E2E_DATAVIZ_BARS, 'multi-stacked-bars-test');
+
+  static negativeHorizontalBars = new Urlbuilder(PATH_E2E_DATAVIZ_BARS, 'negative-horizontal-bars-test');
+
+  static negativeVerticalBars = new Urlbuilder(PATH_E2E_DATAVIZ_BARS, 'negative-test');
+
+  static stackedBars = new Urlbuilder(PATH_E2E_DATAVIZ_BARS, 'stacked-bars-test');
+
+  static basicVerticalBars = new Urlbuilder(PATH_E2E_DATAVIZ_BARS, 'vertical-bars-test');
+
+  // legend
+
+  static postionLegend = new Urlbuilder(PATH_E2E_DATAVIZ_LEGEND, 'position-test');
+
+  static wrappedLegend = new Urlbuilder(PATH_E2E_DATAVIZ_LEGEND, 'wrapped-legend-test');
+
+  // scroll
+
+  static scrollLineChart = new Urlbuilder(PATH_E2E_DATAVIZ_SCROLL, 'line-chart-scrollable-test');
+
+  static scrollBarChart = new Urlbuilder(PATH_E2E_DATAVIZ_SCROLL, 'bar-chart-scrollable-test');
+
+  static horStackedTest = new Urlbuilder(PATH_E2E_DATAVIZ_SCROLL, 'horizontal-scrollable-test');
+
+  static scrollResizeURL = new Urlbuilder(PATH_E2E_DATAVIZ_SCROLL, 'pui-10559-scroll-when-resize');
+
+  // FindBy's
+
+  //     Globals
+
+  static getSvgs = async () => $$('<svg>');
+
+  static getSvgByIndex = async (index = 0) => $$('<svg>')[index];
+
+  static getSvg = async () => $('<svg>');
+
+  static getRects = async () => $$('rect');
+
+  static getRectByIndex = async (index) => getElementByIndex(this.getRects, index);
+
+  //     LineCharts
+
+  static getPoints = async () => $$('[data-testid="ds-dataviz-point"]');
+
+  static getPointByIndex = async (index) => getElementByIndex(this.getPoints, index);
+
+  static getCircles = async () => $$('circle');
+
+  static getCircleByIndex = async (index) => getElementByIndex(this.getCircles, index);
+
+  //     Bars
+
+  static getBars = async () => $$('[data-testid="ds-dataviz-bar"]');
+
+  static getBarByIndex = async (index) => getElementByIndex(this.getBars, index);
+
+  //     Pie
+
+  static getPieces = async () => $$('[stroke = "white"]');
+
+  static getPieceByIndex = async (index) => getElementByIndex(this.getPieces, index);
+
+  // Miscellaneous
+
+  static getTickByIndex = async (index = 0) => $$('text[style="text-anchor: end;"]')[index];
+  // Will get ticks first, then might bring some other text elements
+
+  static getOpenDialogBtn = async () => $('[data-testid="open-dialog-button"]');
+
+  static getBtns = async () => $$('[ data-testid="ds-button"]');
+
+  static getBtnByIndex = async (index) => getElementByIndex(this.getBtns, index);
+
+  static getLegendBox = async (index = 0) => $$('[class="bottom-legend"] text')[index];
+
+  static getToggleResize = async () => $('[data-testid="toggleResize"]');
+
+  static getResetZoom = async () => $('g[role="button"]');
+
+  // Snapshots
+  static snapshotPath(example = 'charts') {
+    return PageObject.getSnapshotPathBuilder('DSDataViz', example, 'ds-dataviz');
+  }
+}

package/ds-dataviz/axecore/DSDataViz.area.axe-core.func.spec.js

@@ -0,0 +1,36 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from '../DSDataVizCO';
+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-11368 - DSDataViz, Curved/Basic/Stacked area chart -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.stackedArea.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display stacked curved and basic area chart and pass axe-core scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11369 - DSDataViz, Basic area chart -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicArea.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display not-stacked basic area chart and pass axe-core scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}