143 lines
4.2 KiB
TypeScript
143 lines
4.2 KiB
TypeScript
import {Page} from '@playwright/test';
|
|
|
|
import {WizardVisualizationId} from '../../../page-objects/common/Visualization';
|
|
|
|
import {PlaceholderName} from '../../../page-objects/wizard/SectionVisualization';
|
|
import {RadioButtons, RadioButtonsValues} from '../../../page-objects/wizard/PlaceholderDialog';
|
|
import {CommonUrls} from '../../../page-objects/constants/common-urls';
|
|
import WizardPage from '../../../page-objects/wizard/WizardPage';
|
|
import {RobotChartsDatasets, RobotChartsWizardUrls} from '../../../utils/constants';
|
|
import datalensTest from '../../../utils/playwright/globalTestDefinition';
|
|
import {openTestPage} from '../../../utils';
|
|
import {PlaceholderId} from '../../../../src/shared';
|
|
|
|
const expectedLabelsTexts = [
|
|
'01.01.1998',
|
|
'01.06.1998',
|
|
'01.11.1998',
|
|
'01.04.1999',
|
|
'01.09.1999',
|
|
'01.02.2000',
|
|
'01.07.2000',
|
|
'01.12.2000',
|
|
'01.05.2001',
|
|
'01.10.2001',
|
|
'01.03.2002',
|
|
'01.08.2002',
|
|
'01.01.2003',
|
|
'01.06.2003',
|
|
'01.11.2003',
|
|
'01.04.2004',
|
|
'01.09.2004',
|
|
'01.02.2005',
|
|
'01.07.2005',
|
|
'01.12.2005',
|
|
'01.05.2006',
|
|
'01.10.2006',
|
|
'01.03.2007',
|
|
'01.08.2007',
|
|
'01.01.2008',
|
|
'01.06.2008',
|
|
'01.11.2008',
|
|
'01.04.2009',
|
|
'01.09.2009',
|
|
'01.02.2010',
|
|
'01.07.2010',
|
|
'01.12.2010',
|
|
'01.05.2011',
|
|
'01.10.2011',
|
|
'01.03.2012',
|
|
'01.08.2012',
|
|
'01.01.2013',
|
|
'01.06.2013',
|
|
'01.11.2013',
|
|
'01.04.2014',
|
|
'01.09.2014',
|
|
'01.02.2015',
|
|
'01.07.2015',
|
|
'01.12.2015',
|
|
'01.05.2016',
|
|
'01.10.2016',
|
|
'01.03.2017',
|
|
'01.08.2017',
|
|
'01.01.2018',
|
|
'01.06.2018',
|
|
'01.11.2018',
|
|
'01.04.2019',
|
|
'01.09.2019',
|
|
'01.02.2020',
|
|
'01.07.2020',
|
|
'01.12.2020',
|
|
'01.05.2021',
|
|
'01.10.2021',
|
|
'01.03.2022',
|
|
'01.08.2022',
|
|
'01.01.2023',
|
|
'01.06.2023',
|
|
'01.11.2023',
|
|
];
|
|
|
|
// todo: remove along with GravityChartsForLineAreaAndBarX feature flag
|
|
datalensTest.describe('Multi-faceted charts with layers', () => {
|
|
datalensTest.beforeEach(async ({page}: {page: Page}) => {
|
|
await openTestPage(page, RobotChartsWizardUrls.Empty);
|
|
});
|
|
|
|
datalensTest.skip(
|
|
'The data on the X-axis must be formed correctly from two datasets',
|
|
async ({page}: {page: Page}) => {
|
|
const wizardPage = new WizardPage({page});
|
|
|
|
await wizardPage.addFirstDataset(RobotChartsDatasets.OrderSalesDataset);
|
|
|
|
await wizardPage.setVisualization(WizardVisualizationId.CombinedChart);
|
|
|
|
const successfulResponsePromise = wizardPage.waitForSuccessfulResponse(
|
|
CommonUrls.ApiRun,
|
|
);
|
|
|
|
await wizardPage.sectionVisualization.addFieldByClick(PlaceholderName.X, 'Date');
|
|
|
|
await wizardPage.sectionVisualization.addFieldByClick(PlaceholderName.Y, 'Sales');
|
|
|
|
await wizardPage.placeholderDialog.open(PlaceholderId.X);
|
|
await wizardPage.placeholderDialog.toggleRadioButton(
|
|
RadioButtons.AxisMode,
|
|
RadioButtonsValues.Discrete,
|
|
);
|
|
await wizardPage.placeholderDialog.apply();
|
|
|
|
await successfulResponsePromise;
|
|
|
|
await wizardPage.addAdditionalDataset(RobotChartsDatasets.BirthClientsDataset);
|
|
|
|
await wizardPage.sectionVisualization.addLayer();
|
|
|
|
await wizardPage.datasetSelector.click();
|
|
|
|
await wizardPage.datasetSelector.clickToSelectDatasetItemWithText(
|
|
RobotChartsDatasets.BirthClientsDataset,
|
|
);
|
|
|
|
await wizardPage.datasetSelector.waitForSelectedValue(
|
|
RobotChartsDatasets.BirthClientsDataset,
|
|
);
|
|
|
|
const successfulResponsePromise2 = wizardPage.waitForSuccessfulResponse(
|
|
CommonUrls.ApiRun,
|
|
);
|
|
|
|
await wizardPage.sectionVisualization.addFieldByClick(PlaceholderName.Y2, 'Clients');
|
|
|
|
await successfulResponsePromise2;
|
|
|
|
await page.waitForSelector(wizardPage.chartkit.xAxisLabel);
|
|
const xAxisLabels = await page
|
|
.locator(wizardPage.chartkit.xAxisLabel)
|
|
.allTextContents();
|
|
|
|
expect(xAxisLabels.join(',')).toEqual(expectedLabelsTexts.join(','));
|
|
},
|
|
);
|
|
});
|