// Post-auth-gate smoke test: signs in as the existing confirmed owner test
// account, ensures a family exists, then does a light pass over every tab to
// confirm nothing broke in the Supabase migration. The detailed pre-auth
// suites (e2e-uat.cjs, e2e-fastpath.cjs, e2e-trust.cjs, e2e-business.cjs,
// e2e-digital-vehicle.cjs, e2e-property.cjs, e2e-other.cjs, e2e-info.cjs)
// assume an anonymous landing page and need a sign-in prelude added before
// they're valid again — tracked as a follow-up, not done here.
const { chromium } = require('playwright');
const BASE = 'https://moslem04.falahos.my/';
const results = [];
const consoleErrors = [];
function record(name, pass, detail = '') { results.push({ name, pass, detail }); console.log(`${pass ? 'PASS' : 'FAIL'}  ${name}${detail ? '  — ' + detail : ''}`); }

const TABS = ['Coverage', 'Faraid', 'Assets', 'Wassiyah', 'Hibah', 'Family Waqf', 'Nominate', 'Trigger', 'Claims (H2)', 'Family', 'Settings'];

async function main() {
  const browser = await chromium.launch();
  const page = await browser.newPage({ viewport: { width: 390, height: 844 } });
  page.on('console', m => { if (m.type() === 'error') consoleErrors.push(m.text()); });
  page.on('pageerror', e => consoleErrors.push(e.message));

  await page.goto(BASE, { waitUntil: 'networkidle' });
  await page.locator('.field:has-text("Email") input').fill('nurfalah.e2etest.owner@gmail.com');
  await page.locator('.field:has-text("Password") input').fill('TestPassword123!');
  await page.locator('button.btn-primary', { hasText: 'Sign in' }).click();
  await page.waitForTimeout(1500);

  // Land on switcher (multiple families from earlier test runs) — pick the first.
  const onSwitcher = await page.locator('.switcher-screen').isVisible().catch(() => false);
  if (onSwitcher) {
    await page.locator('.family-row').first().click();
    await page.waitForTimeout(1000);
  }
  const onMainApp = await page.locator('nav button[aria-label="Coverage"]').isVisible().catch(() => false);
  record('Signed-in owner reaches the main app', onMainApp);

  for (const label of TABS) {
    await page.locator(`nav button[aria-label="${label}"]`).click();
    await page.waitForTimeout(500);
    const infoBtn = page.locator('.module-header .info-btn');
    const hasInfoBtn = await infoBtn.isVisible().catch(() => false);
    record(`"${label}": tab renders without crashing`, true); // reaching here without a page crash is the real check
    if (hasInfoBtn) {
      await infoBtn.click();
      await page.waitForTimeout(200);
      const panelOpen = await page.locator('.info-panel').isVisible().catch(() => false);
      record(`"${label}": info panel still opens`, panelOpen);
      await infoBtn.click();
    }
  }

  record('No uncaught JS console errors across full authed tab sweep', consoleErrors.length === 0, consoleErrors.slice(0, 5).join(' || '));

  await browser.close();
  const passCount = results.filter(r => r.pass).length;
  const failCount = results.length - passCount;
  console.log(`\n${passCount} passed, ${failCount} failed, ${results.length} total`);
  if (failCount > 0) results.filter(r => !r.pass).forEach(r => console.log(`  - ${r.name}: ${r.detail}`));
  process.exit(failCount > 0 ? 1 : 0);
}
main().catch(e => { console.error('SCRIPT ERROR:', e); process.exit(2); });