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

import { createTeam, keyCloakSignIn, randomName } from './common';

test.beforeEach(async ({ page, browserName }) => {
  await page.goto('/');
  await keyCloakSignIn(page, browserName);
});

test.describe('Team', () => {
  test('checks all the top box elements are visible', async ({
    page,
    browserName,
  }) => {
    const teamName = (
      await createTeam(page, 'team-top-box', browserName, 1)
    ).shift();

    await expect(page.getByText('Group members')).toBeVisible();
    await expect(page.getByLabel('Filter member list')).toBeVisible();

    await expect(
      page.getByRole('heading', {
        name: teamName,
        level: 3,
      }),
    ).toBeVisible();
    await expect(page.getByText(`Group details`)).toBeVisible();

    await expect(page.getByText(`1 member`)).toBeVisible();

    const today = new Date(Date.now());
    const todayFormated = today.toLocaleDateString('en', {
      month: '2-digit',
      day: '2-digit',
      year: 'numeric',
    });
    await expect(page.getByText(`Created at ${todayFormated}`)).toBeVisible();
    await expect(
      page.getByText(`Last update at ${todayFormated}`),
    ).toBeVisible();
  });

  test('it updates the team name', async ({ page, browserName }) => {
    await createTeam(page, 'team-update-name', browserName, 1);

    await page.getByLabel(`Open the team options`).click();
    await page.getByRole('button', { name: `Update the team` }).click();

    const teamName = randomName('new-team-update-name', browserName, 1)[0];
    await page.getByText('New name...', { exact: true }).fill(teamName);

    await page
      .getByRole('button', { name: 'Validate the modification' })
      .click();

    await expect(page.getByText('The team has been updated.')).toBeVisible();
    await expect(page.getByText(`Group details`)).toBeVisible();
  });

  test('sorts group members by search term', async ({
    page,
    browserName,
    request,
  }) => {
    await createTeam(page, 'team-to-sort', browserName, 1);

    await page.getByLabel(`Open the team options`).click();
    await page.getByLabel('Filter member list').fill('term-to-search');

    const response = await request.get('teams/?page=1&q=term-to-search');

    expect(response.ok()).toBeTruthy();
  });
});