const { chromium } = require("playwright-core");
const fs = require("fs");

(async () => {
  const cwId = fs.readFileSync("D:/AI/jiaoyu/_cw_id.txt","utf8").trim();
  const browser = await chromium.launch({
    executablePath: "C:/Program Files/Google/Chrome/Application/chrome.exe",
    args: ["--disable-blink-features=AutomationControlled"],
  });
  const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
  const errors = [];
  page.on("console", msg => { if (msg.type() === "error") errors.push(msg.text()); });
  page.on("pageerror", err => errors.push(err.message));

  const BASE = "http://127.0.0.1:5175";
  const loginResp = await page.request.post("http://127.0.0.1:8010/api/auth/login", {
    data: { phone: "13943441149", password: "Test1234" },
  });
  const token = (await loginResp.json()).access_token;
  await page.goto(BASE + "/login", { waitUntil: "networkidle" });
  await page.evaluate(t => { localStorage.setItem("token", t); localStorage.setItem("access_token", t); localStorage.setItem("zj_token", t); }, token);

  await page.goto(`${BASE}/preview/${cwId}`, { waitUntil: "networkidle", timeout: 20000 });
  await page.waitForTimeout(4000);

  const iframes = await page.$$("iframe");
  console.log("iframes:", iframes.length);

  // Check main slide iframe content via srcdoc
  const slideIframe = await page.$(".slide-raw-iframe");
  if (slideIframe) {
    const srcdoc = await slideIframe.getAttribute("srcdoc");
    console.log("slide srcdoc length:", srcdoc ? srcdoc.length : 0);
    if (srcdoc) console.log("srcdoc has content:", srcdoc.length > 100);
  } else {
    console.log("no .slide-raw-iframe found");
  }

  // Check page counter
  const pageCounter = await page.$eval(".bottom-page-info, .ov-page", el => el.textContent).catch(() => "none");
  console.log("page counter:", pageCounter);

  // Check thumbnails
  const thumbs = await page.$$(".thumb-raw-iframe, .thumb-scaler");
  console.log("thumbnails:", thumbs.length);

  await page.screenshot({ path: "_cw_preview3.png" });
  console.log("screenshot saved");

  const realErrors = errors.filter(e => !e.includes("401") && !e.includes("403") && !e.includes("Failed to fetch"));
  console.log("errors (filtered):", realErrors.length);
  realErrors.slice(0, 3).forEach(e => console.log("  ", e.substring(0,120)));

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