57 lines
2.5 KiB
TypeScript
57 lines
2.5 KiB
TypeScript
import {expect} from '@playwright/test';
|
|
|
|
import datalensTest from '../../../../utils/playwright/globalTestDefinition';
|
|
import {openTestPage, slct} from '../../../../utils';
|
|
import {ChartKitQa, WizardPageQa, WizardVisualizationId} from '../../../../../src/shared';
|
|
import WizardPage from '../../../../page-objects/wizard/WizardPage';
|
|
import {PlaceholderName} from '../../../../page-objects/wizard/SectionVisualization';
|
|
|
|
datalensTest.describe('Wizard', () => {
|
|
datalensTest.describe('Area chart', () => {
|
|
datalensTest.beforeEach(async ({page, config}) => {
|
|
await openTestPage(page, config.wizard.urls.WizardBasicDataset);
|
|
const wizardPage = new WizardPage({page});
|
|
|
|
const newHierarchyField = 'hierarchy';
|
|
await wizardPage.openHierarchyEditor();
|
|
await wizardPage.hierarchyEditor.setName(newHierarchyField);
|
|
await wizardPage.hierarchyEditor.selectFields(['country', 'region']);
|
|
await wizardPage.hierarchyEditor.clickSave();
|
|
|
|
await wizardPage.setVisualization(WizardVisualizationId.Area);
|
|
});
|
|
|
|
datalensTest(
|
|
'Go to the next level when clicking on a chart with a hierarchy',
|
|
async ({page}) => {
|
|
const wizardPage = new WizardPage({page});
|
|
const chartPreview = page.locator(slct(WizardPageQa.SectionPreview));
|
|
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.Colors,
|
|
'hierarchy',
|
|
);
|
|
await wizardPage.createNewFieldWithFormula('order_year', `YEAR([Order_date])`);
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.X,
|
|
'order_year',
|
|
);
|
|
await wizardPage.sectionVisualization.addFieldByClick(PlaceholderName.Y, 'sales');
|
|
|
|
const breadcrumbItems = chartPreview.locator(slct(ChartKitQa.DrillBreadcrumbsItem));
|
|
await expect(breadcrumbItems).toHaveText(['country'], {
|
|
useInnerText: true,
|
|
});
|
|
|
|
const areaRegion = chartPreview.locator('.gcharts-area__region').first();
|
|
await expect(areaRegion).toBeVisible();
|
|
await areaRegion.click({force: true});
|
|
|
|
await expect(breadcrumbItems).toHaveText(['country: United States', 'region'], {
|
|
useInnerText: true,
|
|
});
|
|
},
|
|
);
|
|
});
|
|
});
|