dimsum-e2e-tests 1.0.0-rc.1

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

@@ -0,0 +1,42 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from '../DSDataVizCO';
+import { mouseOver, axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-11370 - DSDataViz, Additional Y axis -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.additionalYAxis.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display additional Y axis correctly and pass axe-core scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should have scrapper displayed and pass axe-core scan', async () => {
+      const dataPoint = await DSDataVizCO.getCircleByIndex(7);
+      await mouseOver(dataPoint);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11371 - DSDataViz, TimeLinear axis -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.timeLinearAxis.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a chart with time-linear axis and pass axe-core scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,95 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-lines */
+import DSDataVizCO from '../DSDataVizCO';
+import { mouseOver, getLocationByDataTestId, axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-11372 - DSDataViz, bar horizontal basic -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.horizontalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display horizontal bar chart and pass axe-core test', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11374 - DSDataViz, bar negative vertical -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.negativeVerticalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display vertical bar chart with negative values 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-11376 - DSDataViz, stacked single -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.stackedBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display vertical bar chart with stacked values 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-11377 - DSDataViz, multi stacked -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.multiStackedBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display bar chart with stacked group values and pass axe-core scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should display the chart being hovered with scrapper and pass axe-core scan', async () => {
+      const location = await getLocationByDataTestId('ds-dataviz-bar', 2);
+      await mouseOver(null, location.xLocation + 5, location.yLocation + 5);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11373 - DSDataViz, Negative Horizontal bar chart -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.negativeHorizontalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a horizontal bar chart with negative values 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-11375 - DSDataViz, vertical + null value -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicVerticalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a basic vertical bar chart with a null value and pass axe-core scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,78 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import { mouseOver, axeCoreCheck } from '../../helpers';
+import DSDataVizCO from '../DSDataVizCO';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-11378 - DSDataViz, Colors showcase -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.colorsShowcase.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display charts using all the available colors (showcase) correctly', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11380 - DSDataViz, micro charts -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.microChart.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display microchart variant and pass axecore scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11379 - DSDataViz, scatter plot -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.scatterPlot.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display scatter plot variant and pass axecore scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11381 - DSDataViz, Within dialog -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.dialogTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display chart within dialog and pass axecore scan', async () => {
+      const openDialogBtn = await DSDataVizCO.getOpenDialogBtn();
+      await openDialogBtn.click();
+      await mouseOver(await DSDataVizCO.getBtnByIndex(0));
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11382 - DSDataViz, Trend highlight -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.trendHighlightTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display chart green trend highlight and pass axe-core scan', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowRight);
+      await browser.keys(Key.ArrowRight);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,40 @@
+/* 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-11383 - DSDataViz, Legend Position -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.postionLegend.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display legends in the 4 posible position and pass axecore scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11384 - DSDataViz, Legend Filtering -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.filterLegendTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should filter two legends, display the two remaining and pass axecore scan', async () => {
+      const secondLegend = await DSDataVizCO.getLegendBox(1);
+      const thirdLegend = await DSDataVizCO.getLegendBox(2);
+      await secondLegend.click();
+      await thirdLegend.click();
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,49 @@
+/* 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-11386 - DSDataViz, CurveStyle -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.spline.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display curved lines on a linechart correctly', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11387 - DSDataViz, dashStyle and pointStyle -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.dashStyles.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display all dashStyles and dataPoint style variants correctly', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11385 - DSDataViz, Basic Line - Point Radius -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicLines.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display line charts with different pointRadius on its datapoints correctly', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,70 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from '../DSDataVizCO';
+import { mouseOver, axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-11393 - DSDataViz, Pie -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicPie.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display pie chart and pass axe-core scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('01: should display the chart being hovered with scrapper and pass axe-core scan', async () => {
+      const dataPoint = await DSDataVizCO.getPieceByIndex(1);
+      await mouseOver(dataPoint);
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11391 - DSDataViz, Donut -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.donut.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display donut 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-11392 - DSDataViz, Half-Donut -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.halfPie.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display half donut 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-11390 - DSDataViz, Pie legend layout -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.legendPie.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display donut chart with custom legend and pass axe-core scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,59 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSDataVizCO from '../DSDataVizCO';
+import { shifKeyDown, shiftKeyUp, axeCoreCheck } from '../../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-11396 - DSDataViz, Scroll vertical bar chart -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.scrollBarChart.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display a bar chart scrolled all the way to the rightand pass axecore scan', async () => {
+      await browser.keys(Key.Tab);
+      await browser.keys(Key.ArrowLeft);
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11397 - DSDataViz, Scroll, zoom and Resize -AxeCore', () => {
+    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 () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('02: should display the chart resized (small) and pass axecore scan', async () => {
+      const resizeButton = await DSDataVizCO.getToggleResize();
+      await resizeButton.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('03: should display the chart zoomed and resized (small) and pass axecore scan', async () => {
+      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 result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+    it('04: should display the chart zoomed and resized (big) and pass axecore scan', async () => {
+      const resizeButton = await DSDataVizCO.getToggleResize();
+      await resizeButton.click();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

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

@@ -0,0 +1,24 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from '../DSDataVizCO';
+import { axeCoreCheck } from '../../helpers';
+// import { mouseOver } from '../helpers';
+
+if (
+  (!browser.capabilities['ice:options'].isPhone &&
+    !browser.capabilities['ice:options'].isTablet &&
+    browser.capabilities.browserName === 'Chrome') ||
+  browser.capabilities.browserName === 'chrome'
+) {
+  describe('PUI-11388 - DSDataViz, Single Stacked Bar -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.singleStackBasic.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display single stacked bar chart and pass axe-core scan', async () => {
+      const svg = await $$('[data-testid="ds-single-stacked-bar-root"]')[0];
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}

package/ds-dataviz/axecore/DSDataViz.ticks.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-11394 - DSDataViz, Ticks, Custom: Color -AxeCore', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.colorsTicks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should display ticks with custom color and pass axecore scan', async () => {
+      const svg = await DSDataVizCO.getSvgByIndex();
+      await svg.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+
+  describe('PUI-11395 - DSDataViz, tick format and rotation -Func', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.integerTicks.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have custom format and rotation and pass axecore scan', async () => {
+      const tickText1 = await DSDataVizCO.getTickByIndex(0);
+      await tickText1.waitForDisplayed();
+      const result = await axeCoreCheck();
+      expect(result.length).toBe(0);
+    });
+  });
+}