maogeigei
e858929b1b
- renderAccounts：page-toolbar 内 toolbar-right(类型/赛道下拉 + 搜索 + 添加 + 更新)挪到独立 .acc-toolbar 行 - renderHot：page-toolbar 内 rank-tabs(3 tab) + toolbar-right(赛道/日期)挪到独立 .rank-toolbar 行 - 间距差异化：账号列表 4px(工具栏紧贴标题,功能性组合)/ 热点数据 16px(tab 区段独立感);微调自 -12px 一致间距后按用户反馈拆开 - 冒烟 cdp-verify-r30.mjs PASS:账号列表/热点数据/AI写脚本 三页 toolbar 结构正确(只含返回+标题,功能组件均下移) - 版本 ?v=20260903o 审查结论合规页(标题行仅返回+标题): - renderAccountDetail/VideoDetail/Rewrites(已在 R27 修)/Reviews(pager-info 是统计信息非功能)
85 lines
6.0 KiB
JavaScript
85 lines
6.0 KiB
JavaScript
// R30 冒烟：列表页 toolbar — 标题行只放 返回+标题，tab/筛选/搜索/按钮一律放标题下一行
|
|
// 覆盖账号列表 + 热点数据两个明确违规页面
|
|
const list = await fetch('http://localhost:9225/json').then((r) => r.json());
|
|
const page = list.find((t) => t.type === 'page');
|
|
if (!page) { console.log('ERR: no page'); 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, 200) }; return r.result.value; };
|
|
const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
|
|
await send('Page.enable'); await send('Runtime.enable');
|
|
const waitFor = async (expr, ms = 12000) => { const t0 = Date.now(); while (Date.now() - t0 < ms) { if (await ev(expr)) return true; await sleep(300); } return false; };
|
|
const fail = (m) => { console.log('FAIL@' + m); process.exit(1); };
|
|
|
|
await send('Page.navigate', { url: 'http://localhost:8900/?v=' + Date.now() });
|
|
if (!(await waitFor(`!!document.querySelector('#view')`))) fail('app boot');
|
|
await ev(`document.querySelectorAll('.modal-mask').forEach((m) => m.remove())`); // 清 root 设置弹窗
|
|
|
|
const out = { accounts: {}, hot: {} };
|
|
|
|
/* ============ 账号列表 ============ */
|
|
await ev(`location.hash = '#/accounts'`);
|
|
if (!(await waitFor(`document.querySelector('#view .acc-toolbar')`))) fail('accounts toolbar render');
|
|
out.accounts = await ev(`(() => {
|
|
const tb = document.querySelector('#view .page > .page-toolbar');
|
|
const acc = document.querySelector('#view .acc-toolbar');
|
|
const tbChildren = tb ? [...tb.children].map((c) => ({ tag: c.tagName, cls: c.className, txt: (c.textContent || '').trim().slice(0, 30) })) : null;
|
|
const tbW = tb ? Math.round(tb.getBoundingClientRect().width) : null;
|
|
const tbH = tb ? Math.round(tb.getBoundingClientRect().height) : null;
|
|
const accW = acc ? Math.round(acc.getBoundingClientRect().width) : null;
|
|
const accIds = acc ? [...acc.querySelectorAll('[id]')].map((e) => e.id) : [];
|
|
// 验证 toolbar 与 acc-toolbar 在不同行
|
|
const tbBottom = tb ? tb.getBoundingClientRect().bottom : null;
|
|
const accTop = acc ? acc.getBoundingClientRect().top : null;
|
|
const verticalGap = (tbBottom != null && accTop != null) ? Math.round(accTop - tbBottom) : null;
|
|
return { tbChildren, tbH, accH: acc ? Math.round(acc.getBoundingClientRect().height) : null, accIds, verticalGap, belowTb: verticalGap > 0, hasBackBtn: tb ? !!tb.querySelector('[data-back]') : null };
|
|
})()`);
|
|
|
|
/* ============ 热点数据 ============ */
|
|
await ev(`location.hash = '#/ranking'`);
|
|
if (!(await waitFor(`document.querySelector('#view .rank-toolbar')`))) fail('hot toolbar render');
|
|
out.hot = await ev(`(() => {
|
|
const tb = document.querySelector('#view .page > .page-toolbar');
|
|
const rt = document.querySelector('#view .rank-toolbar');
|
|
const tbChildren = tb ? [...tb.children].map((c) => ({ tag: c.tagName, cls: c.className, txt: (c.textContent || '').trim().slice(0, 30) })) : null;
|
|
const tabs = rt ? [...rt.querySelectorAll('.rank-tab')].map((t) => ({ txt: t.textContent.trim(), active: t.classList.contains('active') })) : [];
|
|
const right = rt ? [...rt.querySelectorAll('.toolbar-right [id], .toolbar-right [title]')].map((e) => ({ tag: e.tagName, id: e.id || null, txt: (e.textContent || '').trim().slice(0, 20) })) : [];
|
|
const tbBottom = tb ? tb.getBoundingClientRect().bottom : null;
|
|
const rtTop = rt ? rt.getBoundingClientRect().top : null;
|
|
const verticalGap = (tbBottom != null && rtTop != null) ? Math.round(rtTop - tbBottom) : null;
|
|
return { tbChildren, tabs, rightIds: right.map((r) => r.id).filter(Boolean), verticalGap, belowTb: verticalGap > 0 };
|
|
})()`);
|
|
|
|
/* ============ 回归：AI写脚本标题行仍合规（只有 返回+标题） ============ */
|
|
await ev(`location.hash = '#/rewrites'`);
|
|
if (!(await waitFor(`document.querySelector('#view .rw-tabs')`))) fail('rewrites toolbar render');
|
|
out.rewrites = await ev(`(() => {
|
|
const tb = document.querySelector('#view .page > .page-toolbar');
|
|
return { tbChildren: tb ? [...tb.children].map((c) => ({ tag: c.tagName, cls: c.className, txt: (c.textContent || '').trim().slice(0, 30) })) : null };
|
|
})()`);
|
|
|
|
console.log(JSON.stringify(out, null, 1));
|
|
|
|
// 断言
|
|
const A = out.accounts && !out.accounts.__err
|
|
&& out.accounts.tbChildren && out.accounts.tbChildren.length === 2
|
|
&& out.accounts.tbChildren[0].txt === '←' && out.accounts.tbChildren[1].cls.includes('page-title')
|
|
&& out.accounts.tbChildren.every((c) => !c.cls.includes('toolbar-right'))
|
|
&& out.accounts.accIds.includes('accType') && out.accounts.accIds.includes('accTrack') && out.accounts.accIds.includes('accSearch')
|
|
&& out.accounts.accIds.includes('accImport') && out.accounts.accIds.includes('accUpdate')
|
|
&& out.accounts.belowTb === true;
|
|
const H = out.hot && !out.hot.__err
|
|
&& out.hot.tbChildren && out.hot.tbChildren.length === 2
|
|
&& out.hot.tbChildren[0].txt === '←' && out.hot.tbChildren[1].cls.includes('page-title')
|
|
&& out.hot.tabs.length === 3
|
|
&& out.hot.rightIds.includes('rankCat') && out.hot.rightIds.includes('rankPrev') && out.hot.rightIds.includes('rankNext')
|
|
&& out.hot.belowTb === true;
|
|
const R = out.rewrites && out.rewrites.tbChildren && out.rewrites.tbChildren.length === 2
|
|
&& out.rewrites.tbChildren[0].txt === '←' && out.rewrites.tbChildren[1].cls.includes('page-title');
|
|
const ok = A && H && R;
|
|
console.log(ok ? '\n=== PASS ===' : '\n=== CHECK === (A=' + A + ' H=' + H + ' R=' + R + ')');
|
|
ws.close();
|
|
process.exit(ok ? 0 : 1); |