kangshifu-board/scripts/verify-live-S1-v2-browser.mjs

// Anonymous real-browser acceptance; only navigates and opens evidence drawers.
import fs from 'node:fs';
import path from 'node:path';
import assert from 'node:assert/strict';
import {spawn} from 'node:child_process';

const live=JSON.parse(fs.readFileSync('work/live-S1-v2-readback-20261102.json','utf8'));
const template=JSON.parse(fs.readFileSync('work/first-live-S1-v2-template.json','utf8'));
const localPatch=process.argv.includes('--local-patch');
assert.ok(process.argv.slice(2).every(arg=>arg==='--local-patch'));
const patchFiles=['src/core/report.js','src/core/evidence/chain.js','src/layout/kf-app.js'];
const base='https://kangshifu.fmode.cn';
const profile=path.resolve('work/browser-S1-v2-'+Date.now());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(r=>setTimeout(r,ms));
const checks=[],errors=[],requests=[],observations=[];
let socket;
const resultFile='work/live-S1-v2-browser'+(localPatch?'-local-patch':'')+'-20261102.json';
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')requests.push({url:m.params.request.url,method:m.params.request.method,headerNames:Object.keys(m.params.request.headers||{})});
 });
 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}));
 });
 if(localPatch){
  socket.addEventListener('message',({data})=>{
   const m=JSON.parse(data);if(m.method!=='Fetch.requestPaused')return;
   const p=m.params;const relative=new URL(p.request.url).pathname.slice(1);
   const action=patchFiles.includes(relative)?cdp('Fetch.fulfillRequest',{
    requestId:p.requestId,responseCode:200,responseHeaders:[{name:'Content-Type',value:'text/javascript; charset=utf-8'},{name:'Cache-Control',value:'no-store'}],
    body:fs.readFileSync(relative).toString('base64')
   }):cdp('Fetch.continueRequest',{requestId:p.requestId});
   action.catch(()=>errors.push({intercept:'LOCAL_OVERRIDE_FAILED'}));
  });
  await cdp('Fetch.enable',{patterns:patchFiles.map(file=>({urlPattern:base+'/'+file,requestStage:'Request'}))});
 }
 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;}`;
 const deepText=()=>evaluate(`(()=>{${helpers}return text(document);})()`);
 const compact=s=>s.replace(/\s/g,'');
 // The existing display typography inserts U+2009 around Latin text; keep every other character.
 const quoteText=s=>s.replace(/\u2009/g,'');
 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+' data loaded',ready);await sleep(250);
 };
 const dimensions=mobile=>cdp('Emulation.setDeviceMetricsOverride',mobile?
  {width:390,height:844,deviceScaleFactor:1,mobile:true}:{width:1440,height:1000,deviceScaleFactor:1,mobile:false});
 await cdp('Page.enable');await cdp('Runtime.enable');await cdp('Network.enable');await cdp('Log.enable');
 for(const mobile of [false,true]){
  await dimensions(mobile);
  for(const route of ['/members','/stages','/report/'+live.artifactId]){
   await navigate(route);const rendered=compact(await deepText());
   check(route+' '+(mobile?'390px':'desktop')+' report/owner visible',rendered.includes(template.title)||rendered.includes('员工待绑定·f83edd27dda7'));
   check(route+' '+(mobile?'390px':'desktop')+' no page overflow',await evaluate('document.documentElement.scrollWidth<=innerWidth'));
   if(route.startsWith('/report/')){
    check('report title '+mobile,rendered.includes(template.title));
    check('classroom boundary '+mobile,rendered.includes('课堂过程成果')&&rendered.includes('未经员工正式确认'));
    check('competitor table '+mobile,rendered.includes('贵州豆豉辣酱风味面')&&rendered.includes('统一酱拌面'));
    check('own product and 2022 limitation '+mobile,rendered.includes('康师傅已入库资料')&&rendered.includes('2022')&&rendered.includes('不能直接按产品数量比较'));
    for(const question of template.pendingQuestions)check('question '+(template.pendingQuestions.indexOf(question)+1)+' '+mobile,rendered.includes(compact(question)));
    check('agent attribution '+mobile,rendered.includes('王刚001'));
    const screenshot=await cdp('Page.captureScreenshot',{format:'png'});
    fs.writeFileSync('work/live-S1-v2-report-'+(mobile?'mobile':'desktop')+(localPatch?'-local-patch':'')+'.png',Buffer.from(screenshot.data,'base64'));
    for(const [key,entry]of Object.entries(template.report.evidence)){
     const selector=JSON.stringify('[data-anchor="'+key+'"]');
     check('evidence button '+key+' '+mobile,await evaluate(`(()=>{${helpers}const button=find(document,${selector});if(!button)return false;button.scrollIntoView({block:'center'});return true;})()`));
     await sleep(300);
     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 cdp('Input.dispatchMouseEvent',{type:'mousePressed',...point,button:'left',clickCount:1});
     await cdp('Input.dispatchMouseEvent',{type:'mouseReleased',...point,button:'left',clickCount:1});
     await sleep(350);
     const drawer=await evaluate(`(()=>{${helpers}const host=find(document,'kf-drawer');const panel=host?.shadowRoot.querySelector('.panel');const body=host?.shadowRoot.querySelector('.body');const r=panel?.getBoundingClientRect();const 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):[]};})()`);
     const quoteMatch=JSON.stringify(drawer.quotes.map(quoteText))===JSON.stringify(entry.quotes.map(q=>quoteText(q.text)));
     if(!quoteMatch)observations.push({evidence:key,actualQuotes:drawer.quotes,expectedQuotes:entry.quotes.map(q=>q.text)});
     check('visible evidence drawer '+key+' '+mobile,drawer.open&&drawer.visible);
     check('drawer quotes match except typography thin spaces '+key+' '+mobile,quoteMatch);
     for(const quote of entry.quotes)check('verbatim quote '+key+' '+entry.quotes.indexOf(quote)+' '+mobile,compact(drawer.text).includes(compact(quote.text)));
     check('registered source label '+key+' '+mobile,drawer.text.includes('已关联原始资料')&&!drawer.text.includes('平台原文，未落入知识库'));
     check('open drawer no page overflow '+key+' '+mobile,await evaluate('document.documentElement.scrollWidth<=innerWidth'));
     const drawerScreenshot=await cdp('Page.captureScreenshot',{format:'png'});
     fs.writeFileSync('work/live-S1-v2-evidence-'+key+'-'+(mobile?'mobile':'desktop')+(localPatch?'-local-patch':'')+'.png',Buffer.from(drawerScreenshot.data,'base64'));
     observations.push({viewport:mobile?390:1440,evidence:key,drawerVisible:drawer.open&&drawer.visible,quoteCount:drawer.quotes.length,input:'browser mouse event',unlinkedSourceLabel:drawer.text.includes('平台原文，未落入知识库')});
     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(300);
     check('evidence drawer closed '+key+' '+mobile,await evaluate(`(()=>{${helpers}return find(document,'kf-drawer')?.open===false;})()`));
    }
   }
  }
 }
 await navigate('/report/'+live.previousArtifactId);
 check('v1 remains readable',compact(await deepText()).includes('S1真实资料首批小结'));
 check('no browser errors',errors.length===0);
 check('public cloud reads',requests.some(r=>r.url.endsWith('/api/functions')&&r.method==='POST'));
 check('anonymous requests',!requests.some(r=>r.headerNames.some(k=>/master|authorization|session.token|ksf.service.token/i.test(k))));
 const result={ok:true,at:new Date().toISOString(),base,artifactId:live.artifactId,previousArtifactId:live.previousArtifactId,
  browserVerified:!localPatch,localPatchBrowserVerified:localPatch,scope:localPatch?'local module overrides with live public API data':'production website',
  readOnly:true,businessWrites:0,quoteComparison:'all characters equal after removing display U+2009 thin spaces',checks,errors,observations};
 fs.writeFileSync(resultFile,JSON.stringify(result,null,2)+'\n');console.log(JSON.stringify(result,null,2));
}catch(e){
 const result={ok:false,at:new Date().toISOString(),artifactId:live.artifactId,browserVerified:false,readOnly:true,businessWrites:0,checks,errors,observations,error:e.message};
 fs.writeFileSync(resultFile,JSON.stringify(result,null,2)+'\n');console.error(JSON.stringify(result,null,2));process.exitCode=1;
}finally{socket?.close();browser.kill();}