const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
const origin = process.argv[2] || "http://localhost:5173";

const connect = async () => {
  const pages = await (await fetch("http://127.0.0.1:9222/json/list")).json();
  const page = pages.find((item) => item.type === "page" && item.url.startsWith(`${origin}/`));
  if (!page) throw new Error(`Chrome debugging has no ${origin} project page`);
  const socket = new WebSocket(page.webSocketDebuggerUrl);
  await new Promise((resolve, reject) => {
    socket.addEventListener("open", resolve, { once: true });
    socket.addEventListener("error", reject, { once: true });
  });
  let id = 0;
  const pending = new Map();
  socket.addEventListener("message", (event) => {
    const message = JSON.parse(event.data);
    const request = pending.get(message.id);
    if (!request) return;
    pending.delete(message.id);
    message.error ? request.reject(new Error(message.error.message)) : request.resolve(message.result);
  });
  const send = (method, params = {}) => new Promise((resolve, reject) => {
    id += 1;
    pending.set(id, { resolve, reject });
    socket.send(JSON.stringify({ id, method, params }));
  });
  return { socket, send };
};

const valueOf = async (send, expression) => (await send("Runtime.evaluate", { expression, returnByValue: true })).result?.value;
const waitFor = async (send, expression, message) => {
  for (let index = 0; index < 60; index += 1) {
    if (await valueOf(send, expression)) return;
    await sleep(100);
  }
  throw new Error(message);
};
let auditId = 0;
const open = async (send, route, selector) => {
  auditId += 1;
  const url = `${origin}/?fBusiness=${auditId}#${route}`;
  await send("Page.navigate", { url });
  await waitFor(send, `location.href === ${JSON.stringify(url)}`, `navigation failed: ${route}`);
  await waitFor(send, `Boolean(document.querySelector(${JSON.stringify(selector)}))`, `missing ${selector}: ${route}`);
};
const click = (send, selector) => valueOf(send, `document.querySelector(${JSON.stringify(selector)}).click()`);
const setInput = (send, selector, value) => valueOf(send, `(() => { const input = document.querySelector(${JSON.stringify(selector)}); input.value = ${JSON.stringify(value)}; input.dispatchEvent(new Event('input', { bubbles: true })); return input.value; })()`);

const run = async () => {
  const { socket, send } = await connect();
  try {
    await send("Page.enable");
    await send("Runtime.enable");

    // 步骤一：F02 空内容必须由真实发布按钮触发项目内 Toast，不能依赖旧截图状态助手。
    await open(send, "/pages/family/f02-publish-feed?genealogyId=1001", ".publish-state--form");
    await click(send, ".publish-form .app-button");
    await waitFor(send, "Boolean(document.querySelector('.app-toast'))", "F02 empty submit did not show the project Toast");
    if (!(await valueOf(send, "document.querySelector('.app-toast')?.textContent.includes('请先写下动态内容')"))) {
      throw new Error("F02 empty submit showed unexpected feedback");
    }

    for (const size of [{ width: 320, height: 568 }, { width: 412, height: 915 }]) {
      await send("Emulation.setDeviceMetricsOverride", { ...size, deviceScaleFactor: 1, mobile: true, screenWidth: size.width, screenHeight: size.height });
      await open(send, "/pages/family/f04-article-list?count=50", ".article-card");
      if ((await valueOf(send, "document.querySelectorAll('.article-card').length")) !== 50) throw new Error(`F04 did not render 50 articles at ${size.width}`);
      if ((await valueOf(send, "document.documentElement.scrollWidth")) > size.width + 1) throw new Error(`F04 horizontal overflow at ${size.width}`);
      await valueOf(send, "document.querySelector('.article-card:last-of-type').scrollIntoView()");

      await open(send, "/pages/family/f07-album-list?count=30", ".album-card");
      if ((await valueOf(send, "document.querySelectorAll('.album-card').length")) !== 30) throw new Error(`F07 did not render 30 albums at ${size.width}`);
      if ((await valueOf(send, "document.documentElement.scrollWidth")) > size.width + 1) throw new Error(`F07 horizontal overflow at ${size.width}`);
    }

    await open(send, "/pages/family/f04-article-list", ".article-card");
    await click(send, ".article-card");
    await waitFor(send, "location.hash.includes('/pages/family/f05-article-detail?articleId=101')", "F04 card did not open ID-driven F05");

    await open(send, "/pages/family/f03-feed-detail?feedId=1", ".feed-comment-form textarea");
    const before = await valueOf(send, "document.querySelectorAll('.feed-comment-card').length");
    await setInput(send, ".feed-comment-form textarea", "愿家人岁岁平安，常聚常新。");
    await click(send, ".feed-comment-form .app-button");
    await waitFor(send, `document.querySelectorAll('.feed-comment-card').length === ${before + 1}`, "F03 comment was not appended");

    await open(send, "/pages/family/f07-album-list", ".album-list > .app-button");
    await click(send, ".album-list > .app-button");
    await waitFor(send, "Boolean(document.querySelector('.app-dialog-layer'))", "F07 create dialog did not open");
    await setInput(send, ".album-dialog-field input", "清明祭祖影像");
    await click(send, ".app-dialog__actions .app-button:last-child");
    await waitFor(send, "document.querySelector('.album-card .album-card__copy').innerText.includes('清明祭祖影像')", "F07 created album was not added");

    process.stdout.write("F-BUSINESS-FLOW-RUNTIME-SMOKE PASS\n");
  } finally {
    try { await send("Emulation.clearDeviceMetricsOverride"); } catch (_) {}
    socket.close();
  }
};

run().catch((error) => { process.stderr.write(`${error.stack || error.message}\n`); process.exit(1); });