automatisch/packages/e2e-tests/fixtures/admin/users-page.js

const { faker } = require('@faker-js/faker');
const { AuthenticatedPage } = require('../authenticated-page');
const { DeleteUserModal } = require('./delete-user-modal');

faker.seed(9001);

export class AdminUsersPage extends AuthenticatedPage {
  screenshotPath = '/admin';

  /**
   * @param {import('@playwright/test').Page} page
   */
  constructor (page) {
    super(page);
    this.createUserButton = page.getByTestId('create-user');
    this.userRow = page.getByTestId('user-row');
    this.deleteUserModal = new DeleteUserModal(page);
    this.firstPageButton = page.getByTestId('first-page-button');
    this.previousPageButton = page.getByTestId('previous-page-button');
    this.nextPageButton = page.getByTestId('next-page-button');
    this.lastPageButton = page.getByTestId('last-page-button');
    this.usersLoader = page.getByTestId('users-list-loader');
  }

  async navigateTo () {
    await this.profileMenuButton.click();
    await this.adminMenuItem.click();
  }

  /**
   * @param {string} email
   */
  async getUserRowByEmail (email) {
    return this.userRow.filter({
      has: this.page.getByTestId('user-email').filter({
        hasText: email
      })
    });
  }

  /**
   * @param {import('@playwright/test').Locator} row 
   */
  async getRowData (row) {
    return {
      fullName: await row.getByTestId('user-full-name').textContent(),
      email: await row.getByTestId('user-email').textContent(),
      role: await row.getByTestId('user-role').textContent()
    }
  }

  /**
   * @param {import('@playwright/test').Locator} row 
   */
  async clickEditUser (row) {
    await row.getByTestId('user-edit').click();
  }

  /**
   * @param {import('@playwright/test').Locator} row 
   */
  async clickDeleteUser (row) {
    await row.getByTestId('delete-button').click();
    return this.deleteUserModal;
  }

  /**
   * @param {string} email 
   */
  async findUserPageWithEmail (email) {
    // start at the first page
    const firstPageDisabled = await this.firstPageButton.isDisabled();
    if (!firstPageDisabled) {
      await this.firstPageButton.click();
    }

    while (true) {
      const rowLocator = await this.getUserRowByEmail(email);
      if ((await rowLocator.count()) === 1) {
        return rowLocator;
      }
      if (await this.nextPageButton.isDisabled()) {
        return null;
      } else {
        await this.nextPageButton.click();
      }
    }
  }

  async getTotalRows () {
    return await this.page.evaluate(() => {
      const node = document.querySelector('[data-total-count]');
      if (node) {
        const count = Number(node.dataset.totalCount);
        if (!isNaN(count)) {
          return count;
        }
      }
      return 0;
    });
  }

  async getRowsPerPage () {
    return await this.page.evaluate(() => {
      const node = document.querySelector('[data-rows-per-page]');
      if (node) {
        const count = Number(node.dataset.rowsPerPage);
        if (!isNaN(count)) {
          return count;
        }
      }
      return 0;
    });
  }
}