kangshifu-board/scripts/verify-live-S4-browser.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-browser-verified-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');
 for(const mobile of [false,true]){
  const viewport=mobile?'390px':'desktop';
  await cdp('Emulation.setDeviceMetricsOverride',mobile?{width:390,height:844,deviceScaleFactor:1,mobile:true}:{width:1440,height:1000,deviceScaleFactor:1,mobile:false});
  await navigate('/members');
  const project=await evaluate(`(()=>{${helpers}const row=find(document,'[data-project="S_CikxZeBs"]');if(!row)return null;row.scrollIntoView({block:'center'});return [...row.children].map(n=>text(n).replace(/\s/g,''));})()`);
  check('project row S4, two artifacts, no concept and in progress '+viewport,project?.[2]?.includes('S4')&&project[2].includes('进行中')&&project[4]==='2份'&&project[5]==='待整理'&&project[7]==='进行中');
  check('members no page overflow '+viewport,await evaluate('document.documentElement.scrollWidth<=innerWidth'));
  await screenshot('project-'+(mobile?'mobile':'desktop'));
  for(const route of ['/stages','/reports']){
   await navigate(route);const content=compact(await deepText());
   check(route+' current stage or S4 report visible '+viewport,route==='/stages'?content.includes('S4'):content.includes(compact(template.title)));
   check(route+' no page overflow '+viewport,await evaluate('document.documentElement.scrollWidth<=innerWidth'));
  }
  await navigate('/report/'+verified.artifactId);
  const content=compact(await deepText());
  check('S4 title '+viewport,content.includes(compact(template.title)));
  check('classroom and assessment boundaries '+viewport,content.includes('课堂过程成果')&&content.includes('未经员工正式确认')&&content.includes('不是实物试验报告'));
  check('current SKU and production unknowns retained '+viewport,content.includes('当前SKU与历史帖子不合并')&&content.includes('成本及量产结论仍未知'));
  check('S4 in progress boundary '+viewport,content.includes('S4in_progress')&&content.includes('不标completed')&&content.includes('不推进S5'));
  check('four chapter titles '+viewport,template.report.chapters.every(c=>content.includes(compact(c.title))));
  for(const [i,q]of template.pendingQuestions.entries())check('pending question '+(i+1)+' visible in DOM '+viewport,content.includes(compact(q)));
  check('report no page overflow '+viewport,await evaluate('document.documentElement.scrollWidth<=innerWidth'));
  await screenshot('report-'+(mobile?'mobile':'desktop'));
  const tables=template.report.chapters.flatMap(c=>c.sections).filter(s=>s.kind==='table');
  for(const [ti,t]of tables.entries()){
   const title=JSON.stringify(t.title);
   const saved=await evaluate(`(()=>{${helpers}const s=tableSection(${title});if(!s)return null;return {cols:[...s.querySelectorAll('thead th')].map(c=>c.textContent.replace(/\u2009/g,'')),rows:[...s.querySelectorAll('tbody tr')].map(r=>[...r.querySelectorAll('td')].map(c=>c.textContent.replace(/\u2009/g,'')))};})()`);
   check(t.title+' columns and all rows exactly equal template '+viewport,JSON.stringify(saved)===JSON.stringify(t.data));
   for(let ri=0;ri<t.data.rows.length;ri++){
    const visible=await evaluate(`(()=>{${helpers}const row=tableSection(${title}).querySelectorAll('tbody tr')[${ri}];row.scrollIntoView({block:'center'});const r=row.getBoundingClientRect(),style=getComputedStyle(row);return style.visibility!=='hidden'&&style.display!=='none'&&r.width>0&&r.height>0&&r.top>=60&&r.bottom<=innerHeight-40;})()`);
    check(t.title+' row '+(ri+1)+' can be scrolled vertically into view '+viewport,visible);
   }
   // Check horizontal access inside each table, including its final column on phones.
   for(let ci=0;ci<t.data.cols.length;ci++){
    check(t.title+' column '+(ci+1)+' readable within viewport '+viewport,await evaluate(`(()=>{${helpers}const s=tableSection(${title}),cell=s.querySelector('tbody tr').querySelectorAll('td')[${ci}];cell.scrollIntoView({block:'center',inline:'center'});const r=cell.getBoundingClientRect();return r.width>0&&r.left>=-1&&r.right<=innerWidth+1&&document.documentElement.scrollWidth<=innerWidth;})()`));
   }
   await evaluate(`(()=>{${helpers}const s=tableSection(${title}),wrap=s.querySelector('.tbl-wrap');wrap.scrollLeft=0;s.querySelector('h4').scrollIntoView({block:'start'});})()`);
   await sleep(200);await screenshot('table-'+ti+'-'+(mobile?'mobile':'desktop'));
   observations.push({viewport:mobile?390:1440,table:t.title,columns:t.data.cols.length,rows:t.data.rows.length,allRowsExact:true,allColumnsReachable:true});
  }
  for(const [key,entry]of Object.entries(template.report.evidence)){
   const selector=JSON.stringify('[data-anchor="'+key+'"]');
   check('evidence button '+key+' '+viewport,await evaluate(`(()=>{${helpers}const b=find(document,${selector});if(!b)return false;b.scrollIntoView({block:'center'});return true;})()`));
   await sleep(250);
   const point=await evaluate(`(()=>{${helpers}const r=find(document,${selector}).getBoundingClientRect();return {x:r.left+r.width/2,y:r.top+r.height/2};})()`);
   await click(point);await sleep(350);
   const drawer=await evaluate(`(()=>{${helpers}const host=find(document,'kf-drawer'),panel=host?.shadowRoot.querySelector('.panel'),body=host?.shadowRoot.querySelector('.body'),r=panel?.getBoundingClientRect(),style=panel?getComputedStyle(panel):null;return {open:host?.open===true,visible:!!r&&r.width>0&&r.height>0&&r.right>0&&r.left<innerWidth&&style.opacity==='1'&&style.pointerEvents==='auto',text:body?text(body):'',quotes:body?[...body.querySelectorAll('.quotes > li > p')].map(p=>p.textContent):[]};})()`);
   check('drawer opens '+key+' '+viewport,drawer.open&&drawer.visible);
   check('verbatim quote including original line breaks '+key+' '+viewport,JSON.stringify(drawer.quotes.map(displayText))===JSON.stringify(entry.quotes.map(q=>displayText(q.text))));
   check('registered original source '+key+' '+viewport,drawer.text.includes('已关联原始资料')&&!drawer.text.includes('未关联来源记录'));
   check('drawer no page overflow '+key+' '+viewport,await evaluate('document.documentElement.scrollWidth<=innerWidth'));
   await screenshot('evidence-'+key+'-'+(mobile?'mobile':'desktop'));
   observations.push({viewport:mobile?390:1440,evidence:key,sourceId:entry.sourceId,drawerVisible:true,input:'browser mouse event',quoteCount:drawer.quotes.length});
   await cdp('Input.dispatchKeyEvent',{type:'keyDown',key:'Escape',code:'Escape',windowsVirtualKeyCode:27});
   await cdp('Input.dispatchKeyEvent',{type:'keyUp',key:'Escape',code:'Escape',windowsVirtualKeyCode:27});await sleep(250);
   check('drawer closes '+key+' '+viewport,await evaluate(`(()=>{${helpers}return find(document,'kf-drawer')?.open===false;})()`));
  }
  for(const [id,file]of [[verified.candidateArtifactId,'01-candidate-save.template.json'],[verified.baselineArtifactId,'03-project-S3-save.template.json']]){
   const t=JSON.parse(fs.readFileSync('work/S4-classroom-next-20261103/'+file,'utf8'));
   await navigate('/report/'+id);const body=compact(await deepText());
   check('new S3 report readable '+id+' '+viewport,body.includes(compact(t.title))&&t.pendingQuestions.every(q=>body.includes(compact(q))));
   check('new S3 report no page overflow '+id+' '+viewport,await evaluate('document.documentElement.scrollWidth<=innerWidth'));
  }
 }
 for(const [id,title]of [['G8IrkkDG7X','S1资料小结'],['b7NOby5ys0','S2用户需求与痛点'],['ZW1FB5zeHr','三项待验证改进方向']]){
  await navigate('/report/'+id);check('previous report still readable '+id,compact(await deepText()).includes(compact(title)));
 }
 check('no browser errors',errors.length===0);
 const cloudRequests=requests.filter(r=>r.url.endsWith('/api/functions'));
 check('public cloud reads observed',cloudRequests.length>0);
 check('only public board cloud reads',cloudRequests.every(r=>r.method==='POST'&&r.cloudPath==='/ksfGetPublicBoard'));
 check('no direct private table scans',!requests.some(r=>r.url.includes('/parse/classes/')));
 check('anonymous browser requests',!requests.some(r=>r.headerNames.some(k=>/master|authorization|session.token|ksf.service.token/i.test(k))));
 const result={ok:true,operation:'live-S4-production-browser-verified',at:new Date().toISOString(),base,artifactId:verified.artifactId,projectId:verified.projectId,version:1,
  browserVerified:true,scope:'production website, fresh anonymous Edge browser, no module overrides',readOnly:true,businessWrites:0,
  viewports:[1440,390],evidenceDrawersChecked:observations.filter(o=>o.evidence).length,tablesChecked:observations.filter(o=>o.table).length,
  quoteComparison:'All characters including original newlines equal except display-inserted U+2009 thin spaces',checks,errors,observations,screenshots};
 fs.writeFileSync(output,JSON.stringify(result,null,2)+'\n',{flag:'wx'});
 console.log(JSON.stringify({ok:true,checks:checks.length,evidenceDrawersChecked:result.evidenceDrawersChecked,tablesChecked:result.tablesChecked,screenshots:screenshots.length,browserVerified:true,businessWrites:0},null,2));
}catch(error){
 const result={ok:false,at:new Date().toISOString(),artifactId:verified.artifactId,browserVerified:false,readOnly:true,businessWrites:0,checks,errors,observations,screenshots,error:error.message};
 fs.writeFileSync(output,JSON.stringify(result,null,2)+'\n',{flag:'wx'});console.error(JSON.stringify({ok:false,checksPassed:checks.filter(c=>c.passed).length,failedCheck:checks.find(c=>!c.passed),error:error.message,output},null,2));process.exitCode=1;
}finally{socket?.close();browser.kill();}