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

const openPageAccessoriesModal = async(page: Page): Promise<void> => {
  await page.goto('/');
  await page.getByTestId('pageListButton').click();
  await expect(page.getByTestId('descendants-page-list-modal')).toBeVisible();
};

test('Page list modal is successfully opened', async({ page }) => {
  await openPageAccessoriesModal(page);
  await expect(page.getByTestId('page-list-item-L').first()).not.toContainText('You cannot see this page');
});

test('Successfully open PageItemControl', async({ page }) => {
  await openPageAccessoriesModal(page);
  await page.getByTestId('page-list-item-L').first().getByTestId('open-page-item-control-btn').click();
  await expect(page.locator('.dropdown-menu.show')).toBeVisible();
});

test('Successfully close modal', async({ page }) => {
  await openPageAccessoriesModal(page);
  await page.locator('.btn-close').click();
  await expect(page.getByTestId('descendants-page-list-modal')).not.toBeVisible();
});

test('Timeline list successfully openend', async({ page }) => {
  await openPageAccessoriesModal(page);
  await page.getByTestId('timeline-tab-button').click();
  await expect(page.locator('.card-timeline').first()).toBeVisible();
});