2026-06-24 21:10:34 +05:00

74 lines
3.0 KiB
TypeScript

import {expect, Response} from '@playwright/test';
import get from 'lodash/get';
import {
ChartKitQa,
PlaceholderId,
WizardPageQa,
WizardVisualizationId,
} from '../../../../../src/shared';
import {CommonUrls} from '../../../../page-objects/constants/common-urls';
import {RadioButtons, RadioButtonsValues} from '../../../../page-objects/wizard/PlaceholderDialog';
import {PlaceholderName} from '../../../../page-objects/wizard/SectionVisualization';
import WizardPage from '../../../../page-objects/wizard/WizardPage';
import {openTestPage, slct} from '../../../../utils';
import datalensTest from '../../../../utils/playwright/globalTestDefinition';
const mapDataKeyToValue = {
'xAxis.type': 'datetime',
'xAxis.grid.enabled': false,
};
datalensTest.describe('Wizard', () => {
datalensTest.describe('Combined chart', () => {
datalensTest.beforeEach(async ({page, config}) => {
await openTestPage(page, config.wizard.urls.WizardBasicDataset);
const wizardPage = new WizardPage({page});
await wizardPage.setVisualization(WizardVisualizationId.CombinedChart);
});
datalensTest(
'X axis settings should be applied correctly when first layer is empty',
async ({page}) => {
const wizardPage = new WizardPage({page});
const preview = page.locator(slct(WizardPageQa.SectionPreview));
const previewLoader = preview.locator(slct(ChartKitQa.Loader));
const responses: Response[] = [];
const onResponse = (response: Response) => {
const responseUrl = new URL(response.url());
if (responseUrl.pathname === CommonUrls.ApiRun && response.ok()) {
responses.push(response);
}
};
page.on('response', onResponse);
await wizardPage.sectionVisualization.addLayer();
await wizardPage.sectionVisualization.addFieldByClick(
PlaceholderName.X,
'Order_date',
);
await wizardPage.sectionVisualization.addFieldByClick(PlaceholderName.Y, 'Sales');
await wizardPage.placeholderDialog.open(PlaceholderId.X);
await wizardPage.placeholderDialog.toggleRadioButton(
RadioButtons.Grid,
RadioButtonsValues.Off,
);
await wizardPage.placeholderDialog.apply();
await expect(previewLoader).not.toBeVisible();
page.off('response', onResponse);
const lastResponse = responses[responses.length - 1];
expect(lastResponse).toBeDefined();
const responseData = await lastResponse.json();
Object.entries(mapDataKeyToValue).forEach(([key, value]) => {
expect(get(responseData?.data, key)).toBe(value);
});
},
);
});
});