HomeDash/deploy/verify-matrix.js

// 目标环境通过环境变量指定，仓库不预置任何真实域名/主机。
const BASE = process.env.PORTAL_BASE || 'https://dashy.example.com';
const DOM  = process.env.PORTAL_COOKIE_DOMAIN || '.example.com';
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:DOM,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(BASE+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)});