352aa570ec
- deploy/verify-matrix.js：6 尺寸 × 3 视图 × 深浅色矩阵，断言纵向滚动（仅
minimal/workspace）、文字亮度阈值、深色是否生效、零运行时异常
- deploy/verify-workspace.js：触发 workspace blocked 态，读弹窗卡片 computed style
- deploy/verify-scroll.js：多视口滚动复现（含 900x520 这类矮窗口）
三者只从环境变量 PORTAL_COOKIE 取会话，无任何硬编码凭据
- README 自检命令改为排除占位符（<...>、${VAR:-}、change-me），避免误报
- 自定义文件表登记上述脚本
54 lines
3.4 KiB
JavaScript
54 lines
3.4 KiB
JavaScript
const { chromium }=require('playwright-core');
|
|
function rgb(s){const m=s.match(/[\d.]+/g);return m?m.slice(0,4).map(Number):[]}
|
|
function L(s){const [r=0,g=0,b=0]=rgb(s);return Math.round(.2126*r+.7152*g+.0722*b)}
|
|
const C=process.env.PORTAL_COOKIE;
|
|
(async()=>{
|
|
const b=await chromium.connectOverCDP('http://127.0.0.1:9222');
|
|
const views=[['/','home'],['/minimal','minimal'],['/workspace','workspace']];
|
|
const sizes=[[1280,720],[1024,600],[900,520],[390,780]];
|
|
const rows=[]; let bad=0;
|
|
for(const [w,h] of sizes){
|
|
for(const [path,name] of views){
|
|
const ctx=await b.newContext({ignoreHTTPSErrors:true,viewport:{width:w,height:h}});
|
|
await ctx.addCookies([{name:'portal_session',value:C,domain:'.example.com',path:'/',httpOnly:true,secure:true,sameSite:'Lax'}]);
|
|
const p=await ctx.newPage(); const errs=[]; p.on('pageerror',e=>errs.push(String(e)));
|
|
await p.emulateMedia({colorScheme:'dark'}); await p.addInitScript(()=>localStorage.removeItem('navi-theme'));
|
|
await p.goto('https://dashy.example.com'+path,{waitUntil:'networkidle',timeout:90000}); await p.waitForTimeout(3200);
|
|
const r=await p.evaluate(()=>{
|
|
const g=s=>{const e=document.querySelector(s);if(!e)return null;const c=getComputedStyle(e);return {c:c.color,bg:c.backgroundColor}};
|
|
const de=document.documentElement;
|
|
return {vScroll:de.scrollHeight>innerHeight+2,overflow:de.scrollHeight-innerHeight,
|
|
hScroll:de.scrollWidth>innerWidth+2,
|
|
title:g('header h1')||g('.minimal-home .title-and-search h1'),
|
|
sec:g('div.collapsable .section-header h3')||g('.minimal-headings-row .headings'),
|
|
item:g('a.item .text'),desc:g('a.item .description'),
|
|
side:g('nav.side-bar .side-bar-item'),content:g('.work-space .web-content'),
|
|
footer:g('.navi-footer')};
|
|
});
|
|
const t=r.title?L(r.title.c):0, s=r.sec?L(r.sec.c):0, it=r.item?L(r.item.c):0, d=r.desc?L(r.desc.c):0;
|
|
const side=r.side?L(r.side.bg):null, content=r.content?L(r.content.bg):null;
|
|
const foot=r.footer?L(r.footer.bg):null;
|
|
const row={size:`${w}x${h}`,view:name,scroll:r.vScroll?'SCROLL':'-',overflow:r.overflow,hScroll:r.hScroll?'HSCROLL':'-',title:t,sec:s,item:it,desc:d,sideBg:side,contentBg:content,footBg:foot,err:errs.length};
|
|
const fail=[];
|
|
if(r.vScroll && name!=='home')fail.push('滚动+'+r.overflow); // 首页内容长，允许滚动
|
|
if(r.hScroll)fail.push('横向滚动');
|
|
if(!t)fail.push('未取到标题');
|
|
if(t&&t<190)fail.push('深色未生效/标题亮度'+t);
|
|
if(it&&it<190)fail.push('卡片字'+it);
|
|
if(d&&d<130)fail.push('说明字'+d);
|
|
if(side!==null&&side>120)fail.push('侧栏白底'+side);
|
|
if(content!==null&&content>120)fail.push('内嵌白底'+content);
|
|
if(errs.length)fail.push('异常'+errs.length);
|
|
row.result=fail.length?('✗ '+fail.join(' / ')):'✓';
|
|
if(fail.length) bad++;
|
|
rows.push(row);
|
|
if(name!=='home'){ await p.screenshot({path:`/tmp/m-${name}-${w}x${h}.png`}); }
|
|
await ctx.close();
|
|
}
|
|
}
|
|
for(const r of rows) console.log(`${r.size.padEnd(9)} ${r.view.padEnd(10)} 滚动=${r.scroll.padEnd(7)} 溢=${String(r.overflow).padStart(4)} 标题=${String(r.title).padStart(3)} 卡片=${String(r.item).padStart(3)} 说明=${String(r.desc).padStart(3)} 侧栏底=${String(r.sideBg).padStart(3)} 内嵌底=${String(r.contentBg).padStart(3)} 备案底=${String(r.footBg).padStart(3)} ${r.result}`);
|
|
console.log(bad? `FAILED_ROWS=${bad}` : 'ALL_OK');
|
|
await b.close();
|
|
if(bad) process.exitCode=2;
|
|
})().catch(e=>{console.error(e);process.exit(1)});
|