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

test('Suche öffnet automatisch Bottom-Sheet', async ({ page }) => {
  await page.goto('https://www.app.stolperclean.de/webapp/DEVELOPMENT/index.html');
  await page.getByRole('button', { name: 'Stolpersteine anzeigen' }).click();
  
  // 1. Suche öffnen
  await page.locator('#search-address-trigger').click();
  await page.getByRole('textbox', { name: 'Vor/Nachname oder Straße/Nr' }).fill('curt bejach');
  
  // 2. Klick auf das Suchergebnis
  // Dieser Klick löst in deiner App das Zentrieren UND das Öffnen des BS aus.
  await page.getByRole('listitem').filter({ hasText: 'Curt Bejach (geb. 1890),' }).click();

  // 3. KEIN weiterer Klick auf die Karte! 
  // Wir prüfen direkt, ob das BS da ist.
  const bottomSheet = page.locator('#bottom-sheet');
  
  // Wir geben der App bis zu 5 Sekunden Zeit für die Animation/das Laden
  await expect(bottomSheet).toBeVisible({ timeout: 5000 });
  await expect(bottomSheet).toContainText('Curt Bejach');
});