diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/cdp-verify-tag-last.mjs b/project/短视频脚本创作/V1.0/mcn-work-shop/cdp-verify-tag-last.mjs new file mode 100644 index 0000000..8bc0a2e --- /dev/null +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/cdp-verify-tag-last.mjs @@ -0,0 +1,76 @@ +/* cdp-verify-tag-last.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, extra = '') => { cond ? pass++ : fail++; console.log((cond ? 'PASS' : 'FAIL') + ' | ' + name + (cond ? '' : ' ← ' + extra)); }; + + await cdp(ws, 'Page.navigate', { url: 'http://localhost:8900/?v=tl' + Date.now() + '#/video/680' }); + await waitFor(ws, `!!document.querySelector('.video-info')`, 15000, '视频详情渲染'); + + const r = await evalJs(ws, `(() => { + const card = document.querySelector('.video-info'); + const rows = card ? [...card.querySelectorAll('.info-row')] : []; + const labels = rows.map((r) => r.querySelector('.info-label') ? r.querySelector('.info-label').textContent.trim() : null); + const lastRow = rows[rows.length - 1]; + return { + labels, + lastLabel: labels[labels.length - 1], + lastRowHasLink: lastRow ? !!lastRow.querySelector('a.link') : false, + titleExists: !!card.querySelector('.info-card-title') + }; + })()`); + + check('信息卡共 3 行', r.labels.length === 3, '实际: ' + JSON.stringify(r.labels)); + check('行序 = 账号/点赞/标签', JSON.stringify(r.labels) === JSON.stringify(['账号', '点赞', '标签']), '实际: ' + JSON.stringify(r.labels)); + check('最后一行是标签且含查看视频链接', r.lastLabel === '标签' && r.lastRowHasLink); + check('信息卡标题仍存在', r.titleExists); + + console.log(`\nRESULT: ${pass}/${pass + fail}`); + process.exit(fail ? 1 : 0); +} +main().catch((e) => { console.error('ERROR', e.message); process.exit(1); }); diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js index b40cf66..ce1c14c 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/data-pages.js @@ -546,9 +546,9 @@ async function renderVideoDetail(view, id) {