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

test.describe('DOXA Web App - Core Functionality', () => {
  let appPage: AppPage;

  test.beforeEach(async ({ page }) => {
    appPage = new AppPage(page);
    await appPage.navigate();
  });

  test('Vytvoření, editace a ověření poznámky s tagy', async () => {
    // 1. Vytvoření nové poznámky
    const noteName = 'Moje Stoická Poznámka';
    await appPage.createNewNote(noteName);

    // Ověříme, že se poznámka objevila v seznamu jako aktivní
    const notes = await appPage.getNoteList();
    await expect(notes.first()).toContainText(noteName);
    await expect(notes.first()).toHaveClass(/active/);

    // 2. Editace poznámky a tagů
    await appPage.fillNote('Dnes odepřena digitální iluze.', 'filozofie, stoicismus');

    // 3. Ověření uložení a zobrazení tagu
    await expect(notes.first().locator('.note-preview-tags')).toContainText('🏷️ filozofie, stoicismus');
  });

  test('Slash Commands menu se zobrazí po napsání /', async () => {
    const noteName = 'Test slash příkazů';
    await appPage.createNewNote(noteName);

    // Klikneme do editoru a napíšeme "/"
    await appPage.noteEditor.focus();
    await appPage.page.keyboard.type('/');

    // Ověříme, že se menu zobrazilo
    await expect(appPage.slashMenu).toBeVisible();
    await expect(appPage.slashMenu).toContainText('Vložit dnešní datum');
  });
});