kangshifu-board/scripts/inspect-S4-browser-display.mjs

// Fresh anonymous production browser. Public reads only; no application overrides.
import fs from 'node:fs';
import path from 'node:path';
import assert from 'node:assert/strict';
import {spawn} from 'node:child_process';
const verified=JSON.parse(fs.readFileSync('work/live-S4-readback-20261103.json','utf8'));
const template=JSON.parse(fs.readFileSync('work/S4-classroom-next-20261103/05-project-S4-save.template.json','utf8'));
assert.ok(verified.ok);assert.equal(verified.artifactId,'U3_W7WDliP');
const base='https://kangshifu.fmode.cn',output='work/live-S4-display-inspection-20261103.json',runId=Date.now();
assert.equal(fs.existsSync(output),false,'Preserve earlier browser acceptance');
const profile=path.resolve('work/browser-S4-'+runId);fs.mkdirSync(profile);
const browser=spawn('C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe',[
 '--headless=new','--disable-gpu','--no-first-run','--no-default-browser-check','--disable-background-networking',
 '--remote-debugging-address=127.0.0.1','--remote-debugging-port=0','--user-data-dir='+profile,'about:blank'
],{windowsHide:true,stdio:'ignore'});
const sleep=ms=>new Promise(resolve=>setTimeout(resolve,ms));
const checks=[],errors=[],requests=[],observations=[],screenshots=[];
let socket;
try{
 let port;
 for(let i=0;i<100;i++){try{port=Number(fs.readFileSync(path.join(profile,'DevToolsActivePort'),'utf8').split('\n')[0]);}catch{}if(port)break;await sleep(100);}
 assert.ok(port,'browser debugger');
 const tabs=await(await fetch('http://127.0.0.1:'+port+'/json/list')).json();
 socket=new WebSocket(tabs.find(t=>t.type==='page').webSocketDebuggerUrl);
 await new Promise((resolve,reject)=>{socket.addEventListener('open',resolve,{once:true});socket.addEventListener('error',reject,{once:true});});
 let seq=0;const pending=new Map();
 socket.addEventListener('message',({data})=>{
  const m=JSON.parse(data);
  if(m.id&&pending.has(m.id)){const p=pending.get(m.id);clearTimeout(p.timer);pending.delete(m.id);m.error?p.reject(Error(m.error.message)):p.resolve(m.result);}
  if(m.method==='Runtime.exceptionThrown')errors.push({runtime:m.params.exceptionDetails.text});
  if(m.method==='Network.loadingFailed'&&m.params.errorText!=='net::ERR_ABORTED')errors.push({network:m.params.errorText});
  if(m.method==='Log.entryAdded'&&m.params.entry.level==='error'&&!m.params.entry.url?.endsWith('/favicon.ico'))errors.push({console:m.params.entry.text});
  if(m.method==='Network.requestWillBeSent'){
   const r=m.params.request;let cloudPath=null;
   if(r.url.endsWith('/api/functions')){try{cloudPath=JSON.parse(r.postData||'{}').path??null;}catch{}}
   requests.push({url:r.url,method:r.method,headerNames:Object.keys(r.headers||{}),cloudPath});
  }
 });
 const cdp=(method,params={})=>new Promise((resolve,reject)=>{
  const id=++seq,timer=setTimeout(()=>{pending.delete(id);reject(Error(method+' timeout'));},30000);
  pending.set(id,{resolve,reject,timer});socket.send(JSON.stringify({id,method,params}));
 });
 const evaluate=async expression=>{
  const r=await cdp('Runtime.evaluate',{expression,returnByValue:true,awaitPromise:true});
  if(r.exceptionDetails)throw Error(r.exceptionDetails.text);return r.result.value;
 };
 const check=(name,passed)=>{checks.push({name,passed:Boolean(passed)});assert.ok(passed,name);};
 const helpers=`function find(root,selector){const hit=root.querySelector(selector);if(hit)return hit;for(const n of root.querySelectorAll('*'))if(n.shadowRoot){const found=find(n.shadowRoot,selector);if(found)return found;}return null;}
 function text(root){let out='';for(const n of root.childNodes){if(n.nodeType===Node.TEXT_NODE)out+=n.textContent;else if(n.nodeType===Node.ELEMENT_NODE&&!['STYLE','SCRIPT','NOSCRIPT','TEMPLATE'].includes(n.tagName)){out+=text(n);if(n.shadowRoot)out+=text(n.shadowRoot);}}return out;}
 function tableSection(title){const view=find(document,'view-report');return [...view.shadowRoot.querySelectorAll('section.sec')].find(s=>s.querySelector('h4')?.textContent.trim()===title);}`;
 const deepText=()=>evaluate(`(()=>{${helpers}return text(document);})()`);
 const compact=x=>x.replace(/\s/g,'');
 const displayText=x=>x.replace(/\u2009/g,'');
 const screenshot=async label=>{
  const shot=await cdp('Page.captureScreenshot',{format:'png'}),file='work/live-S4-'+label+'-'+runId+'.png';
  fs.writeFileSync(file,Buffer.from(shot.data,'base64'),{flag:'wx'});screenshots.push(file);
 };
 const navigate=async route=>{
  await cdp('Page.navigate',{url:base+route});let ready=false;
  for(let i=0;i<120;i++){await sleep(200);try{ready=await evaluate("import('/src/services/board-service.js').then(m=>m.boardService.status.get()==='ready')");}catch{}if(ready)break;}
  check(route+' public data loaded',ready);await sleep(250);
 };
 const click=async point=>{
  await cdp('Input.dispatchMouseEvent',{type:'mousePressed',...point,button:'left',clickCount:1});
  await cdp('Input.dispatchMouseEvent',{type:'mouseReleased',...point,button:'left',clickCount:1});
 };
 await cdp('Page.enable');await cdp('Runtime.enable');await cdp('Network.enable');await cdp('Log.enable');

 await cdp('Emulation.setDeviceMetricsOverride',{width:390,height:844,deviceScaleFactor:1,mobile:true});
 await navigate('/report/'+verified.artifactId);
 await evaluate(`(()=>{${helpers}find(document,'[data-anchor="public-p1"]').scrollIntoView({block:'center'});})()`);
 await sleep(250);
 const point=await evaluate(`(()=>{${helpers}const r=find(document,'[data-anchor="public-p1"]').getBoundingClientRect();return {x:r.left+r.width/2,y:r.top+r.height/2};})()`);
 await click(point);await sleep(350);
 const display=await evaluate(`(()=>{${helpers}const host=find(document,'kf-drawer'),body=host.shadowRoot.querySelector('.body'),prov=body.querySelector('.prov'),metrics=body.querySelector('.kv');return {open:host.open,metricLabels:[...metrics.querySelectorAll('div')].map(n=>n.textContent),sourceRef:prov.textContent,body:{clientWidth:body.clientWidth,scrollWidth:body.scrollWidth,overflowX:getComputedStyle(body).overflowX},page:{clientWidth:document.documentElement.clientWidth,scrollWidth:document.documentElement.scrollWidth}};})()`);
 const publicModel=await evaluate("import('/src/services/board-service.js').then(({boardService})=>({ownerCount:boardService.db.get().artifactById['U3_W7WDliP'].report.evidence['public-p1'].ownerCount??null}))");
 check('owner count remains unknown in public evidence model',publicModel.ownerCount===null);
 check('unknown owner count shown as dash, not numeric one',display.metricLabels[0].replace(/\s/g,'')==='—人独立提到');
 check('P1 drawer open',display.open);
 const scroll=await evaluate(`(()=>{${helpers}const b=find(document,'kf-drawer').shadowRoot.querySelector('.body');b.scrollLeft=b.scrollWidth;return {scrollLeft:b.scrollLeft,maxScroll:b.scrollWidth-b.clientWidth};})()`);
 await screenshot('source-ref-display-mobile');
 const result={ok:true,at:new Date().toISOString(),operation:'S4-targeted-display-inspection',readOnly:true,businessWrites:0,checks,display,publicModel,horizontalScroll:scroll,screenshots,
 notes:['The glyph was a dash for unknown ownerCount, not a count of one. Generic person wording remains inappropriate for a retail listing.','A long provenance URL makes the drawer body horizontally scrollable on 390px; page width remains 390px.']};
 fs.writeFileSync(output,JSON.stringify(result,null,2)+'\n',{flag:'wx'});console.log(JSON.stringify(result,null,2));
}catch(error){
 const result={ok:false,at:new Date().toISOString(),error:error.message,checks,errors,readOnly:true,businessWrites:0};
 fs.writeFileSync(output,JSON.stringify(result,null,2)+'\n',{flag:'wx'});console.error(JSON.stringify(result));process.exitCode=1;
}finally{socket?.close();browser.kill();}