import { chromium } from "playwright";

(async () => {
  const browser = await chromium.launch({ headless: false });
  const page = await browser.newPage();

  // 콘솔 메시지 수집
  page.on("console", (msg) => {
    console.log(`[CONSOLE ${msg.type().toUpperCase()}] ${msg.text()}`);
  });

  // 에러 메시지 수집
  page.on("pageerror", (err) => {
    console.log(`[PAGE ERROR] ${err.message}`);
  });

  // 네트워크 요청 모니터링
  page.on("response", (response) => {
    if (!response.ok()) {
      console.log(`[NETWORK ERROR] ${response.status()} ${response.url()}`);
    }
  });

  try {
    console.log("페이지 로딩 시작...");
    await page.goto("http://localhost:3000", {
      waitUntil: "domcontentloaded",
      timeout: 30000,
    });

    console.log("페이지 로딩 완료");

    // 5초 기다려서 로딩 상태 확인
    await page.waitForTimeout(5000);

    // 페이지 내용 확인
    const title = await page.title();
    const content = await page.textContent("body");

    console.log("페이지 제목:", title);
    console.log("페이지 내용 (앞부분):", content.substring(0, 200));

    // 스크린샷 찍기
    await page.screenshot({ path: "debug-screenshot-current.png" });
    console.log("스크린샷 저장됨: debug-screenshot-current.png");
  } catch (error) {
    console.error("에러 발생:", error.message);
  }

  await browser.close();
})();