feat(工作台): 视频列表加收藏列+数字列右对齐，视频详情页信息三行+标签排版

project/短视频脚本创作/V1.0/mcn-work-shop/cdp-verify-collect.mjs

@@ -0,0 +1,74 @@
+/* cdp-verify-collect.mjs — 验证：账号详情视频列表新增「收藏」列（分享右边）（09-01） */
+const CDP = 'http://127.0.0.1:9223';
+async function getWs(targetId) {
+  const tabs = await (await fetch(CDP + '/json')).json();
+  const t = tabs.find((x) => x.id === targetId);
+  if (!t) throw new Error('target not found: ' + targetId);
+  return t.webSocketDebuggerUrl;
+}
+function cdp(ws, method, params = {}) {
+  return new Promise((resolve, reject) => {
+    const id = ++cdp._id;
+    const w = new WebSocket(ws);
+    const timer = setTimeout(() => { try { w.close(); } catch (e) {} reject(new Error('timeout: ' + method)); }, 30000);
+    w.onopen = () => w.send(JSON.stringify({ id, method, params }));
+    w.onmessage = (ev) => {
+      const m = JSON.parse(ev.data);
+      if (m.id !== id) return;
+      clearTimeout(timer);
+      try { w.close(); } catch (e) {}
+      m.error ? reject(new Error(method + ': ' + JSON.stringify(m.error))) : resolve(m.result);
+    };
+    w.onerror = () => { clearTimeout(timer); reject(new Error('ws error: ' + method)); };
+  });
+}
+cdp._id = 0;
+async function evalJs(ws, expr) {
+  const r = await cdp(ws, 'Runtime.evaluate', { expression: expr, awaitPromise: true, returnByValue: true });
+  if (r.exceptionDetails) throw new Error('eval err: ' + JSON.stringify(r.exceptionDetails).slice(0, 300));
+  return r.result && r.result.value;
+}
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+const waitFor = async (ws, expr, timeout = 15000, label = '') => {
+  const t0 = Date.now();
+  while (Date.now() - t0 < timeout) {
+    if (await evalJs(ws, expr)) return true;
+    await sleep(300);
+  }
+  throw new Error('waitFor timeout: ' + label);
+};
+
+async function main() {
+  const tabs = await (await fetch(CDP + '/json')).json();
+  const tab = tabs.find((x) => x.url.includes('localhost:8900')) || tabs.find((x) => x.type === 'page');
+  if (!tab) throw new Error('no 8900 tab found');
+  const ws = await getWs(tab.id);
+  await cdp(ws, 'Page.enable');
+  await cdp(ws, 'Runtime.enable');
+
+  let pass = 0, fail = 0;
+  const check = (name, cond) => { cond ? pass++ : fail++; console.log((cond ? 'PASS' : 'FAIL') + ' | ' + name); };
+
+  await cdp(ws, 'Page.navigate', { url: 'http://localhost:8900/?v=collect#/account/3' });
+  await waitFor(ws, `!!document.querySelector('.table tbody tr')`, 20000, '视频列表渲染');
+  const r = await evalJs(ws, `(() => {
+    const ths = [...document.querySelectorAll('.table thead th')].map((t) => t.textContent.trim());
+    const shareIdx = ths.indexOf('分享');
+    const collectIdx = ths.indexOf('收藏');
+    const first = document.querySelector('.table tbody tr');
+    const tds = first ? [...first.children].map((td) => td.textContent.trim()) : [];
+    const hasRenderErr = document.body.textContent.includes('渲染失败') || document.body.textContent.includes('accReset is not defined');
+    return { ths, shareIdx, collectIdx, tds, hasRenderErr };
+  })()`);
+  check('表头含「收藏」列', r.ths.includes('收藏'));
+  check('收藏列在分享右边（share=' + r.shareIdx + ' collect=' + r.collectIdx + '）', r.collectIdx === r.shareIdx + 1);
+  check('行单元格数=8（发布时间/标题/点赞/评论/分享/收藏/时长/操作）', r.tds.length === 8);
+  check('首行收藏列有数值（' + (r.tds[r.collectIdx] || '空') + '）', !!r.tds[r.collectIdx] && r.tds[r.collectIdx] !== '-');
+  check('无渲染失败', !r.hasRenderErr);
+  console.log('表头:', r.ths.join(' | '));
+  console.log('首行:', r.tds.join(' | '));
+
+  console.log(`\n结果: ${pass} PASS / ${fail} FAIL`);
+  process.exit(fail ? 1 : 0);
+}
+main().catch((e) => { console.error('ERROR:', e.message); process.exit(1); });