maogeigei
268ce29aae
- mcn-dou-analysis: 功能三产出设定后自动生成设定卡(Step7); 设定md与卡片SVG双向联动维护规则固化(06文档+03文档+SKILL.md); 浅色系配色定稿玫瑰金(#D6A3A9→#9A5563)+背景文字提亮规则; 新增06生成账号设定卡片文档+模板样例 - mcn-work-shop: 首页数据预览条/周榜预览表加宽/改名AI脚本诊断/tab切换/添加账号弹窗等优化 - 新增 cdp-*.mjs 验证脚本14个(可复用); .gitignore 忽略运行日志/截图/tmp
37 lines
2.6 KiB
JavaScript
37 lines
2.6 KiB
JavaScript
// 验证：周榜功能列按钮统一「白底带边框」（btn-view / btn-import）
|
||
const list = await fetch('http://localhost:9223/json').then((r) => r.json());
|
||
let 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, 200) }; return r.result.value; };
|
||
const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
|
||
await send('Page.enable'); await send('Runtime.enable');
|
||
const goto = async (hash) => { await send('Page.navigate', { url: 'http://localhost:8899/' + hash }); await sleep(1500); await send('Page.reload', { ignoreCache: true }); await sleep(3000); };
|
||
|
||
// 1) 功能页 #/ranking：查看 + 分析按钮
|
||
await goto('#/ranking');
|
||
const rank = await ev(`(() => {
|
||
const btns = [...document.querySelectorAll('.table tbody .cell-act .btn')];
|
||
return btns.slice(0, 4).map((b) => ({ txt: b.textContent.trim(), bg: getComputedStyle(b).backgroundColor, border: getComputedStyle(b).borderTopColor, color: getComputedStyle(b).color }));
|
||
})()`);
|
||
console.log('【功能页功能列】');
|
||
for (const b of rank) console.log(' ', b.txt, '| bg:', b.bg, '| border:', b.border);
|
||
|
||
// 2) 首页预览：查看 + 关注按钮
|
||
await goto('#/');
|
||
const home = await ev(`(() => {
|
||
const btns = [...document.querySelectorAll('#rankPreviewList .rank-row:not(.rank-head) .rk-act .btn')];
|
||
return btns.slice(0, 4).map((b) => ({ txt: b.textContent.trim(), bg: getComputedStyle(b).backgroundColor, border: getComputedStyle(b).borderTopColor }));
|
||
})()`);
|
||
console.log('【首页预览功能列】');
|
||
for (const b of home) console.log(' ', b.txt, '| bg:', b.bg, '| border:', b.border);
|
||
|
||
const allBtns = [...rank, ...home];
|
||
const ok = allBtns.length > 0 && allBtns.every((b) => b.bg === 'rgb(255, 255, 255)' && b.border !== 'rgb(245, 246, 248)');
|
||
console.log(ok ? 'PASS: 全部白底带边框' : 'CHECK');
|
||
ws.close();
|