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

test.describe('Create page button', () => {
  test('click and autofocus to title text input', async({ page }) => {
    await page.goto('/');

    await page.getByTestId('grw-page-create-button').getByRole('button', { name: 'Create' }).click();

    // should be focused
    await expect(page.getByPlaceholder('Input page name')).toBeFocused();
  });
});

test.describe('Create page button dropdown menu', () => {
  test('open and create today page', async({ page }) => {
    await page.goto('/');

    // open dropdown menu
    await page.getByTestId('grw-page-create-button').hover();
    await expect(page.getByTestId('grw-page-create-button').getByLabel('Open create page menu')).toBeVisible();
    await page.getByTestId('grw-page-create-button').getByLabel('Open create page menu').dispatchEvent('click'); // simulate the click
    await page.getByRole('menuitem', { name: 'Create today page' }).click();

    // should not be visible
    await expect(page.getByPlaceholder('Input page name')).not.toBeVisible();
  });
});