dimsum-e2e-tests 1.0.0-rc.1

package/ds-datagrids/page-objects/Editable.componentObject.js

@@ -0,0 +1,67 @@
+import { Key } from 'webdriverio';
+import { PATH_END_OF_LIFE_DATA_GRID, PATH_E2E_DATA_GRID } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class Editable extends PageObject {
+  static editableURL = new Urlbuilder(PATH_END_OF_LIFE_DATA_GRID, 'editable');
+
+  static pui2553URL = new Urlbuilder(PATH_E2E_DATA_GRID, 'pui-2553-editable-tabs');
+
+  // selectors
+  static async getCell(index) {
+    return $$('[role="gridcell"]')[index];
+  }
+
+  static async getCellText(index) {
+    const element = await this.getCell(index);
+    return element.getText();
+  }
+
+  static async getCellCountry(index) {
+    return $$('[data-testid="column-country"]')[index];
+  }
+
+  static async getCellName(index) {
+    return $$('[data-testid="column-name"]')[index];
+  }
+
+  // for pui-2553-editable-tabs
+  static async getTab(tab = 1) {
+    await (await $('[data-testid="tab-list"]')).waitForDisplayed({ timeout: 5000 });
+    return (await $('[data-testid="tab-list"]')).$(`[data-tab-id="tab${tab}"]`);
+  }
+
+  static async getFirstTabContainer() {
+    return $('[data-testid="ds-first-tab-text"]');
+  }
+
+  static async getComboBoxMenu() {
+    return $('[data-testid="combobox-menu-list"]');
+  }
+
+  static async getComboBoxOption(item) {
+    return (await $('[data-testid="combobox-option"]')).$(`//div[text()="${item}"]`);
+  }
+
+  static async clickCell(index) {
+    const element = await this.getCell(index);
+    await element.doubleClick();
+  }
+
+  static async clearField(element) {
+    const cell = await this.getCell(element);
+    const len = (await cell.getText()).length;
+    await cell.click();
+    for (let i = 0; i <= len; i += 1) {
+      // eslint-disable-next-line no-await-in-loop
+      await browser.keys(Key.Backspace);
+    }
+  }
+
+  static async sendVal(data) {
+    for (let i = 0; i <= data.length; i += 1) {
+      // eslint-disable-next-line no-await-in-loop
+      await browser.keys(data.charAt(i));
+    }
+  }
+}

package/ds-datagrids/page-objects/Pagination.componentObject.js

@@ -0,0 +1,72 @@
+import { PATH_END_OF_LIFE_DATA_GRID } from '../../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../../helpers';
+
+export default class Pagination extends PageObject {
+  static paginationURL = new Urlbuilder(PATH_END_OF_LIFE_DATA_GRID, 'pagination');
+
+  // selectors
+  static async getComboBoxButton() {
+    return $('[data-testid="combobox-dropdown-btn"]');
+  }
+
+  static async getComboBoxOption(item) {
+    return $(`//div[@data-testid="combobox-option"][contains(text(), "${item}")]`);
+  }
+
+  static async getComboBoxMenu() {
+    return $('[data-testid="combobox-menu-list"]');
+  }
+
+  static async getRows() {
+    return (await $$('[rowdata="[object Object]"]')).length;
+  }
+
+  static async getComboBoxValue() {
+    return (await $('[data-testid="per-page-dropdown"]')).getText();
+  }
+
+  static async getNextButton() {
+    return $('//span[contains(text(),"Next")]');
+  }
+
+  static async getPrevButton() {
+    return $('//span[contains(text(),"Prev")]');
+  }
+
+  static async getPageSelected() {
+    return (await $('//div[@class="selected"]')).getText();
+  }
+
+  static async getNumPageButton(num) {
+    return $(`//span[text()="${num}"]`);
+  }
+
+  // actions
+  static async open() {
+    const errorOnGo = await Pagination.paginationURL.go();
+    if (errorOnGo) throw errorOnGo;
+    const comboBox = await this.getComboBoxButton();
+    await comboBox.waitForDisplayed({ timeout: 5000 });
+  }
+
+  static async opeComboBox() {
+    await (await this.getComboBoxButton()).click();
+    await (await this.getComboBoxMenu()).waitForDisplayed({ timeout: 5000 });
+  }
+
+  static async clickComboBoxItem(item) {
+    const option = await this.getComboBoxOption(item);
+    await option.waitForClickable();
+    await option.click();
+  }
+
+  static async goToPage(num) {
+    const pageNum = await this.getNumPageButton(num);
+    await pageNum.waitForClickable();
+    await pageNum.click();
+  }
+
+  static snapshotPath(example = 'pagination') {
+    return PageObject.getSnapshotPathBuilder('DSDataGrid', example, 'ds-datagrids');
+  }
+}

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

@@ -0,0 +1,40 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from './DSDataVizCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9402 - DSDataViz, Basic area chart -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicArea.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display basic area chart correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-area-basic'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9403 - DSDataViz, Stacked area chart -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.stackedArea.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display stacked area chart correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-area-stacked'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9404 - DSDataViz, CurvedStyle area chart -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.curveStyleArea.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a curved style area chart correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-area-curved'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -0,0 +1,80 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSDataVizCO from './DSDataVizCO';
+import { mouseOver } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9398 - DSDataViz, Additional Y axis -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.additionalYAxis.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display additional Y axis correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-axis-additionalY'));
+      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.getCircleByIndex(7);
+      await mouseOver(dataPoint);
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-axis-hover'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9399 - DSDataViz, Category axis -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.categoryAxis.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a chart with category axis correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-axis-category'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9400 - DSDataViz, Linear axis, KB movement (focus) -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.linearAxis.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a chart with linear axis correctly (check !23)', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-axis-linear'));
+      await expect(snapshot).toEqual(0);
+    });
+    if (!browser.capabilities['ice:options'].isTablet) {
+      it('should display a chart with linear focusing second point grey line', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.ArrowRight);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-axis-kb'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('should display a chart with linear focusing third point magenta line', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.ArrowUp);
+        await browser.keys(Key.ArrowRight);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-axis-kb-bis'));
+        await expect(snapshot).toEqual(0);
+      });
+    }
+  });
+
+  // fails on firefox due to fake-positive of infinte loop
+  if (browser.capabilities.browserName !== 'Firefox') {
+    describe('PUI-9401 - DSDataViz, TimeLinear axis -Visual', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSDataVizCO.timeLinearAxis.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('should display a chart with time-linear axis display correctly', async () => {
+        await browser.eyesOpen();
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-axis-timelinear'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+  }
+}

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

@@ -0,0 +1,103 @@
+/* eslint-disable wdio/no-pause */
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import DSDataVizCO from './DSDataVizCO';
+import { mouseOver, getLocationByDataTestId } from '../helpers';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9419 - DSDataViz, horizontal basic -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.horizontalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display horizontal bar chart correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-bars-basic-horizontal'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9422 - DSDataViz, negative vertical -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.negativeVerticalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display vertical bar chart with negative values correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-bars-neg-vertical'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9423 - DSDataViz, stacked single -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.stackedBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display vertical bar chart with stacked values correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-bars-stacked-single'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9420 - DSDataViz, multi stacked -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.multiStackedBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display bar chart with stacked group values correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-bars-multi-stacked'));
+      await expect(snapshot).toEqual(0);
+    });
+    if (!browser.capabilities['ice:options'].isTablet) {
+      it('should display the chart being hovered with scrapper correctly', async () => {
+        await browser.eyesOpen();
+        const location = await getLocationByDataTestId('ds-dataviz-bar', 2);
+        await mouseOver(null, location.xLocation + 5, location.yLocation + 5);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-bars-hover'));
+        await expect(snapshot).toEqual(0);
+      });
+    }
+  });
+
+  describe('PUI-9427 - DSDataViz, Negative Horizontal bar chart -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.negativeHorizontalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a horizontal bar chart with negative values correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-bars-neg-horizontal'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9424 - DSDataViz, vertical + null value -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicVerticalBars.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display a basic vertical bar chart with a null value datapoint example correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-bars-basic-vertical'));
+      await expect(snapshot).toEqual(0);
+    });
+    if (!browser.capabilities['ice:options'].isTablet) {
+      it('should display a barchart focusing first bar second group', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.ArrowRight);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-bars-kb'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('should display a barchart focusing second bar second group', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.ArrowUp);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-bars-kb'));
+        await expect(snapshot).toEqual(0);
+      });
+    }
+  });
+}

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

@@ -0,0 +1,118 @@
+/* eslint-disable max-lines */
+import { Key } from 'webdriverio';
+import { mouseOver } from '../helpers';
+import DSDataVizCO from './DSDataVizCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9414 - DSDataViz, Colors showcase -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.colorsShowcase.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display charts using all the available colors (showcase) correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-colors'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9415 - DSDataViz, micro charts -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.microChart.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display microchart variant correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-microcharts'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  // add interactions when trend colors (green/red) are updated
+
+  describe('PUI-9416 - DSDataViz, trends -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.trend.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display trends variant correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-trend'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9417 - DSDataViz, scatter plot -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.scatterPlot.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display scatter plot variant correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-scatter-plot'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9418 - DSDataViz, combination chart -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.combinationChart.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display combined line chart and stacked bars chart correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-combination'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9480 - DSDataViz, Responsive -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.responsiveTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display the chart in a 400px width container', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-responsive'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9481 - DSDataViz, Within dialog -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.dialogTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display chart within dialog correctly', async () => {
+      await browser.eyesOpen();
+      const openDialogBtn = await DSDataVizCO.getOpenDialogBtn();
+      await openDialogBtn.click();
+      await mouseOver(await DSDataVizCO.getBtnByIndex(0));
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-dialog'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  if (!browser.capabilities['ice:options'].isTablet) {
+    describe('PUI-9661 - DSDataViz, Trend highlight -Visual', () => {
+      before('loading page', async () => {
+        const errorOnGo = await DSDataVizCO.trendHighlightTest.go();
+        if (errorOnGo) throw errorOnGo;
+      });
+      it('01: should display chart green trend highlight (one, keyboard)', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.Tab);
+        await browser.keys(Key.ArrowRight);
+        await browser.keys(Key.ArrowRight);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-green-trend'));
+        await expect(snapshot).toEqual(0);
+      });
+      it('02: should display chart red trend highlight (one, keyboard)', async () => {
+        await browser.eyesOpen();
+        await browser.keys(Key.ArrowRight);
+        const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-red-trend'));
+        await expect(snapshot).toEqual(0);
+      });
+    });
+  }
+}

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

@@ -0,0 +1,40 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from './DSDataVizCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  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.legend.visual.spec.js

@@ -0,0 +1,53 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from './DSDataVizCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9426 - DSDataViz, Legend Wrap -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.wrappedLegend.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display wrapped legends correctly correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-legend-wrap'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9425 - DSDataViz, Legend Position -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.postionLegend.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display legends in the 4 posible position (top, bottom, left, right) correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-legend-position'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9937 - DSDataViz, Legend Filtering -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.filterLegendTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should filter two legends, display the two remaining', async () => {
+      await browser.eyesOpen();
+      const secondLegend = await DSDataVizCO.getLegendBox(1);
+      const thirdLegend = await DSDataVizCO.getLegendBox(2);
+      await secondLegend.click();
+      await thirdLegend.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-legend-filtering'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('02: should unfilter two legends and display the four', async () => {
+      await browser.eyesOpen();
+      const secondLegend = await DSDataVizCO.getLegendBox(1);
+      const thirdLegend = await DSDataVizCO.getLegendBox(2);
+      await secondLegend.click();
+      await thirdLegend.click();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-legend-filtering'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

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

@@ -0,0 +1,40 @@
+/* eslint-disable max-lines */
+import DSDataVizCO from './DSDataVizCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-9407 - DSDataViz, CurveStyle -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.spline.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display curved lines on a linechart correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-lines-curved'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9406 - DSDataViz, dashStyle and pointStyle -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.dashStyles.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display all dashStyles and dataPoint style variants correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-lines-styles'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-9405 - DSDataViz, Basic Line - Point Radius -Visual', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSDataVizCO.basicLines.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should display line charts with different pointRadius on its datapoints correctly', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSDataVizCO.snapshotPath('dataviz-lines-point-radius'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}