76 lines
3.4 KiB
JavaScript
76 lines
3.4 KiB
JavaScript
|
/* cdp-verify-infocard-title.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=ic' + Date.now() + '#/video/680' });
|
||
|
|
await waitFor(ws, `!!document.querySelector('.video-info')`, 15000, '视频详情渲染');
|
||
|
|
|
||
|
|
const r = await evalJs(ws, `(() => {
|
||
|
|
const card = document.querySelector('.video-info');
|
||
|
|
const titleEl = card ? card.querySelector('.info-card-title') : null;
|
||
|
|
const rows = card ? [...card.querySelectorAll('.info-row')] : [];
|
||
|
|
return {
|
||
|
|
hasTitle: !!titleEl,
|
||
|
|
titleText: titleEl ? titleEl.textContent.trim() : null,
|
||
|
|
rowCount: rows.length,
|
||
|
|
firstLabel: rows[0] ? rows[0].querySelector('.info-label').textContent.trim() : null,
|
||
|
|
hasBorder: titleEl ? getComputedStyle(titleEl).borderBottomWidth !== '0px' : false
|
||
|
|
};
|
||
|
|
})()`);
|
||
|
|
|
||
|
|
check('信息卡内存在标题元素 .info-card-title', r.hasTitle);
|
||
|
|
check('标题文案 = 视频信息', r.titleText === '视频信息', '实际: ' + r.titleText);
|
||
|
|
check('标题位于首行(标签)之前', r.hasTitle && r.firstLabel === '标签' && r.rowCount === 3, `rows=${r.rowCount}`);
|
||
|
|
check('标题带分隔线样式', r.hasBorder);
|
||
|
|
|
||
|
|
console.log(`\nRESULT: ${pass}/${pass + fail}`);
|
||
|
|
process.exit(fail ? 1 : 0);
|
||
|
|
}
|
||
|
|
main().catch((e) => { console.error('ERROR', e.message); process.exit(1); });
|