From dbf42568075cf003aa4cda6fb013775634a9099b Mon Sep 17 00:00:00 2001 From: Karan Mistry Date: Tue, 24 Dec 2024 15:23:31 +0530 Subject: [PATCH] test: add e2e for paging, sorting, selection and others --- playwright/e2e/custom-template.spec.ts | 203 +++++++++++ playwright/e2e/drag-drop.spec.ts | 58 ++++ playwright/e2e/paging.spec.ts | 221 ++++++++++++ playwright/e2e/resize.spec.ts | 66 ++++ playwright/e2e/selection.spec.ts | 316 ++++++++++++++++++ playwright/e2e/sorting.spec.ts | 171 ++++++++++ ...custom-template-default-chromium-linux.png | 3 + ...-template-lastname-only-chromium-linux.png | 3 + ...ummary--custom-template-chromium-linux.png | 3 + ...summary--no-summary-row-chromium-linux.png | 3 + ...mmary--show-summary-row-chromium-linux.png | 3 + ...--summary-row-at-bottom-chromium-linux.png | 3 + ...ary--summary-row-at-top-chromium-linux.png | 3 + ...drop--drag-drop-example-chromium-linux.png | 3 + .../drag-drop--switch-rows-chromium-linux.png | 3 + .../filter--next-page-chromium-linux.png | 4 +- .../filter-chromium-linux.png | 4 +- ...ing--client-side-paging-chromium-linux.png | 3 + ...ging--default-paginator-chromium-linux.png | 3 + ...ation--novirtualization-chromium-linux.png | 3 + ...olling-novirtualization-chromium-linux.png | 3 + ...--server-side-paginator-chromium-linux.png | 3 + ...ing--server-side-paging-chromium-linux.png | 3 + ...ite-scroll-after-scroll-chromium-linux.png | 3 + ...infinite-scroll-initial-chromium-linux.png | 3 + ...-scrolling-after-scroll-chromium-linux.png | 3 + ...erver-scrolling-initial-chromium-linux.png | 3 + ...rtual-paging--paginator-chromium-linux.png | 3 + ...paging-server-paginator-chromium-linux.png | 3 + ...-virtual-scroll-initial-chromium-linux.png | 3 + ...ual-server-side-initial-chromium-linux.png | 3 + ...al-server-side-navigate-chromium-linux.png | 3 + ...tual-server-side-scroll-chromium-linux.png | 3 + ...-check-resize-attribute-chromium-linux.png | 3 + ...g-name-and-state-column-chromium-linux.png | 3 + ...ing--resize-name-column-chromium-linux.png | 3 + .../row-grouping--default-chromium-linux.png | 4 +- ...ouping--group-collapsed-chromium-linux.png | 4 +- ...rouping--group-expanded-chromium-linux.png | 4 +- ...rouping--group-selected-chromium-linux.png | 4 +- ...-company-cell-selection-chromium-linux.png | 3 + ...on--name-cell-selection-chromium-linux.png | 3 + ...x-selection-all-checked-chromium-linux.png | 3 + ...ckbox-selection-uncheck-chromium-linux.png | 3 + ...igation-shift-tab-space-chromium-linux.png | 3 + ...ion-backward-navigation-chromium-linux.png | 3 + ...with-checkbox-selection-chromium-linux.png | 3 + ...ion-using-tab-and-space-chromium-linux.png | 3 + ...ection--click-selection-chromium-linux.png | 3 + ...n--single-row-selection-chromium-linux.png | 3 + ...ow-selection-using-ctrl-chromium-linux.png | 3 + ...w-selection-using-shift-chromium-linux.png | 3 + ...i-selection--using-ctrl-chromium-linux.png | 3 + ...-selection--using-shift-chromium-linux.png | 3 + ...--disable-row-selection-chromium-linux.png | 3 + ...n--single-row-selection-chromium-linux.png | 3 + ...--row-selection-initial-chromium-linux.png | 3 + ...n--single-row-selection-chromium-linux.png | 3 + ...client-side-sorting-asc-chromium-linux.png | 3 + ...ng--client-side-sorting-chromium-linux.png | 3 + ...lient-side-sorting-desc-chromium-linux.png | 3 + ...ient-side-sorting-unset-chromium-linux.png | 3 + ...orting--default-sorting-chromium-linux.png | 3 + ...nt-sorting--sorting-asc-chromium-linux.png | 3 + ...t-sorting--sorting-desc-chromium-linux.png | 3 + ...-sorting--sorting-unset-chromium-linux.png | 3 + ...rator-sorting-asc-again-chromium-linux.png | 3 + ...-comparator-sorting-asc-chromium-linux.png | 3 + ...comparator-sorting-desc-chromium-linux.png | 3 + ...fault-name-sorting-desc-chromium-linux.png | 3 + ...rting--sort-name-by-asc-chromium-linux.png | 3 + ...orting--unset-name-sort-chromium-linux.png | 3 + ...-side-sorting-asc-again-chromium-linux.png | 3 + ...server-side-sorting-asc-chromium-linux.png | 3 + ...erver-side-sorting-desc-chromium-linux.png | 3 + ...ting--sorting-asc-again-chromium-linux.png | 3 + ...er-sorting--sorting-asc-chromium-linux.png | 3 + ...r-sorting--sorting-desc-chromium-linux.png | 3 + .../src/lib/themes/material.scss | 2 +- src/app/paging/mock-server-results-service.ts | 2 +- src/app/paging/scrolling-server.component.ts | 2 +- .../selection-chkbox-template.component.ts | 2 +- .../selection/selection-chkbox.component.ts | 2 +- .../selection/selection-disabled.component.ts | 2 +- .../selection-multi-click-chkbox.component.ts | 2 +- .../selection-multi-click.component.ts | 2 +- .../selection/selection-multi.component.ts | 2 +- .../selection/selection-single.component.ts | 2 +- src/assets/app.css | 3 +- 89 files changed, 1257 insertions(+), 23 deletions(-) create mode 100644 playwright/e2e/custom-template.spec.ts create mode 100644 playwright/e2e/drag-drop.spec.ts create mode 100644 playwright/e2e/paging.spec.ts create mode 100644 playwright/e2e/resize.spec.ts create mode 100644 playwright/e2e/selection.spec.ts create mode 100644 playwright/e2e/sorting.spec.ts create mode 100644 playwright/snapshots/e2e/custom-template.spec.ts-snapshots/custom-template-summary--custom-template-default-chromium-linux.png create mode 100644 playwright/snapshots/e2e/custom-template.spec.ts-snapshots/inline-html-summary--custom-template-lastname-only-chromium-linux.png create mode 100644 playwright/snapshots/e2e/custom-template.spec.ts-snapshots/paging-summary--custom-template-chromium-linux.png create mode 100644 playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--no-summary-row-chromium-linux.png create mode 100644 playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--show-summary-row-chromium-linux.png create mode 100644 playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--summary-row-at-bottom-chromium-linux.png create mode 100644 playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--summary-row-at-top-chromium-linux.png create mode 100644 playwright/snapshots/e2e/drag-drop.spec.ts-snapshots/drag-drop--drag-drop-example-chromium-linux.png create mode 100644 playwright/snapshots/e2e/drag-drop.spec.ts-snapshots/drag-drop--switch-rows-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/client-paging--client-side-paging-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/client-paging--default-paginator-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/paging-scrolling-novirtualization--novirtualization-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/paging-scrolling-novirtualization--paging-scrolling-novirtualization-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/server-paging--server-side-paginator-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/server-paging--server-side-paging-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--infinite-scroll-after-scroll-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--infinite-scroll-initial-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--server-scrolling-after-scroll-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--server-scrolling-initial-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--paginator-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-paging-server-paginator-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-scroll-initial-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-initial-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-navigate-chromium-linux.png create mode 100644 playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-scroll-chromium-linux.png create mode 100644 playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--check-resize-attribute-chromium-linux.png create mode 100644 playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--pinning-name-and-state-column-chromium-linux.png create mode 100644 playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--resize-name-column-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/cell-selection--company-cell-selection-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/cell-selection--name-cell-selection-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/chkbox-selection--checkbox-selection-all-checked-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/chkbox-selection--checkbox-selection-uncheck-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--backward-navigation-shift-tab-space-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--multi-click-with-checkbox-selection-backward-navigation-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--multi-click-with-checkbox-selection-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--navigation-using-tab-and-space-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-selection--click-selection-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-selection--single-row-selection-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--multi-row-selection-using-ctrl-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--multi-row-selection-using-shift-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--using-ctrl-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--using-shift-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multidisable-selection--disable-row-selection-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/multidisable-selection--single-row-selection-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/single-selection--row-selection-initial-chromium-linux.png create mode 100644 playwright/snapshots/e2e/selection.spec.ts-snapshots/single-selection--single-row-selection-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-asc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-desc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-unset-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--default-sorting-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-asc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-desc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-unset-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-asc-again-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-asc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-desc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--default-name-sorting-desc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--sort-name-by-asc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--unset-name-sort-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-asc-again-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-asc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-desc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-asc-again-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-asc-chromium-linux.png create mode 100644 playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-desc-chromium-linux.png diff --git a/playwright/e2e/custom-template.spec.ts b/playwright/e2e/custom-template.spec.ts new file mode 100644 index 000000000..1e2c22050 --- /dev/null +++ b/playwright/e2e/custom-template.spec.ts @@ -0,0 +1,203 @@ +import { Page } from '@playwright/test'; +import { expect, test } from '../support/test-helpers'; + +test.describe('summary row', () => { + test.describe('simple summary row', () => { + const example = 'simple-summary'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const summaryRow = page.locator('datatable-summary-row'); + await expect(summaryRow).toHaveCount(1); + + const enableSummaryRow = page.locator('#enable-summary'); + + await enableSummaryRow.click(); + await expect(summaryRow).toHaveCount(0); + + await si.runVisualAndA11yTests('no-summary-row', [ + { + id: 'aria-required-children', + enabled: false + } + ]); + + enableSummaryRow.click(); + await expect(summaryRow).toHaveCount(1); + + await si.runVisualAndA11yTests('show-summary-row', [ + { + id: 'aria-required-children', + enabled: false + }, + { + id: 'aria-required-parent', + enabled: false + } + ]); + + const scrollerElement = await page.locator('datatable-scroller').boundingBox(); + let summaryElementBox = await summaryRow.boundingBox(); + + expect(scrollerElement.y).toBe(summaryElementBox.y); + + await si.runVisualAndA11yTests('summary-row-at-top', [ + { + id: 'aria-required-children', + enabled: false + }, + { + id: 'aria-required-parent', + enabled: false + } + ]); + + await page.getByLabel('Position').selectOption('bottom'); + + summaryElementBox = await summaryRow.boundingBox(); + const lastElement = await page.locator('datatable-row-wrapper').last().boundingBox(); + + expect(summaryElementBox.y).toBe(lastElement.y + lastElement.height); + + await si.runVisualAndA11yTests('summary-row-at-bottom', [ + { + id: 'aria-required-children', + enabled: false + } + ]); + + await testSummaryRowData(page); + }); + }); + + test.describe('custom template summary', () => { + const example = 'custom-template-summary'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const summaryRow = page.locator('datatable-summary-row'); + await expect(summaryRow).toHaveCount(1); + + await testSummaryRowData(page); + + await si.runVisualAndA11yTests('custom-template-default', [ + { + id: 'aria-required-children', + enabled: false + }, + { + id: 'aria-required-parent', + enabled: false + } + ]); + }); + }); + + test.describe('server side template summary', () => { + const example = 'paging-summary'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + + await expect(page.locator('.empty-row')).toBeVisible(); + + await page.waitForSelector('datatable-row-wrapper'); + await expect(page.locator('.empty-row')).toBeHidden(); + + const summaryRow = page.locator('datatable-summary-row'); + + const femaleCells = await page + .locator('datatable-body-cell') + .locator('span[title="female"]') + .all(); + + const maleCells = await page + .locator('datatable-body-cell') + .locator('span[title="male"]') + .all(); + + const genderColumn = summaryRow.locator('datatable-body-cell').nth(1).locator('span'); + const nameColumn = summaryRow.locator('datatable-body-cell').first().locator('span'); + + await expect(genderColumn).toContainText(`${femaleCells.length} females`); + await expect(genderColumn).toContainText(`${maleCells.length} males`); + await expect(nameColumn).toContainText(`${maleCells.length + femaleCells.length} total`); + + await si.runVisualAndA11yTests('custom-template', [ + { + id: 'aria-required-children', + enabled: false + }, + { + id: 'aria-required-parent', + enabled: false + } + ]); + }); + }); + + test.describe('inline html template summary', () => { + const example = 'inline-html-summary'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const summaryRow = page.locator('datatable-summary-row'); + await expect(summaryRow).toHaveCount(1); + + await testSummaryRowData(page); + + const rows = await page.locator('datatable-row-wrapper').locator('datatable-body-row').all(); + + const nameColumn = summaryRow.locator('datatable-body-cell').first().locator('span'); + + expect(rows).toHaveLength(5); + + let names: string[] = []; + + for (const row of rows) { + const fullName = await row.locator('datatable-body-cell').first().innerText(); + names.push(fullName.split(' ')[1]); + } + + expect(names).toHaveLength(rows.length); + + for (let name of names) { + await expect(nameColumn.getByText(name, { exact: true })).toHaveCount(1); + } + + await si.runVisualAndA11yTests('custom-template-lastname-only', [ + { + id: 'aria-required-children', + enabled: false + }, + { + id: 'aria-required-parent', + enabled: false + }, + { + id: 'scrollable-region-focusable', + enabled: false + } + ]); + }); + }); +}); + +const testSummaryRowData = async (page: Page) => { + const summaryRow = page.locator('datatable-summary-row'); + + const femaleCells = await page + .locator('datatable-body-cell') + .locator('span[title="female"]') + .all(); + + const maleCells = await page.locator('datatable-body-cell').locator('span[title="male"]').all(); + + const genderColumn = summaryRow.locator('datatable-body-cell').nth(1).locator('span'); + + await expect(genderColumn).toContainText(`females: ${femaleCells.length}`); + await expect(genderColumn).toContainText(`males: ${maleCells.length}`); +}; diff --git a/playwright/e2e/drag-drop.spec.ts b/playwright/e2e/drag-drop.spec.ts new file mode 100644 index 000000000..0734a8b71 --- /dev/null +++ b/playwright/e2e/drag-drop.spec.ts @@ -0,0 +1,58 @@ +import { expect, test } from '../support/test-helpers'; + +test.describe('drag drop using angular cdk', () => { + const example = 'drag-drop'; + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const loadingIndicator = page.locator('datatable-progress').locator('div[class="bar"]'); + await expect(loadingIndicator).toHaveCount(0); + + const originRow = page.getByRole('row', { name: 'Ethel Price' }); + const destinationRow = page.getByRole('row', { name: 'Georgina Schultz' }); + + const originBoundingBox = await originRow.boundingBox(); + const destinationBoundingBox = await destinationRow.boundingBox(); + + await expect( + page.locator('datatable-row-wrapper').nth(0).locator('span[title="Ethel Price"]') + ).toHaveCount(1); + + await expect( + page.locator('datatable-row-wrapper').nth(4).locator('span[title="Georgina Schultz"]') + ).toHaveCount(1); + + await originRow.click(); + + await page.mouse.move( + originBoundingBox.x + originBoundingBox.width / 2, + originBoundingBox.y + originBoundingBox.height / 2 + ); + + await page.mouse.down(); + + await page.mouse.move( + destinationBoundingBox.x + destinationBoundingBox.width / 2, + destinationBoundingBox.y + destinationBoundingBox.height / 2, + { + steps: 20 + } + ); + + await page.mouse.up(); + + await expect( + page.locator('datatable-row-wrapper').nth(0).locator('span[title="Claudine Neal"]') + ).toHaveCount(1); + + await expect( + page.locator('datatable-row-wrapper').nth(3).locator('span[title="Georgina Schultz"]') + ).toHaveCount(1); + + await expect( + page.locator('datatable-row-wrapper').nth(4).locator('span[title="Ethel Price"]') + ).toHaveCount(1); + + await si.runVisualAndA11yTests('switch-rows'); + }); +}); diff --git a/playwright/e2e/paging.spec.ts b/playwright/e2e/paging.spec.ts new file mode 100644 index 000000000..c27a07d99 --- /dev/null +++ b/playwright/e2e/paging.spec.ts @@ -0,0 +1,221 @@ +import { Page } from '@playwright/test'; +import { expect, test } from '../support/test-helpers'; + +test.describe('paging', () => { + test.describe('client side', () => { + const example = 'client-paging'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + await pagerTest(page, 10); + + await si.runVisualAndA11yTests('default-paginator'); + }); + }); + + test.describe('server side', () => { + const example = 'server-paging'; + + test(example, async ({ si, page }) => { + await si.visitExample(example, false); + + await page.waitForSelector('datatable-row-wrapper'); + await pagerTest(page, 20); + await expect(page.locator('.empty-row')).not.toBeVisible(); + await page.waitForSelector('span[title="Tonya Bray"]'); + await expect(page.getByRole('cell', { name: 'Ethel Price' })).not.toBeVisible(); + await si.runVisualAndA11yTests('server-side-paginator'); + }); + }); + + test.describe('paging scrolling with no virtualization', () => { + const example = 'paging-scrolling-novirtualization'; + + test(example, async ({ si, page }) => { + await si.visitExample(example, false); + + await expect(page.locator('ghost-loader')).toBeVisible(); + await page.waitForSelector('datatable-row-wrapper'); + await pagerTest(page, 20); + await page.waitForSelector('span[title="Tonya Bray"]'); + await expect(page.locator('ghost-loader').first()).not.toBeVisible(); + await expect(page.getByRole('cell', { name: 'Ethel Price' })).not.toBeVisible(); + await si.runVisualAndA11yTests('novirtualization'); + }); + }); + + test.describe('server scrolling', () => { + const example = 'server-scrolling'; + + test(example, async ({ si, page }) => { + await si.visitExample(example, false); + + await expect(page.locator('ghost-loader')).toBeVisible(); + await expect(page.locator('.bar')).toBeVisible(); + + await page.waitForSelector('datatable-scroller'); + + const pager = page.locator('datatable-pager'); + expect(pager).not.toBeVisible(); + + await expect(page.locator('ghost-loader')).not.toBeVisible(); + await expect(page.locator('.bar')).not.toBeVisible(); + + await si.runVisualAndA11yTests('infinite-scroll-initial', [ + { + id: 'label', + enabled: false + }, + { + id: 'empty-table-header', + enabled: false + }, + { + id: 'aria-progressbar-name', + enabled: false + }, + { + id: 'aria-required-children', + enabled: false + } + ]); + + await page.getByRole('row', { name: 'Sarah Massey' }).click(); + + await page.mouse.wheel(0, 1000); + + await expect(page.locator('ghost-loader').first()).toBeVisible(); + await expect(page.locator('.bar')).toBeVisible(); + + await si.runVisualAndA11yTests('infinite-scroll-after-scroll', [ + { + id: 'aria-progressbar-name', + enabled: false + }, + { + id: 'aria-required-children', + enabled: false + } + ]); + }); + }); + + test.describe('virtual server side paging', () => { + const example = 'virtual-paging'; + + test(example + ' paginator test', async ({ si, page }) => { + await si.visitExample(example, false); + + const pager = page.locator('datatable-pager'); + expect(pager).toBeTruthy(); + + const firstPageButton = page.getByLabel('go to first page').locator('..'); + const previousButton = page.getByLabel('go to previous page').locator('..'); + const nextButton = page.getByLabel('go to next page').locator('..'); + const lastButton = page.getByLabel('go to last page').locator('..'); + + await expect(firstPageButton).toHaveClass(/disabled/); + await expect(previousButton).toHaveClass(/disabled/); + await expect(nextButton).not.toHaveClass(/disabled/); + await expect(lastButton).not.toHaveClass(/disabled/); + + await expect(page.getByRole('cell', { name: 'Ethel Price' })).toBeVisible(); + + await lastButton.click(); + + await expect(page.locator('ghost-loader').first()).toBeVisible(); + await expect(page.locator('.custom-loading-content')).toBeVisible(); + + await expect(firstPageButton).not.toHaveClass(/disabled/); + await expect(previousButton).not.toHaveClass(/disabled/); + await expect(nextButton).toHaveClass(/disabled/); + await expect(lastButton).toHaveClass(/disabled/); + + await page.waitForSelector('span[title="Humphrey Curtis"]'); + + await expect(page.locator('ghost-loader').first()).not.toBeVisible(); + await expect(page.locator('.custom-loading-content')).not.toBeVisible(); + + await expect(page.getByRole('cell', { name: 'Ethel Price' })).not.toBeVisible(); + await si.runVisualAndA11yTests('paginator'); + }); + + test(example, async ({ si, page }) => { + await si.visitExample(example, false); + + await expect(page.locator('ghost-loader')).toBeVisible(); + await expect(page.locator('.custom-loading-content')).toBeVisible(); + + await page.waitForSelector('span[title="Claudine Neal"]'); + + await expect(page.locator('ghost-loader').first()).not.toBeVisible(); + await expect(page.locator('.custom-loading-content')).not.toBeVisible(); + + await si.runVisualAndA11yTests('virtual-scroll-initial'); + + await page.getByLabel('page 4').click(); + + await expect(page.locator('ghost-loader').first()).toBeVisible(); + await expect(page.locator('.custom-loading-content')).toBeVisible(); + + await page.waitForSelector('span[title="Freda Mason"]'); + + await si.runVisualAndA11yTests('virtual-server-side-navigate', [ + { + id: 'label', + enabled: false + }, + { + id: 'empty-table-header', + enabled: false + }, + { + id: 'aria-progressbar-name', + enabled: false + }, + { + id: 'aria-required-children', + enabled: false + } + ]); + + await page.getByRole('row', { name: 'Freda Mason' }).click(); + await page.mouse.wheel(0, 500); + + await expect(page.locator('.custom-loading-content')).toBeVisible(); + + await page.waitForSelector('.datatable-body-cell-label'); + + await expect(page.locator('.custom-loading-content')).toHaveCount(0); + + await si.runVisualAndA11yTests('virtual-server-side-scroll'); + }); + }); +}); + +const pagerTest = async (page: Page, numberOfRows: number) => { + const pager = page.locator('datatable-pager'); + expect(pager).toBeTruthy(); + + const displayedRows = await page.locator('datatable-row-wrapper').all(); + expect(displayedRows).toHaveLength(numberOfRows); + + const firstPageButton = page.getByLabel('go to first page').locator('..'); + const previousButton = page.getByLabel('go to previous page').locator('..'); + const nextButton = page.getByLabel('go to next page').locator('..'); + const lastButton = page.getByLabel('go to last page').locator('..'); + + await expect(firstPageButton).toHaveClass(/disabled/); + await expect(previousButton).toHaveClass(/disabled/); + await expect(nextButton).not.toHaveClass(/disabled/); + await expect(lastButton).not.toHaveClass(/disabled/); + + await expect(page.getByRole('cell', { name: 'Ethel Price' })).toBeVisible(); + + await lastButton.click(); + + await expect(firstPageButton).not.toHaveClass(/disabled/); + await expect(previousButton).not.toHaveClass(/disabled/); + await expect(nextButton).toHaveClass(/disabled/); + await expect(lastButton).toHaveClass(/disabled/); +}; diff --git a/playwright/e2e/resize.spec.ts b/playwright/e2e/resize.spec.ts new file mode 100644 index 000000000..743fafa55 --- /dev/null +++ b/playwright/e2e/resize.spec.ts @@ -0,0 +1,66 @@ +import { expect, test } from '../support/test-helpers'; + +test.describe('resize and pinning', () => { + const example = 'pinning'; + test(example + ' resize column', async ({ si, page }) => { + await si.visitExample(example); + + const nameColumn = page.getByRole('columnheader', { name: 'Name' }); + const genderColumn = page.getByRole('columnheader', { name: 'Gender' }); + const cityColumn = page.getByRole('columnheader', { name: 'City' }); + const stateColumn = page.getByRole('columnheader', { name: 'State' }); + + const originalWidth = await nameColumn.boundingBox(); + + await expect(nameColumn).toHaveAttribute('resizeable'); + await expect(genderColumn).toHaveAttribute('resizeable'); + await expect(cityColumn).toHaveAttribute('resizeable'); + await expect(stateColumn).toHaveAttribute('resizeable'); + + await si.runVisualAndA11yTests('check-resize-attribute'); + + // Resize name column + const resizeHandler = nameColumn.locator('span[class="resize-handle"]'); + const originBoundingBox = await resizeHandler.boundingBox(); + const increaseWidthBy = 300; + + await page.mouse.click(originBoundingBox.x, originBoundingBox.y); + await page.mouse.down(); + await page.mouse.click(originBoundingBox.x + increaseWidthBy, originBoundingBox.y); + await page.mouse.up(); + + const updatedWidth = await nameColumn.boundingBox(); + + expect(updatedWidth.width).toBe(originalWidth.width + increaseWidthBy); + + await si.runVisualAndA11yTests('resize-name-column'); + }); + + test(example + ' pinning column', async ({ si, page }) => { + await si.visitExample(example); + + const nameColumn = page.getByRole('columnheader', { name: 'Name' }); + const genderColumn = page.getByRole('columnheader', { name: 'Gender' }); + const stateColumn = page.getByRole('columnheader', { name: 'State' }); + + const boundingBox = await page.locator('datatable-body').boundingBox(); + + await page.mouse.click(boundingBox.x, boundingBox.height - 2); + await page.mouse.down(); + + await page.mouse.move(boundingBox.x + 1000, boundingBox.height - 2, { steps: 20 }); + + await page.mouse.up(); + + await expect(nameColumn.locator('..')).toHaveCSS('z-index', '9'); + await expect(nameColumn.locator('..')).toHaveCSS('position', 'sticky'); + + await expect(stateColumn.locator('..')).toHaveCSS('z-index', '9'); + await expect(stateColumn.locator('..')).toHaveCSS('position', 'sticky'); + + await expect(genderColumn.locator('..')).not.toHaveCSS('z-index', '9'); + await expect(genderColumn.locator('..')).not.toHaveCSS('position', 'sticky'); + + await si.runVisualAndA11yTests('pinning-name-and-state-column'); + }); +}); diff --git a/playwright/e2e/selection.spec.ts b/playwright/e2e/selection.spec.ts new file mode 100644 index 000000000..4a1735afc --- /dev/null +++ b/playwright/e2e/selection.spec.ts @@ -0,0 +1,316 @@ +import { expect, test } from '../support/test-helpers'; + +test.describe('selection', () => { + test.describe('cell selection', () => { + const example = 'cell-selection'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + const nameCell = page.getByRole('cell', { name: 'Ethel Price' }); + await expect(nameCell).toBeVisible(); + + const nameCellParentEl = nameCell.locator('..').locator('..'); + + await nameCell.click(); + + await expect(nameCell).toHaveClass(/active/); + await expect(nameCellParentEl).toHaveClass(/active/); + + await si.runVisualAndA11yTests('name-cell-selection'); + + const companyCell = page.getByRole('cell', { name: 'Dogspa' }); + await expect(companyCell).toBeVisible(); + + const companyCellParentEl = companyCell.locator('..').locator('..'); + + await companyCell.click(); + + await expect(companyCell).toHaveClass(/active/); + await expect(companyCellParentEl).toHaveClass(/active/); + + await si.runVisualAndA11yTests('company-cell-selection'); + }); + }); + + test.describe('single row selection', () => { + const example = 'single-selection'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + const selectedRow = page.getByRole('row', { name: 'Claudine Neal' }); + + await selectedRow.click(); + + const cellsInRow = await selectedRow.locator('datatable-body-cell').all(); + + await expect(selectedRow).toHaveClass(/active/); + expect(cellsInRow).toHaveLength(3); + + await expect(cellsInRow.at(0)).toHaveClass(/active/); + + for (const cell of cellsInRow) { + await expect(cell).toHaveAttribute('ng-reflect-is-selected', 'true'); + } + + const selectedColumnLi = await page.locator('.selected-column').locator('ul > li').all(); + + expect(selectedColumnLi).toHaveLength(1); + + await expect(selectedColumnLi[0]).toContainText('Claudine Neal'); + + await si.runVisualAndA11yTests('row-selection-initial'); + }); + }); + + test.describe('multi row selection', () => { + const example = 'multi-selection'; + + test(example + ' using Shift', async ({ si, page }) => { + await si.visitExample(example); + await page.getByRole('row', { name: 'Ethel Price' }).click(); + + await page.getByRole('row', { name: 'Wilder Gonzales' }).click({ + modifiers: ['Shift'] + }); + + const rows = await page.locator('datatable-body-row.active').all(); + + expect(rows).toHaveLength(4); + + let names = []; + rows.map(async row => { + names.push(await row.locator('datatable-body-cell').first().innerText()); + }); + + const selectedColumnLi = await page.locator('.selected-column').locator('ul > li').all(); + + expect(selectedColumnLi.length).toBe(names.length); + + for (const li of selectedColumnLi) { + const name = await li.innerText(); + const namePresentInSelectedRow = names.includes(name); + expect(namePresentInSelectedRow).toBeTruthy(); + } + + await si.runVisualAndA11yTests('using-shift'); + }); + + test(example + ' using Ctrl', async ({ si, page }) => { + await si.visitExample(example); + await page.getByRole('row', { name: 'Ethel Price' }).click(); + + await page.getByRole('row', { name: 'Wilder Gonzales' }).click({ + modifiers: ['ControlOrMeta'] + }); + + const selectedRows = await page.locator('datatable-body-row.active').all(); + + expect(selectedRows).toHaveLength(2); + + let names = []; + selectedRows.map(async row => { + names.push(await row.locator('datatable-body-cell').first().innerText()); + }); + + const selectedColumnLi = await page.locator('.selected-column').locator('ul > li').all(); + + expect(selectedColumnLi.length).toBe(names.length); + + for (const li of selectedColumnLi) { + const name = await li.innerText(); + const namePresentInSelectedRow = names.includes(name); + expect(namePresentInSelectedRow).toBeTruthy(); + } + + await si.runVisualAndA11yTests('using-ctrl'); + }); + }); + + test.describe('disable row selection', () => { + const example = 'multidisable-selection'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const disabledRow = page.getByRole('row', { name: 'Ethel Price' }); + await disabledRow.click(); + + let selectedRows = await page.locator('datatable-body-row.active').all(); + expect(selectedRows).toHaveLength(0); + + let selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + expect(selectedNamesLi).toHaveLength(1); + expect(await selectedNamesLi.at(0).innerText()).toBe('No Selections'); + + await page.getByRole('row', { name: 'Beryl Rice' }).click(); + + selectedRows = await page.locator('datatable-body-row.active').all(); + selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + + expect(selectedRows).toHaveLength(1); + expect(selectedNamesLi).toHaveLength(1); + + await disabledRow.click(); + + selectedRows = await page.locator('datatable-body-row.active').all(); + selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + + expect(selectedRows).toHaveLength(0); + expect(selectedNamesLi).toHaveLength(1); + expect(await selectedNamesLi.at(0).innerText()).toBe('No Selections'); + + await si.runVisualAndA11yTests('disable-row-selection'); + }); + }); + + test.describe('checkbox selection', () => { + const example = 'chkbox-selection'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const noCheckBoxRow = page.getByRole('row', { name: 'Ethel Price' }); + await expect(noCheckBoxRow).toBeVisible(); + + const noCheckbox = noCheckBoxRow.locator('input[type=checkbox]'); + await expect(noCheckbox).not.toBeVisible(); + + let rowsWithCheckbox = await page.locator('datatable-body-row input[type=checkbox]').all(); + + expect(rowsWithCheckbox).toHaveLength(4); + + for (let row of rowsWithCheckbox) { + await row.check(); + } + + let selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + expect(selectedNamesLi).toHaveLength(4); + + await si.runVisualAndA11yTests('checkbox-selection-all-checked', [ + { + id: 'label', + enabled: false + }, + { + id: 'empty-table-header', + enabled: false + } + ]); + + await rowsWithCheckbox[0].uncheck(); + await rowsWithCheckbox[1].uncheck(); + + selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + expect(selectedNamesLi).toHaveLength(2); + + await si.runVisualAndA11yTests('checkbox-selection-uncheck', [ + { + id: 'label', + enabled: false + }, + { + id: 'empty-table-header', + enabled: false + } + ]); + }); + }); + + test.describe('multi click row selection', () => { + const example = 'multi-click-selection'; + + test(example, async ({ si, page }) => { + await si.visitExample(example); + + await page.getByRole('row', { name: 'Claudine Neal' }).click(); + await page.getByRole('row', { name: 'Beryl Rice' }).click(); + await page.getByRole('row', { name: 'Wilder Gonzales' }).click(); + + let selectedRows = await page.locator('datatable-body-row.active').all(); + expect(selectedRows).toHaveLength(3); + + let selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + expect(selectedNamesLi).toHaveLength(3); + + await page.getByRole('row', { name: 'Beryl Rice' }).click(); + + selectedRows = await page.locator('datatable-body-row.active').all(); + selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + + expect(selectedRows).toHaveLength(2); + expect(selectedNamesLi).toHaveLength(2); + + await page.getByRole('row', { name: 'Claudine Neal' }).click(); + + selectedRows = await page.locator('datatable-body-row.active').all(); + selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + + expect(selectedRows).toHaveLength(1); + expect(selectedNamesLi).toHaveLength(1); + + await si.runVisualAndA11yTests('click-selection'); + }); + }); + + test.describe('multi click with checkbox selection', () => { + const example = 'multi-click-chkbox-selection'; + + test(example + ' using keyboard', async ({ si, page }) => { + await si.visitExample(example); + + const firstRow = page.getByRole('row', { name: 'Ethel Price' }); + await firstRow.focus(); + + await firstRow.locator('input[type=checkbox]').check(); + + // Move to 2nd row. + await page.keyboard.press('Tab'); + await page.keyboard.press('Space'); + + // Move to 4th row as 3rd row is disabled. + await page.keyboard.press('Tab'); + await page.keyboard.press('Space'); + + let selectedRows = await page.locator('datatable-body-row.active').all(); + expect(selectedRows).toHaveLength(3); + + const disabledElement = page.getByRole('row', { name: 'Beryl Rice' }); + + await expect(disabledElement).not.toHaveClass(/active/); + + let selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + expect(selectedNamesLi).toHaveLength(3); + + await si.runVisualAndA11yTests('navigation-using-tab-and-space', [ + { + id: 'label', + enabled: false + }, + { + id: 'empty-table-header', + enabled: false + } + ]); + + await page.keyboard.press('Shift+Tab'); + await page.keyboard.press('Space'); + + selectedRows = await page.locator('datatable-body-row.active').all(); + expect(selectedRows).toHaveLength(2); + + selectedNamesLi = await page.locator('.selected-column').locator('ul > li').all(); + expect(selectedNamesLi).toHaveLength(2); + + await si.runVisualAndA11yTests('backward-navigation-shift+tab+space', [ + { + id: 'label', + enabled: false + }, + { + id: 'empty-table-header', + enabled: false + } + ]); + }); + }); +}); diff --git a/playwright/e2e/sorting.spec.ts b/playwright/e2e/sorting.spec.ts new file mode 100644 index 000000000..bb24c2399 --- /dev/null +++ b/playwright/e2e/sorting.spec.ts @@ -0,0 +1,171 @@ +import { expect, test } from '../support/test-helpers'; + +test.describe('sorting', () => { + test.describe('client side sorting', () => { + const example = 'client-sorting'; + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const companyHeader = page.locator('datatable-header-cell[title="Company"]'); + const companyHeaderIcon = companyHeader.locator('span').nth(2); + const firstRow = page.locator('datatable-body-row').first(); + + await si.runVisualAndA11yTests('default-sorting'); + + await companyHeaderIcon.click(); + + await expect(companyHeader).toHaveClass(/sort-active/); + await expect(companyHeader).toHaveClass(/sort-asc/); + + await expect(firstRow.getByRole('cell', { name: 'Accidency' })).toBeTruthy(); + + await si.runVisualAndA11yTests('sorting-asc'); + + await companyHeaderIcon.click(); + + await expect(companyHeader).toHaveClass(/sort-active/); + await expect(companyHeader).toHaveClass(/sort-desc/); + + await expect(firstRow.getByRole('cell', { name: 'Zolar' })).toBeTruthy(); + + await si.runVisualAndA11yTests('sorting-desc'); + + await companyHeaderIcon.click(); + + await expect(companyHeader).not.toHaveClass(/sort-active/); + await expect(companyHeader).not.toHaveClass(/sort-asc/); + await expect(companyHeader).not.toHaveClass(/sort-desc/); + await expect( + firstRow.getByRole('cell', { name: 'Johnson, Johnson and Partners, LLC CMP DDC' }) + ).toBeTruthy(); + + await si.runVisualAndA11yTests('sorting-unset'); + }); + }); + + test.describe('default sorting', () => { + const example = 'default-sorting'; + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const nameHeader = page.locator('datatable-header-cell[title="Name"]'); + const nameHeaderIcon = nameHeader.locator('span').nth(2); + const firstRow = page.locator('datatable-body-row').first(); + + await expect(nameHeader).toHaveClass(/sort-active/); + await expect(nameHeader).toHaveClass(/sort-desc/); + + await expect(firstRow.getByRole('cell', { name: 'Yvonne Parsons' })).toBeTruthy(); + + await si.runVisualAndA11yTests('default-name-sorting-desc'); + + await nameHeaderIcon.click(); + + await expect(nameHeader).toHaveClass(/sort-active/); + await expect(nameHeader).toHaveClass(/sort-asc/); + + await expect(firstRow.getByRole('cell', { name: 'Alexander Foley' })).toBeTruthy(); + + await si.runVisualAndA11yTests('sort-name-by-asc'); + + await nameHeaderIcon.click(); + + await expect(nameHeader).not.toHaveClass(/sort-active/); + await expect(nameHeader).not.toHaveClass(/sort-asc/); + await expect(nameHeader).not.toHaveClass(/sort-desc/); + + await expect(firstRow.getByRole('cell', { name: 'Ethel Price' })).toBeTruthy(); + + await si.runVisualAndA11yTests('unset-name-sort'); + }); + }); + + test.describe('server side sorting', () => { + const example = 'server-sorting'; + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const companyHeader = page.locator('datatable-header-cell[title="Company"]'); + const companyHeaderIcon = companyHeader.locator('span').nth(2); + const firstRow = page.locator('datatable-body-row').first(); + const loadingIndicator = page.locator('datatable-progress').locator('div[class="bar"]'); + + await companyHeaderIcon.click(); + + await expect(companyHeader).toHaveClass(/sort-active/); + await expect(companyHeader).toHaveClass(/sort-asc/); + await expect(loadingIndicator).toBeVisible(); + + await expect(loadingIndicator).toHaveCount(0); + + await expect(firstRow.getByRole('cell', { name: 'Aquamate' })).toBeTruthy(); + + await si.runVisualAndA11yTests('sorting-asc'); + + await companyHeaderIcon.click(); + + await expect(companyHeader).toHaveClass(/sort-active/); + await expect(companyHeader).toHaveClass(/sort-desc/); + + await expect(loadingIndicator).toBeVisible(); + + await expect(loadingIndicator).toHaveCount(0); + + await expect(firstRow.getByRole('cell', { name: 'Xyqag' })).toBeTruthy(); + + await si.runVisualAndA11yTests('sorting-desc'); + + await companyHeaderIcon.click(); + + await expect(companyHeader).toHaveClass(/sort-active/); + await expect(companyHeader).toHaveClass(/sort-asc/); + + await si.runVisualAndA11yTests('sorting-asc-again', [ + { + id: 'aria-progressbar-name', + enabled: false + }, + { + id: 'aria-required-children', + enabled: false + } + ]); + }); + }); + + test.describe('custom sorting comparator', () => { + const example = 'comparator-sorting'; + test(example, async ({ si, page }) => { + await si.visitExample(example); + + const companyHeader = page.locator('datatable-header-cell[title="Company"]'); + const companyHeaderIcon = companyHeader.locator('span').nth(2); + const firstRow = page.locator('datatable-body-row').first(); + + await companyHeaderIcon.click(); + + await expect(companyHeader).toHaveClass(/sort-active/); + await expect(companyHeader).toHaveClass(/sort-asc/); + + await expect(firstRow.getByRole('cell', { name: 'Aquamate' })).toBeTruthy(); + + await si.runVisualAndA11yTests('comparator-sorting-asc'); + + await companyHeaderIcon.click(); + + await expect(companyHeader).toHaveClass(/sort-active/); + await expect(companyHeader).toHaveClass(/sort-desc/); + + await expect(firstRow.getByRole('cell', { name: 'Xyqag' })).toBeTruthy(); + + await si.runVisualAndA11yTests('comparator-sorting-desc'); + + await companyHeaderIcon.click(); + + await expect(companyHeader).toHaveClass(/sort-active/); + await expect(companyHeader).toHaveClass(/sort-asc/); + + await si.runVisualAndA11yTests('comparator-sorting-asc-again'); + }); + }); +}); diff --git a/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/custom-template-summary--custom-template-default-chromium-linux.png b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/custom-template-summary--custom-template-default-chromium-linux.png new file mode 100644 index 000000000..62a06eb50 --- /dev/null +++ b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/custom-template-summary--custom-template-default-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a7f03dccd3a46bcc3a37e829227bdbdace1ef6561cc4038c76f877011e1f62e6 +size 59697 diff --git a/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/inline-html-summary--custom-template-lastname-only-chromium-linux.png b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/inline-html-summary--custom-template-lastname-only-chromium-linux.png new file mode 100644 index 000000000..3bd4a3246 --- /dev/null +++ b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/inline-html-summary--custom-template-lastname-only-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c1b8652836115c1be6851f744772c18a3dbe9dcc083d88dc0302666e546356a8 +size 60512 diff --git a/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/paging-summary--custom-template-chromium-linux.png b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/paging-summary--custom-template-chromium-linux.png new file mode 100644 index 000000000..0e0bfd81a --- /dev/null +++ b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/paging-summary--custom-template-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b20e73df00a95c054e8e8e71e0b600afe3620bff1a16163c707b6a68b74563ac +size 79232 diff --git a/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--no-summary-row-chromium-linux.png b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--no-summary-row-chromium-linux.png new file mode 100644 index 000000000..87b7a0a63 --- /dev/null +++ b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--no-summary-row-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e3d61ba07be6db6f28dc669eb64b906df78d79d5f2d3f7876293a5bc3de2a544 +size 60629 diff --git a/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--show-summary-row-chromium-linux.png b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--show-summary-row-chromium-linux.png new file mode 100644 index 000000000..22059ab5c --- /dev/null +++ b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--show-summary-row-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:bc6f79321afd4172eb236d43106c6e92908ccc5692540e5727926c923349259c +size 63154 diff --git a/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--summary-row-at-bottom-chromium-linux.png b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--summary-row-at-bottom-chromium-linux.png new file mode 100644 index 000000000..c021a6021 --- /dev/null +++ b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--summary-row-at-bottom-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5bddc73c06a04db7a7622048abdccef69cee76001eaeda11e1091b403f3bdf8c +size 63746 diff --git a/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--summary-row-at-top-chromium-linux.png b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--summary-row-at-top-chromium-linux.png new file mode 100644 index 000000000..22059ab5c --- /dev/null +++ b/playwright/snapshots/e2e/custom-template.spec.ts-snapshots/simple-summary--summary-row-at-top-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:bc6f79321afd4172eb236d43106c6e92908ccc5692540e5727926c923349259c +size 63154 diff --git a/playwright/snapshots/e2e/drag-drop.spec.ts-snapshots/drag-drop--drag-drop-example-chromium-linux.png b/playwright/snapshots/e2e/drag-drop.spec.ts-snapshots/drag-drop--drag-drop-example-chromium-linux.png new file mode 100644 index 000000000..67ed635af --- /dev/null +++ b/playwright/snapshots/e2e/drag-drop.spec.ts-snapshots/drag-drop--drag-drop-example-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:dda81ffade0eeede77e7a1499c3cf2c0e22dcdafd8a95ec6c09a09b49adf6a6e +size 430381 diff --git a/playwright/snapshots/e2e/drag-drop.spec.ts-snapshots/drag-drop--switch-rows-chromium-linux.png b/playwright/snapshots/e2e/drag-drop.spec.ts-snapshots/drag-drop--switch-rows-chromium-linux.png new file mode 100644 index 000000000..67ed635af --- /dev/null +++ b/playwright/snapshots/e2e/drag-drop.spec.ts-snapshots/drag-drop--switch-rows-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:dda81ffade0eeede77e7a1499c3cf2c0e22dcdafd8a95ec6c09a09b49adf6a6e +size 430381 diff --git a/playwright/snapshots/e2e/filter.spec.ts-snapshots/filter--next-page-chromium-linux.png b/playwright/snapshots/e2e/filter.spec.ts-snapshots/filter--next-page-chromium-linux.png index 2b61a9910..3ea371ec1 100644 --- a/playwright/snapshots/e2e/filter.spec.ts-snapshots/filter--next-page-chromium-linux.png +++ b/playwright/snapshots/e2e/filter.spec.ts-snapshots/filter--next-page-chromium-linux.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f4a59a3e5823cde46a42cfe670232728fd45b116851cc6a501eccdd24144afa4 -size 82061 +oid sha256:3fda1be70ab58647dc227e0dae13217b53f39c30a68169d3a0df9e4763924da8 +size 82137 diff --git a/playwright/snapshots/e2e/filter.spec.ts-snapshots/filter-chromium-linux.png b/playwright/snapshots/e2e/filter.spec.ts-snapshots/filter-chromium-linux.png index 418f91aa1..2fdfc946c 100644 --- a/playwright/snapshots/e2e/filter.spec.ts-snapshots/filter-chromium-linux.png +++ b/playwright/snapshots/e2e/filter.spec.ts-snapshots/filter-chromium-linux.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:33d7c7f6f3494720709cf293c56e7906451659433f70b53b6098dba660e60324 -size 84359 +oid sha256:06e2a2d275bc04ffd4248673e1fdeab8e92496eff6ad2612d85c99f4c66e86dc +size 84387 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/client-paging--client-side-paging-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/client-paging--client-side-paging-chromium-linux.png new file mode 100644 index 000000000..4fccca012 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/client-paging--client-side-paging-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b9d30932e395f0bdec13a86415a15eaf6e61789db16dc46d8bfe9b7d4ff6ed6b +size 77223 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/client-paging--default-paginator-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/client-paging--default-paginator-chromium-linux.png new file mode 100644 index 000000000..4fccca012 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/client-paging--default-paginator-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b9d30932e395f0bdec13a86415a15eaf6e61789db16dc46d8bfe9b7d4ff6ed6b +size 77223 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/paging-scrolling-novirtualization--novirtualization-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/paging-scrolling-novirtualization--novirtualization-chromium-linux.png new file mode 100644 index 000000000..8f5017950 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/paging-scrolling-novirtualization--novirtualization-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:269d2496b5ce2c9cddbe0cc0da838294573b1265dd82aad5376f1525862fa5b3 +size 69471 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/paging-scrolling-novirtualization--paging-scrolling-novirtualization-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/paging-scrolling-novirtualization--paging-scrolling-novirtualization-chromium-linux.png new file mode 100644 index 000000000..8f5017950 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/paging-scrolling-novirtualization--paging-scrolling-novirtualization-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:269d2496b5ce2c9cddbe0cc0da838294573b1265dd82aad5376f1525862fa5b3 +size 69471 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-paging--server-side-paginator-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-paging--server-side-paginator-chromium-linux.png new file mode 100644 index 000000000..cb41db443 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-paging--server-side-paginator-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:664e75f7b15dc2d9493aec719d1d33aa197a5150afcb600211426bd66a59f50a +size 74455 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-paging--server-side-paging-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-paging--server-side-paging-chromium-linux.png new file mode 100644 index 000000000..cb41db443 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-paging--server-side-paging-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:664e75f7b15dc2d9493aec719d1d33aa197a5150afcb600211426bd66a59f50a +size 74455 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--infinite-scroll-after-scroll-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--infinite-scroll-after-scroll-chromium-linux.png new file mode 100644 index 000000000..7124eccbb --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--infinite-scroll-after-scroll-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0392d7854102820c97599c9fe4c52feef9db3f667aa149c2388977c407324db2 +size 77554 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--infinite-scroll-initial-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--infinite-scroll-initial-chromium-linux.png new file mode 100644 index 000000000..c66f0f495 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--infinite-scroll-initial-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:7803cdc74c7c4f00fdcb86ca3bd5c7ae590fb5512c08121ba67b127c56253f38 +size 78788 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--server-scrolling-after-scroll-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--server-scrolling-after-scroll-chromium-linux.png new file mode 100644 index 000000000..7124eccbb --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--server-scrolling-after-scroll-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0392d7854102820c97599c9fe4c52feef9db3f667aa149c2388977c407324db2 +size 77554 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--server-scrolling-initial-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--server-scrolling-initial-chromium-linux.png new file mode 100644 index 000000000..c66f0f495 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/server-scrolling--server-scrolling-initial-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:7803cdc74c7c4f00fdcb86ca3bd5c7ae590fb5512c08121ba67b127c56253f38 +size 78788 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--paginator-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--paginator-chromium-linux.png new file mode 100644 index 000000000..349e4c685 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--paginator-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c898c79ac6e5dbe1b26a70f5ffbb9623daa58dbc103fce7acc6c2728ba0b8005 +size 70524 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-paging-server-paginator-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-paging-server-paginator-chromium-linux.png new file mode 100644 index 000000000..349e4c685 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-paging-server-paginator-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c898c79ac6e5dbe1b26a70f5ffbb9623daa58dbc103fce7acc6c2728ba0b8005 +size 70524 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-scroll-initial-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-scroll-initial-chromium-linux.png new file mode 100644 index 000000000..938209a87 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-scroll-initial-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d326bc4b52a2ca6a8f1ce3c4baeb9b82e209eef9939f36b16b7a439140bb070b +size 72568 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-initial-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-initial-chromium-linux.png new file mode 100644 index 000000000..938209a87 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-initial-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d326bc4b52a2ca6a8f1ce3c4baeb9b82e209eef9939f36b16b7a439140bb070b +size 72568 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-navigate-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-navigate-chromium-linux.png new file mode 100644 index 000000000..3c98750d0 --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-navigate-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3c869382ffaa307d0957ad96acaad2ba22ccdb28c69606a14d18d920853f73f3 +size 71791 diff --git a/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-scroll-chromium-linux.png b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-scroll-chromium-linux.png new file mode 100644 index 000000000..ecd47ad2b --- /dev/null +++ b/playwright/snapshots/e2e/paging.spec.ts-snapshots/virtual-paging--virtual-server-side-scroll-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0ec99fcd489970ecd3f74b667a4f04840ce5e9d50412adf49a78334f8c2d4642 +size 71406 diff --git a/playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--check-resize-attribute-chromium-linux.png b/playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--check-resize-attribute-chromium-linux.png new file mode 100644 index 000000000..0ea9cbc7f --- /dev/null +++ b/playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--check-resize-attribute-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f5b87bc3e7d28178dcc7a5b9f378400d444a4f2b538ba9a61565f33404f6b898 +size 74814 diff --git a/playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--pinning-name-and-state-column-chromium-linux.png b/playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--pinning-name-and-state-column-chromium-linux.png new file mode 100644 index 000000000..f85f80cd0 --- /dev/null +++ b/playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--pinning-name-and-state-column-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a2b7aecb7a1927805936352e063771eac4e0011ab97316d517fdd451ac3c37d2 +size 75256 diff --git a/playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--resize-name-column-chromium-linux.png b/playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--resize-name-column-chromium-linux.png new file mode 100644 index 000000000..01289178d --- /dev/null +++ b/playwright/snapshots/e2e/resize.spec.ts-snapshots/pinning--resize-name-column-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:7385ed9a22f4687f8b8f1a31af775d692b65b86d68b0fd767719d9e686e82372 +size 67482 diff --git a/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--default-chromium-linux.png b/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--default-chromium-linux.png index 0d3250991..c23c401ad 100644 --- a/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--default-chromium-linux.png +++ b/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--default-chromium-linux.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e1dfd6a166d80945ccf7356b395f3e01b3a985acf0e7ace3d728b936a777e5c0 -size 79891 +oid sha256:b477d821d769b3ac3302662b89c8ce03fab5fc8984e59dada8046987fd5b71a6 +size 79893 diff --git a/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-collapsed-chromium-linux.png b/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-collapsed-chromium-linux.png index 2ff394d9e..7f0a2cc4b 100644 --- a/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-collapsed-chromium-linux.png +++ b/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-collapsed-chromium-linux.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e86a365017cc4665c94fc30411bee60549ed87774d3e4173ed58434d048b90a0 -size 67621 +oid sha256:a2f838138c9bc4896b1a1887f096a3f0ee407ad005ed490a9607fa6731d8361f +size 67616 diff --git a/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-expanded-chromium-linux.png b/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-expanded-chromium-linux.png index 0d3250991..c23c401ad 100644 --- a/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-expanded-chromium-linux.png +++ b/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-expanded-chromium-linux.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e1dfd6a166d80945ccf7356b395f3e01b3a985acf0e7ace3d728b936a777e5c0 -size 79891 +oid sha256:b477d821d769b3ac3302662b89c8ce03fab5fc8984e59dada8046987fd5b71a6 +size 79893 diff --git a/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-selected-chromium-linux.png b/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-selected-chromium-linux.png index 7a30546ff..8ffc7476f 100644 --- a/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-selected-chromium-linux.png +++ b/playwright/snapshots/e2e/row-group.spec.ts-snapshots/row-grouping--group-selected-chromium-linux.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:295b259b4a1e86b7e6dc0e006691b9f6d559dd3c7cdf94c8da9562837fa8c41b -size 80388 +oid sha256:f4a8ede29ef0cb58659a7cb46b5748e913a96674f9425b73182bd6edc74cab85 +size 80467 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/cell-selection--company-cell-selection-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/cell-selection--company-cell-selection-chromium-linux.png new file mode 100644 index 000000000..b7709a765 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/cell-selection--company-cell-selection-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8225cace97eff7ccd30db271fde77ba91af53259020b38c35c590b8f264b715c +size 425138 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/cell-selection--name-cell-selection-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/cell-selection--name-cell-selection-chromium-linux.png new file mode 100644 index 000000000..fa3751950 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/cell-selection--name-cell-selection-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:978e428ac7c8863f1418f7ac933907bd04c74019f6f7ab6692002f217598ddeb +size 424954 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/chkbox-selection--checkbox-selection-all-checked-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/chkbox-selection--checkbox-selection-all-checked-chromium-linux.png new file mode 100644 index 000000000..e41dbb02b --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/chkbox-selection--checkbox-selection-all-checked-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d818bac3c4926934d33e0acd34007096be4b3c5306ffa573aa3519d21af40224 +size 78278 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/chkbox-selection--checkbox-selection-uncheck-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/chkbox-selection--checkbox-selection-uncheck-chromium-linux.png new file mode 100644 index 000000000..077ddc862 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/chkbox-selection--checkbox-selection-uncheck-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:4da1a2b3ecfcbd289e6d9ce53cca7300b5737587d893fe7ca92b4684161c5cd6 +size 74279 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--backward-navigation-shift-tab-space-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--backward-navigation-shift-tab-space-chromium-linux.png new file mode 100644 index 000000000..b42040946 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--backward-navigation-shift-tab-space-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:40323b048935d91dd795e8811265d484962362d4f2360032b7bca116226806ca +size 74881 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--multi-click-with-checkbox-selection-backward-navigation-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--multi-click-with-checkbox-selection-backward-navigation-chromium-linux.png new file mode 100644 index 000000000..3fd2e2ef6 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--multi-click-with-checkbox-selection-backward-navigation-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b24297ab47ada92f8ef093dc3bac0ae0f4013305f2b163208c921819d94198ab +size 74886 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--multi-click-with-checkbox-selection-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--multi-click-with-checkbox-selection-chromium-linux.png new file mode 100644 index 000000000..f62d12647 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--multi-click-with-checkbox-selection-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e4b972aba3834eccea338f1af5f1b40cdc6b60a503da17aba1fc60719e7f904d +size 77087 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--navigation-using-tab-and-space-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--navigation-using-tab-and-space-chromium-linux.png new file mode 100644 index 000000000..f62d12647 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-chkbox-selection--navigation-using-tab-and-space-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e4b972aba3834eccea338f1af5f1b40cdc6b60a503da17aba1fc60719e7f904d +size 77087 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-selection--click-selection-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-selection--click-selection-chromium-linux.png new file mode 100644 index 000000000..9371e72f5 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-selection--click-selection-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5035b6adfb1ffddc35ce91edbbf672659a1ce2f284bfe28561dfb2690c869fe7 +size 73834 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-selection--single-row-selection-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-selection--single-row-selection-chromium-linux.png new file mode 100644 index 000000000..9371e72f5 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-click-selection--single-row-selection-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5035b6adfb1ffddc35ce91edbbf672659a1ce2f284bfe28561dfb2690c869fe7 +size 73834 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--multi-row-selection-using-ctrl-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--multi-row-selection-using-ctrl-chromium-linux.png new file mode 100644 index 000000000..71cbc0331 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--multi-row-selection-using-ctrl-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:db5715535d36cb7a4bafd36e2eb16e73996199044bf572a513fea17d4e7b4ae3 +size 74332 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--multi-row-selection-using-shift-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--multi-row-selection-using-shift-chromium-linux.png new file mode 100644 index 000000000..d0641c79d --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--multi-row-selection-using-shift-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:655d6639d2579dea92424927941aeb7280b51092d4be49b931f47a4d5a279f26 +size 78319 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--using-ctrl-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--using-ctrl-chromium-linux.png new file mode 100644 index 000000000..71cbc0331 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--using-ctrl-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:db5715535d36cb7a4bafd36e2eb16e73996199044bf572a513fea17d4e7b4ae3 +size 74332 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--using-shift-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--using-shift-chromium-linux.png new file mode 100644 index 000000000..d0641c79d --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multi-selection--using-shift-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:655d6639d2579dea92424927941aeb7280b51092d4be49b931f47a4d5a279f26 +size 78319 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multidisable-selection--disable-row-selection-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multidisable-selection--disable-row-selection-chromium-linux.png new file mode 100644 index 000000000..13f53090d --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multidisable-selection--disable-row-selection-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:84ebcfbbbea46b773b447ad7819ba44a7df09d142fba87483e5900089b1668db +size 71207 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/multidisable-selection--single-row-selection-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multidisable-selection--single-row-selection-chromium-linux.png new file mode 100644 index 000000000..13f53090d --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/multidisable-selection--single-row-selection-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:84ebcfbbbea46b773b447ad7819ba44a7df09d142fba87483e5900089b1668db +size 71207 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/single-selection--row-selection-initial-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/single-selection--row-selection-initial-chromium-linux.png new file mode 100644 index 000000000..63f446f67 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/single-selection--row-selection-initial-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:36e10f13603046ecce6f2dd05a07c703f14cd8b72133a3919d4e95cc26e2531d +size 74384 diff --git a/playwright/snapshots/e2e/selection.spec.ts-snapshots/single-selection--single-row-selection-chromium-linux.png b/playwright/snapshots/e2e/selection.spec.ts-snapshots/single-selection--single-row-selection-chromium-linux.png new file mode 100644 index 000000000..63f446f67 --- /dev/null +++ b/playwright/snapshots/e2e/selection.spec.ts-snapshots/single-selection--single-row-selection-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:36e10f13603046ecce6f2dd05a07c703f14cd8b72133a3919d4e95cc26e2531d +size 74384 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-asc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-asc-chromium-linux.png new file mode 100644 index 000000000..067917f91 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-asc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c815843fd41dc14dcb41c3577502ead341c7d1aa50e4297dab1ef35ec41ce9da +size 70857 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-chromium-linux.png new file mode 100644 index 000000000..291b37dca --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d2885274cebcaffd280737640318064c4df9b1e8f8505f0bcd1d8d68123adf13 +size 71776 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-desc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-desc-chromium-linux.png new file mode 100644 index 000000000..c11b4900a --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-desc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d85ad472fd186f6a5031e947be31177080814d191ff429a6258d45dd55307a6d +size 68854 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-unset-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-unset-chromium-linux.png new file mode 100644 index 000000000..119b04cfd --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--client-side-sorting-unset-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c4d2b6af161f99fed3d6797c92e7f3166eae2a911947411edd2b21befd87a638 +size 71809 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--default-sorting-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--default-sorting-chromium-linux.png new file mode 100644 index 000000000..291b37dca --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--default-sorting-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d2885274cebcaffd280737640318064c4df9b1e8f8505f0bcd1d8d68123adf13 +size 71776 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-asc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-asc-chromium-linux.png new file mode 100644 index 000000000..067917f91 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-asc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c815843fd41dc14dcb41c3577502ead341c7d1aa50e4297dab1ef35ec41ce9da +size 70857 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-desc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-desc-chromium-linux.png new file mode 100644 index 000000000..c11b4900a --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-desc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d85ad472fd186f6a5031e947be31177080814d191ff429a6258d45dd55307a6d +size 68854 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-unset-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-unset-chromium-linux.png new file mode 100644 index 000000000..119b04cfd --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/client-sorting--sorting-unset-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c4d2b6af161f99fed3d6797c92e7f3166eae2a911947411edd2b21befd87a638 +size 71809 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-asc-again-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-asc-again-chromium-linux.png new file mode 100644 index 000000000..d7364ac38 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-asc-again-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b979d08d11d1795c95ef277260582b580f8d442f5f66fdbb040de1540ae8c256 +size 135063 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-asc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-asc-chromium-linux.png new file mode 100644 index 000000000..d7364ac38 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-asc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b979d08d11d1795c95ef277260582b580f8d442f5f66fdbb040de1540ae8c256 +size 135063 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-desc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-desc-chromium-linux.png new file mode 100644 index 000000000..a9b6bedf3 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/comparator-sorting--comparator-sorting-desc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:57235ecf245bd1a03458a50e802dcaa75e7652a2dc77d483e1fb34f0cff206a8 +size 135089 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--default-name-sorting-desc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--default-name-sorting-desc-chromium-linux.png new file mode 100644 index 000000000..a26ab5218 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--default-name-sorting-desc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5d8358e2270ac0b2b3b3619b3bd3fe4a3b678f815477438b2a378acd9b4afff2 +size 69397 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--sort-name-by-asc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--sort-name-by-asc-chromium-linux.png new file mode 100644 index 000000000..e9c608db0 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--sort-name-by-asc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8cc48a67c3cbd3f5c13215b952add6222c75d896bcdf47f2f08be5de1b0131d4 +size 69993 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--unset-name-sort-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--unset-name-sort-chromium-linux.png new file mode 100644 index 000000000..431703e54 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/default-sorting--unset-name-sort-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0992bb6664df573049dbb6353709c489a7515e681206c12c11641818f0b88acf +size 71809 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-asc-again-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-asc-again-chromium-linux.png new file mode 100644 index 000000000..6abdc990e --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-asc-again-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fdc132874e5feb143d9eeb5b257406d618d34bc3ed66c8bacbc710ef696591ea +size 134297 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-asc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-asc-chromium-linux.png new file mode 100644 index 000000000..3a783d2cc --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-asc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ed8b52d24b04f4fabe51b9cbc63c13be2409e171ce7f7090b33a7fb74513501e +size 134248 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-desc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-desc-chromium-linux.png new file mode 100644 index 000000000..4667e3077 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--server-side-sorting-desc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3c3b53001ac33e0ab9858b6cb0d839c706cc7010fb8bf9ca42eb66fd5283d76a +size 134269 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-asc-again-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-asc-again-chromium-linux.png new file mode 100644 index 000000000..6abdc990e --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-asc-again-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fdc132874e5feb143d9eeb5b257406d618d34bc3ed66c8bacbc710ef696591ea +size 134297 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-asc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-asc-chromium-linux.png new file mode 100644 index 000000000..3a783d2cc --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-asc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ed8b52d24b04f4fabe51b9cbc63c13be2409e171ce7f7090b33a7fb74513501e +size 134248 diff --git a/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-desc-chromium-linux.png b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-desc-chromium-linux.png new file mode 100644 index 000000000..4667e3077 --- /dev/null +++ b/playwright/snapshots/e2e/sorting.spec.ts-snapshots/server-sorting--sorting-desc-chromium-linux.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3c3b53001ac33e0ab9858b6cb0d839c706cc7010fb8bf9ca42eb66fd5283d76a +size 134269 diff --git a/projects/ngx-datatable/src/lib/themes/material.scss b/projects/ngx-datatable/src/lib/themes/material.scss index 24f9c57d7..0404bb303 100644 --- a/projects/ngx-datatable/src/lib/themes/material.scss +++ b/projects/ngx-datatable/src/lib/themes/material.scss @@ -58,7 +58,7 @@ $datatable-body-row-border-bottom-color: #d9d8d9 !default; // colors for footer elements $datatable-footer-cell-color: rgba(0, 0, 0, 0.54) !default; $datatable-footer-border-top-color: rgba(0, 0, 0, 0.12) !default; -$datatable-pager-color: rgba(0, 0, 0, 0.54) !default; +$datatable-pager-color: rgba(0, 0, 0, 0.64) !default; $datatable-pager-color-hover: rgba(0, 0, 0, 0.75) !default; $datatable-pager-background-hover: rgba(158, 158, 158, 0.2) !default; $datatable-pager-disabled-color: rgba(0, 0, 0, 0.26) !default; diff --git a/src/app/paging/mock-server-results-service.ts b/src/app/paging/mock-server-results-service.ts index 8d9e9ded6..d54e48f7c 100644 --- a/src/app/paging/mock-server-results-service.ts +++ b/src/app/paging/mock-server-results-service.ts @@ -20,7 +20,7 @@ export class MockServerResultsService { public getResults(page: Page): Observable> { return of(companyData) .pipe(map(d => this.getPagedData(page))) - .pipe(delay(1000 * Math.random())); + .pipe(delay(1500 * Math.random())); } /** diff --git a/src/app/paging/scrolling-server.component.ts b/src/app/paging/scrolling-server.component.ts index ae617f91d..3f6ecb35c 100644 --- a/src/app/paging/scrolling-server.component.ts +++ b/src/app/paging/scrolling-server.component.ts @@ -19,7 +19,7 @@ class PagedData { export class MockServerResultsService { public getResults(offset: number, limit: number): Observable> { return of(companyData.slice(offset, offset + limit)).pipe( - delay(new Date(Date.now() + 500)), + delay(new Date(Date.now() + 1500)), map(d => ({ data: d })) ); } diff --git a/src/app/selection/selection-chkbox-template.component.ts b/src/app/selection/selection-chkbox-template.component.ts index 080308a21..e2858cc31 100644 --- a/src/app/selection/selection-chkbox-template.component.ts +++ b/src/app/selection/selection-chkbox-template.component.ts @@ -25,7 +25,7 @@ import { Employee } from '../data.model';