/**
 * Critical a11y fix — bottom sheets on /account (data-mode warning and
 * leave-confirm) now respond to Escape via the focusTrap action. They were
 * previously click-only, blocking keyboard / switch-control users.
 */
import { test, expect } from '../../fixtures/test';

test.describe('Mobile a11y — sheets dismiss on Escape', () => {
  test('data-mode warning sheet closes on Escape', async ({ page, guest, signIn }) => {
    const g = await guest('SheetEsc');
    await signIn(page, g);
    await page.goto('/account');

    // /account is server-rendered, so its controls exist and look clickable BEFORE Svelte
    // hydrates their handlers. The data-mode options are custom `div[role=radio]` (no native
    // input fallback), so a pre-hydration click does nothing and the sheet never opens (a
    // reproduced ~1% flake). The profile name/expiry are filled in onMount (post-hydration);
    // waiting for the real display name is a reliable "the page is interactive now" barrier.
    await expect(page.getByText(g.displayName)).toBeVisible();

    // Click the "Original" radio in the Datennutzung section to open the warning sheet.
    // The radio's accessible name is its title + description ("Original Lädt die
    // Originaldateien…"), so anchor on the start, not the end.
    const originalRadio = page.getByRole('radio', { name: /^Original/i });
    await originalRadio.click();

    const sheet = page.locator('[role="dialog"][aria-labelledby="data-mode-title"]');
    await expect(sheet).toBeVisible();

    await page.keyboard.press('Escape');
    await expect(sheet).not.toBeVisible({ timeout: 2_000 });
  });

  test('leave-confirm sheet (built on ConfirmSheet) closes on Escape', async ({
    page,
    guest,
    signIn,
  }) => {
    const g = await guest('LeaveEsc');
    await signIn(page, g);
    await page.goto('/account');

    // Wait for /account to hydrate before tapping the (server-rendered) leave button, so the
    // click reaches a live handler. See the test above.
    await expect(page.getByText(g.displayName)).toBeVisible();

    await page.getByRole('button', { name: /Event verlassen/i }).click();
    const sheet = page.getByTestId('confirm-sheet');
    await expect(sheet).toBeVisible();

    await page.keyboard.press('Escape');
    await expect(sheet).not.toBeVisible({ timeout: 2_000 });
  });
});