const { chromium } = require('@playwright/test');
(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage({ viewport: { width: 1180, height: 820 } }); // iPad Landscape
  const errs=[]; page.on('pageerror',e=>errs.push(e.message)); page.on('console',m=>{if(m.type()==='error')errs.push(m.text());});
  await page.goto('http://localhost/geograsim/App/sims/tourismusregion/game.html');
  await page.waitForTimeout(1500);

  const before = await page.evaluate(() => ({
    hasPlayerName: !!document.getElementById('playerName'),
    hasClassCode:  !!document.getElementById('classCode'),
    hasBtnStart:   !!document.getElementById('btnStart'),
    hasBtnSave:    !!document.getElementById('btnSave'),
    mapBtnCount:   document.querySelectorAll('.map-btn').length,
    startOverlayHidden: document.getElementById('startOverlay').classList.contains('hidden'),
  }));

  // ② Klick auf erste Route sollte SOFORT starten
  await page.click('.map-btn');
  await page.waitForTimeout(2500);
  const after = await page.evaluate(() => ({
    startOverlayHidden: document.getElementById('startOverlay').classList.contains('hidden'),
    gameStarted: !!window.__ttState,
    mapId: window.__ttState && window.__ttState.map && window.__ttState.map.id,
  }));

  await page.screenshot({ path: 'C:/Users/herr_/AppData/Local/Temp/claude/c--xampp-htdocs-geograsim/c02572ea-7616-4524-a974-dff0e5670d2c/scratchpad/tr-ipad.png' });
  console.log(JSON.stringify({ before, after, pageErrors: errs }, null, 2));
  await browser.close();
})();