237 lines
11 KiB
TypeScript
237 lines
11 KiB
TypeScript
import {expect} from '@playwright/test';
|
|
|
|
import {ChartKitQa, WizardPageQa, WizardVisualizationId} from '../../../../../src/shared';
|
|
import {CommonUrls} from '../../../../page-objects/constants/common-urls';
|
|
import {ChartSettingsItems} from '../../../../page-objects/wizard/ChartSettings';
|
|
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 chartNamePattern = 'e2e-wizard-pivot-table-sorting';
|
|
|
|
datalensTest.describe('Wizard', () => {
|
|
datalensTest.describe('Pivot table', () => {
|
|
datalensTest.beforeEach(async ({page, config}) => {
|
|
await openTestPage(page, config.wizard.urls.WizardBasicDataset);
|
|
const wizardPage = new WizardPage({page});
|
|
|
|
await wizardPage.setVisualization(WizardVisualizationId.PivotTable);
|
|
|
|
await wizardPage.sectionVisualization.addFieldByClick(PlaceholderName.Filters, 'Id');
|
|
await wizardPage.filterEditor.selectValues(['1', '2']);
|
|
await wizardPage.filterEditor.apply();
|
|
|
|
const measureField = 'measure';
|
|
await wizardPage.createNewFieldWithFormula(measureField, 'min([id])');
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.Measures,
|
|
measureField,
|
|
);
|
|
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.PivotTableColumns,
|
|
'Id',
|
|
);
|
|
});
|
|
|
|
datalensTest.afterEach(async ({page}) => {
|
|
await page.reload();
|
|
const pageUrl = page.url();
|
|
|
|
if (pageUrl.includes(chartNamePattern)) {
|
|
const wizardPage = new WizardPage({page});
|
|
await wizardPage.deleteEntry();
|
|
}
|
|
});
|
|
|
|
datalensTest('Click on last row header cell should sort columns', async ({page}) => {
|
|
const wizardPage = new WizardPage({page});
|
|
const chartContainer = page.locator(slct(WizardPageQa.SectionPreview));
|
|
const previewLoader = chartContainer.locator(slct(ChartKitQa.Loader));
|
|
|
|
const rowField = 'dimension';
|
|
await wizardPage.createNewFieldWithFormula(rowField, '123');
|
|
await wizardPage.sectionVisualization.addFieldByClick(PlaceholderName.Rows, rowField);
|
|
|
|
await expect(previewLoader).not.toBeVisible();
|
|
const initialRowContent = await wizardPage.chartkit.getRowsTexts();
|
|
const rowHeader = chartContainer.locator('td', {hasText: '123'});
|
|
await rowHeader.click();
|
|
|
|
// Column order should remain the same
|
|
await expect(previewLoader).not.toBeVisible();
|
|
expect(await wizardPage.chartkit.getRowsTexts()).not.toEqual(initialRowContent);
|
|
});
|
|
|
|
datalensTest(
|
|
'Column sorting should be disabled for rows with markup in header',
|
|
async ({page}) => {
|
|
const wizardPage = new WizardPage({page});
|
|
const chartContainer = page.locator(slct(WizardPageQa.SectionPreview));
|
|
const previewLoader = chartContainer.locator(slct(ChartKitQa.Loader));
|
|
|
|
const markupField = 'markup';
|
|
await wizardPage.createNewFieldWithFormula(markupField, 'markup("123")');
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.Rows,
|
|
markupField,
|
|
);
|
|
|
|
await expect(previewLoader).not.toBeVisible();
|
|
const initialRowContent = await wizardPage.chartkit.getRowsTexts();
|
|
const rowHeader = chartContainer.locator('td', {hasText: '123'});
|
|
await rowHeader.click();
|
|
|
|
// Column order should remain the same
|
|
await expect(previewLoader).not.toBeVisible();
|
|
expect(await wizardPage.chartkit.getRowsTexts()).toEqual(initialRowContent);
|
|
},
|
|
);
|
|
|
|
datalensTest('Sorting a row by a field with a parameter', async ({page}) => {
|
|
const parameterName = 'Param';
|
|
const wizardPage = new WizardPage({page});
|
|
const chartContainer = page.locator(slct(WizardPageQa.SectionPreview));
|
|
const previewLoader = chartContainer.locator(slct(ChartKitQa.Loader));
|
|
|
|
await wizardPage.chartSettings.open();
|
|
await wizardPage.chartSettings.toggleSettingItem(ChartSettingsItems.Pagination, 'on');
|
|
await wizardPage.chartSettings.setLimit(1);
|
|
await wizardPage.chartSettings.apply();
|
|
|
|
await wizardPage.createParameter(parameterName, 'City');
|
|
const fieldFormula = `if([${parameterName}] = 'City', [City], [${parameterName}] = 'Category', [Category], null)`;
|
|
await wizardPage.createNewFieldWithFormula('ParamField', fieldFormula);
|
|
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.Rows,
|
|
'ParamField',
|
|
);
|
|
|
|
// Save chart with parameter
|
|
await expect(previewLoader).not.toBeVisible();
|
|
await wizardPage.saveWizardEntry(wizardPage.getUniqueEntryName(chartNamePattern));
|
|
|
|
// Add parameter from dashboard (to url)
|
|
const url = new URL(page.url());
|
|
url.searchParams.set(parameterName, 'City');
|
|
await page.goto(url.toString());
|
|
|
|
await expect(previewLoader).not.toBeVisible();
|
|
const firstRow = chartContainer.locator('tbody tr').first();
|
|
const [[, ...initialRowContent]] = await wizardPage.chartkit.getRowsTexts();
|
|
let apiRunRequest = wizardPage.page.waitForRequest(
|
|
(request) => new URL(request.url()).pathname === CommonUrls.ApiRun,
|
|
);
|
|
await firstRow.locator('td').first().click();
|
|
await (await apiRunRequest).response();
|
|
await expect(previewLoader).not.toBeVisible();
|
|
|
|
let [[, ...rowCells]] = await wizardPage.chartkit.getRowsTexts();
|
|
expect(rowCells).not.toEqual(initialRowContent);
|
|
|
|
// Change parameter value
|
|
apiRunRequest = wizardPage.page.waitForRequest(
|
|
(request) => new URL(request.url()).pathname === CommonUrls.ApiRun,
|
|
);
|
|
const parameterItem = page
|
|
.locator(slct(PlaceholderName.DashboardParameters))
|
|
.locator(slct(parameterName), {
|
|
hasText: parameterName,
|
|
});
|
|
await parameterItem.click();
|
|
await wizardPage.parameterEditor.setDefaultValue('Category');
|
|
await wizardPage.parameterEditor.apply();
|
|
await (await apiRunRequest).response();
|
|
await expect(previewLoader).not.toBeVisible();
|
|
|
|
// If the parameter changes, the sorting by rows should be reset
|
|
[[, ...rowCells]] = await wizardPage.chartkit.getRowsTexts();
|
|
expect(rowCells).toEqual(initialRowContent);
|
|
});
|
|
});
|
|
|
|
datalensTest.describe('Pivot table', () => {
|
|
datalensTest.beforeEach(async ({page, config}) => {
|
|
await openTestPage(page, config.wizard.urls.WizardBasicDataset);
|
|
const wizardPage = new WizardPage({page});
|
|
|
|
await wizardPage.setVisualization(WizardVisualizationId.PivotTable);
|
|
});
|
|
|
|
datalensTest('Sorting columns from the "Rows" section', async ({page}) => {
|
|
const wizardPage = new WizardPage({page});
|
|
const chartContainer = page.locator(slct(WizardPageQa.SectionPreview));
|
|
const previewLoader = chartContainer.locator(slct(ChartKitQa.Loader));
|
|
|
|
await wizardPage.sectionVisualization.addFieldByClick(PlaceholderName.Rows, 'Category');
|
|
|
|
await expect(previewLoader).not.toBeVisible();
|
|
const initialOrder = [
|
|
['Furniture', ''],
|
|
['Office Supplies', ''],
|
|
['Technology', ''],
|
|
];
|
|
expect(await wizardPage.chartkit.getRowsTexts()).toEqual(initialOrder);
|
|
|
|
// Sort values by clicking on header
|
|
await chartContainer.locator('thead', {hasText: 'Category'}).first().click();
|
|
await expect(previewLoader).not.toBeVisible();
|
|
const expectedOrder = [
|
|
['Technology', ''],
|
|
['Office Supplies', ''],
|
|
['Furniture', ''],
|
|
];
|
|
expect(await wizardPage.chartkit.getRowsTexts()).toEqual(expectedOrder);
|
|
});
|
|
|
|
datalensTest('Sorting columns from the "Columns" section', async ({page}) => {
|
|
const wizardPage = new WizardPage({page});
|
|
const chartContainer = page.locator(slct(WizardPageQa.SectionPreview));
|
|
const previewLoader = chartContainer.locator(slct(ChartKitQa.Loader));
|
|
|
|
// Setup filters
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.Filters,
|
|
'region',
|
|
);
|
|
await wizardPage.filterEditor.selectValues(['Central']);
|
|
await wizardPage.filterEditor.apply();
|
|
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.PivotTableColumns,
|
|
'country',
|
|
);
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.PivotTableColumns,
|
|
'region',
|
|
);
|
|
await wizardPage.sectionVisualization.addFieldByClick(PlaceholderName.Rows, 'Category');
|
|
await wizardPage.sectionVisualization.addFieldByClick(
|
|
PlaceholderName.Measures,
|
|
'Sales',
|
|
);
|
|
|
|
await expect(previewLoader).toBeVisible();
|
|
await expect(previewLoader).not.toBeVisible();
|
|
const initialOrder = [
|
|
['Furniture', '160 317,46'],
|
|
['Office Supplies', '163 590,24'],
|
|
['Technology', '168 739,21'],
|
|
];
|
|
expect(await wizardPage.chartkit.getRowsTexts()).toEqual(initialOrder);
|
|
|
|
// Sort values by clicking on the second level column header
|
|
await chartContainer.locator('thead', {hasText: 'Central'}).first().click();
|
|
await expect(previewLoader).not.toBeVisible();
|
|
const expectedOrder = [
|
|
['Technology', '168 739,21'],
|
|
['Office Supplies', '163 590,24'],
|
|
['Furniture', '160 317,46'],
|
|
];
|
|
expect(await wizardPage.chartkit.getRowsTexts()).toEqual(expectedOrder);
|
|
});
|
|
});
|
|
});
|