import { chromium } from "@playwright/test";

(async () => {
  console.log("════════════════════════════════════════════════════════");
  console.log("        ✅ FINAL TEST - @rendermode InteractiveWebAssembly");
  console.log("════════════════════════════════════════════════════════\n");
  
  const b = await chromium.launch({ headless: false });
  const p = await b.newPage();
  
  p.on("console", msg => {
    const text = msg.text();
    if (text.includes("[") && text.includes("]")) {
      console.log("  📝 " + text);
    }
  });
  
  try {
    console.log("1️⃣  로그인 페이지 로드");
    await p.goto("http://localhost:5265/login.html");
    
    console.log("2️⃣  로그인 (admin/admin)");
    await p.fill("input[name='username']", "admin");
    await p.fill("input[name='password']", "admin");
    await p.click("button[type='submit']");
    
    console.log("3️⃣  모니터링 (10초)\n");
    let redirected = false;
    for (let i = 1; i <= 10; i++) {
      await new Promise(r => setTimeout(r, 1000));
      const url = p.url();
      if (!url.includes("login")) {
        console.log(`\n   ✅ [${i}s] 리다이렉트됨!`);
        console.log(`   URL: ${url}`);
        redirected = true;
        break;
      }
      process.stdout.write(`   [${i}s] ${url}\r`);
    }
    
    const finalUrl = p.url();
    
    if (finalUrl.includes("/dashboard")) {
      console.log("\n\n✅✅✅ 성공! 대시보드에 도착했습니다!\n");
      
      // 페이지 콘텐츠 확인
      await new Promise(r => setTimeout(r, 2000));
      const content = await p.content();
      
      if (content.includes("관리자 대시보드")) {
        console.log("✅ 대시보드 콘텐츠 확인됨!\n");
        console.log("🎉 로그인 완성! 인증 흐름 정상 작동!\n");
      } else {
        console.log("⚠️  대시보드 콘텐츠 미확인\n");
      }
    } else {
      console.log(`\n❌ 아직도 ${finalUrl}에 있습니다\n`);
    }
    
    await p.screenshot({ path: "./ultimate-test-result.png", fullPage: true });
    console.log("📷 스크린샷: ultimate-test-result.png");
    
  } catch (e) {
    console.error("❌ Error:", e.message);
  }
  
  await b.close();
})();