docs/src/frontend/apps/e2e/__tests__/app-impress/common.ts

import { Page, expect } from '@playwright/test';

export const keyCloakSignIn = async (page: Page, browserName: string) => {
  const title = await page.locator('h1').first().textContent({
    timeout: 5000,
  });

  const login = `user-e2e-${browserName}`;
  const password = `password-e2e-${browserName}`;

  if (await page.getByLabel('Restart login').isVisible()) {
    await page.getByRole('textbox', { name: 'password' }).fill(password);

    await page.click('input[type="submit"]', { force: true });
  } else if (title?.includes('Sign in to your account')) {
    await page.getByRole('textbox', { name: 'username' }).fill(login);

    await page.getByRole('textbox', { name: 'password' }).fill(password);

    await page.click('input[type="submit"]', { force: true });
  }
};

export const randomName = (name: string, browserName: string, length: number) =>
  Array.from({ length }, (_el, index) => {
    return `${browserName}-${Math.floor(Math.random() * 10000)}-${index}-${name}`;
  });

export const createDoc = async (
  page: Page,
  docName: string,
  browserName: string,
  length: number,
  isPublic: boolean = false,
) => {
  const buttonCreate = page.getByRole('button', {
    name: 'Create the document',
  });

  const randomDocs = randomName(docName, browserName, length);

  for (let i = 0; i < randomDocs.length; i++) {
    const header = page.locator('header').first();
    await header.locator('h2').getByText('Docs').click();

    const buttonCreateHomepage = page.getByRole('button', {
      name: 'Create a new document',
    });
    await buttonCreateHomepage.click();

    // Fill input
    await page
      .getByRole('textbox', {
        name: 'Document name',
      })
      .fill(randomDocs[i]);

    if (isPublic) {
      await page.getByText('Is it public ?').click();
    }

    await expect(buttonCreate).toBeEnabled();
    await buttonCreate.click();

    await expect(page.locator('h2').getByText(randomDocs[i])).toBeVisible();
  }

  return randomDocs;
};

export const addNewMember = async (
  page: Page,
  index: number,
  role: 'Admin' | 'Owner' | 'Member',
  fillText: string = 'user',
) => {
  const responsePromiseSearchUser = page.waitForResponse(
    (response) =>
      response.url().includes(`/users/?q=${fillText}`) &&
      response.status() === 200,
  );

  await page.getByRole('button', { name: 'Share' }).click();

  const inputSearch = page.getByLabel(/Find a member to add to the document/);

  // Select a new user
  await inputSearch.fill(fillText);

  // Intercept response
  const responseSearchUser = await responsePromiseSearchUser;
  const users = (await responseSearchUser.json()).results as {
    email: string;
  }[];

  // Choose user
  await page.getByRole('option', { name: users[index].email }).click();

  // Choose a role
  await page.getByRole('combobox', { name: /Choose a role/ }).click();
  await page.getByRole('option', { name: role }).click();
  await page.getByRole('button', { name: 'Validate' }).click();

  await expect(
    page.getByText(`User ${users[index].email} added to the document.`),
  ).toBeVisible();

  return users[index].email;
};

interface GoToGridDocOptions {
  nthRow?: number;
  title?: string;
}
export const goToGridDoc = async (
  page: Page,
  { nthRow = 1, title }: GoToGridDocOptions = {},
) => {
  const header = page.locator('header').first();
  await header.locator('h2').getByText('Docs').click();

  const datagrid = page
    .getByLabel('Datagrid of the documents page 1')
    .getByRole('table');

  await expect(datagrid.getByLabel('Loading data')).toBeHidden();

  const rows = datagrid.getByRole('row');
  const row = title
    ? rows.filter({
        hasText: title,
      })
    : rows.nth(nthRow);

  const docTitleCell = row.getByRole('cell').nth(1);

  const docTitle = await docTitleCell.textContent();

  expect(docTitle).toBeDefined();

  await docTitleCell.click();

  return docTitle as string;
};