siemens/ngx-datatable

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);
 
      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);
 
      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);
 
      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')).toHaveCount(0);
 
      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);
      await pagerTest(page, 9);
      await si.runVisualAndA11yTests('paginator');
    });
 
    test(example, async ({ si, page }) => {
      await si.visitExample(example);
 
      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');
    });
  });
});
 
Function `pagerTest` has 41 lines of code (exceeds 25 allowed). Consider refactoring.
const pagerTest = async (
  page: Page,
  numberOfRows: number,
  checkForGhostLoader: boolean = false
) => {
  const pager = page.locator('datatable-pager');
  expect(pager).toBeTruthy();
 
  if (checkForGhostLoader) {
    await expect(page.locator('ghost-loader').first()).toBeVisible();
    await expect(page.locator('.custom-loading-content')).toBeVisible();
  }
 
  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 page.waitForSelector('span[title="Ethel Price"]');
 
  if (checkForGhostLoader) {
    await expect(page.locator('ghost-loader').first()).not.toBeVisible();
    await expect(page.locator('.custom-loading-content')).not.toBeVisible();
  }
 
  const displayedRows = await page.locator('datatable-row-wrapper').all();
  expect(displayedRows).toHaveLength(numberOfRows);
 
  await expect(page.getByRole('cell', { name: 'Ethel Price' })).toBeVisible();
  await expect(page.getByRole('cell', { name: 'Beryl Rice' })).toBeVisible();
 
  await expect(firstPageButton).toHaveClass(/disabled/);
  await expect(previousButton).toHaveClass(/disabled/);
 
  await expect(nextButton).not.toHaveClass(/disabled/);
  await expect(lastButton).not.toHaveClass(/disabled/);
 
  await lastButton.click();
 
  if (checkForGhostLoader) {
    await expect(page.locator('ghost-loader').first()).toBeVisible();
    await expect(page.locator('.custom-loading-content')).toBeVisible();
  }
 
  await page.waitForSelector('span[title="Humphrey Curtis"]');
 
  if (checkForGhostLoader) {
    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 expect(page.getByRole('cell', { name: 'Beryl Rice' })).not.toBeVisible();
 
  await expect(firstPageButton).not.toHaveClass(/disabled/);
  await expect(previousButton).not.toHaveClass(/disabled/);
 
  await expect(nextButton).toHaveClass(/disabled/);
  await expect(lastButton).toHaveClass(/disabled/);
 
  await expect(page.getByRole('cell', { name: 'Humphrey Curtis' })).toBeVisible();
  await expect(page.getByRole('cell', { name: 'Christine Compton' })).toBeVisible();
};