// 验证「账号周榜」5 个数值列加宽（.th-wide min-width:110px）
// 只读测量，零副作用
const list = await fetch('http://localhost:9223/json').then((r) => r.json());
let page = list.find((t) => t.type === 'page' && t.url.includes('#/ranking'));
if (!page) page = list.find((t) => t.type === 'page' && t.url.includes('localhost:8899'));
if (!page) { console.log('ERR: no workbuddy page open'); process.exit(1); }
const ws = new WebSocket(page.webSocketDebuggerUrl);
let id = 0; const pending = new Map();
const send = (method, params = {}) => new Promise((res, rej) => { const i = ++id; pending.set(i, { res, rej }); ws.send(JSON.stringify({ id: i, method, params })); });
ws.onmessage = (e) => { const m = JSON.parse(e.data); if (m.id && pending.has(m.id)) { const p = pending.get(m.id); pending.delete(m.id); m.error ? p.rej(new Error(m.error.message)) : p.res(m.result); } };
await new Promise((r) => (ws.onopen = r));
const ev = async (expr) => { const r = await send('Runtime.evaluate', { expression: expr, returnByValue: true, awaitPromise: true }); if (r.exceptionDetails) return { __err: (r.exceptionDetails.exception?.description || r.exceptionDetails.text).slice(0, 300) }; return r.result.value; };
const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
await send('Page.enable'); await send('Runtime.enable');

// 1) 导航到周榜页（若不在）并刷新加载最新 CSS
if (!page.url.includes('#/ranking')) {
  await send('Page.navigate', { url: 'http://localhost:8899/#/ranking' });
  await sleep(2000);
}
await send('Page.reload', { ignoreCache: true });
await sleep(3000);

// 2) 测量表头各列宽度
const cols = await ev(`(() => {
  const ths = [...document.querySelectorAll('.table th')];
  const wideKeys = ['comprehensiveScore', 'newFans', 'newLikes', 'newComments', 'newShares'];
  const rowCount = document.querySelectorAll('.table tbody tr').length;
  const result = ths.map((th) => {
    const rect = th.getBoundingClientRect();
    return { key: th.dataset.sort || '', label: th.textContent.trim().slice(0, 8), wide: th.classList.contains('th-wide'), w: Math.round(rect.width) };
  });
  return { rowCount, result };
})()`);
console.log('行数:', cols.rowCount);
console.log('表头列宽:');
for (const c of cols.result) {
  const mark = c.wide ? ' [th-wide]' : '';
  const match = c.wide ? (c.w >= 110 ? ' >=110 ✓' : ' <110 ✗') : '';
  console.log('  ' + (c.key || c.label).padEnd(22) + ' width=' + String(c.w).padStart(4) + mark + match);
}
const wideCols = cols.result.filter((c) => c.wide);
const allOk = wideCols.length === 5 && wideCols.every((c) => c.w >= 110);

// 3) 记录 CSS 规则是否生效
const cssCheck = await ev(`(() => {
  const sheet = [...document.styleSheets].map((s) => s.href || 'inline').join(',');
  const th = document.querySelector('.table th.th-wide');
  const cs = th ? getComputedStyle(th) : null;
  return { sheet, minWidth: cs ? cs.minWidth : 'n/a' };
})()`);
console.log('样式源:', cssCheck.sheet.slice(0, 160));
console.log('computed min-width:', cssCheck.minWidth);

ws.close();
console.log(allOk ? 'PASS: 5 列均已加宽(>=110px)' : 'CHECK: 存在未达标的列');