// Final smoke: load the extension, hit the site, check the correct marker IDs
const { chromium } = require('/usr/lib/node_modules/@playwright/test');

const EXT_PATH = '/root/beat-pocket/extension';

(async () => {
  const consoleMessages = [];
  const pageErrors = [];

  const userDataDir = '/tmp/bb-final-' + Date.now();
  const context = await chromium.launchPersistentContext(userDataDir, {
    headless: true,
    channel: 'chromium',
    args: [
      `--disable-extensions-except=${EXT_PATH}`,
      `--load-extension=${EXT_PATH}`,
      '--disable-dev-shm-usage',
      '--no-sandbox',
    ],
    viewport: { width: 414, height: 896 },
  });

  await context.waitForEvent('serviceworker', { timeout: 8000 }).catch(() => {});
  console.log('[final] sw count:', context.serviceWorkers().length);

  const page = context.pages()[0] || await context.newPage();
  page.on('console', (m) => consoleMessages.push({ type: m.type(), text: m.text() }));
  page.on('pageerror', (e) => pageErrors.push(String(e)));

  await page.goto('https://beat-battle.net/', { waitUntil: 'domcontentloaded', timeout: 30000 });
  await page.waitForTimeout(5000);

  // Comprehensive DOM check — every plausible marker
  const result = await page.evaluate(() => {
    const find = (sel) => document.querySelector(sel);
    return {
      bbpHost: find('#bbp-host')?.outerHTML?.slice(0, 200) || null,
      bbpDrawer: find('#bbp-chat-drawer')?.outerHTML?.slice(0, 200) || null,
      bbpFab: find('#bbp-fab')?.outerHTML?.slice(0, 200) || null,
      bbpHeaderBtn: find('#bbp-header-btn')?.outerHTML?.slice(0, 200) || null,
      bbpAnyDiv: Array.from(document.querySelectorAll('div')).filter(d => d.id.startsWith('bbp-')).map(d => d.id),
      bbpClassCount: document.querySelectorAll('[class*="bbp-"]').length,
      // Site state
      playButton: !!Array.from(document.querySelectorAll('button')).find(b => /PLAY/i.test(b.textContent || '')),
      windowBbp: Object.keys(window).filter(k => /bbp/i.test(k)),
    };
  });
  console.log('[final:dom]', JSON.stringify(result, null, 2));

  console.log('[final:errors]', pageErrors.length, 'errors:', pageErrors.slice(0,3));
  console.log('[final:console] total', consoleMessages.length);
  const ours = consoleMessages.filter(m => /beat pocket|bbp|beat-pocket/i.test(m.text));
  console.log('[final:console] ours:', ours.length);
  for (const m of ours.slice(0, 8)) console.log('  ', m.type, m.text.slice(0,200));

  // Now navigate to a known-in-game URL? No — site is dynamic, just check homepage state.
  await page.screenshot({ path: '/tmp/bb-final.png', fullPage: false });
  console.log('[final] screenshot: /tmp/bb-final.png');

  await context.close();
})().catch((e) => { console.error('FAIL:', e); process.exit(1); });