tricu

backend-webkit.mjs (3367B)

---

 // Exercise the built site with Linux WebKit.
 import assert from 'node:assert/strict';
 import {writeFile,mkdtemp,rm} from 'node:fs/promises';
 import {tmpdir} from 'node:os';
 import {join} from 'node:path';
 import {startSiteServer} from './backend-server.mjs';
 const {webkit}=await import(process.env.PLAYWRIGHT_MODULE);
 const {server,url,completion}=await startSiteServer(process.argv[2]||'unused',true);
 const profile=await mkdtemp(join(tmpdir(),'tricu-webkit-'));
 let browser,timer;
 try {
  // Match the other browser harnesses: a fresh disk-backed profile per run.
  browser=await webkit.launchPersistentContext(profile,{headless:true,viewport:{width:1280,height:900}});
  const page=await browser.newPage(),errors=[];
  page.on('pageerror',e=>errors.push(String(e)));
  await page.goto(url);
  const report=await Promise.race([completion,new Promise((_,reject)=>{timer=setTimeout(()=>reject(Error('WebKit probe timeout')),240000);})]);
  assert.deepEqual(errors,[]);
  if(process.env.TEST_IMPORT_PICKER){
   await page.click('#add-import');
   await page.waitForFunction(()=>document.querySelector('#import-results button'));
   for(let i=0;i<8;i++){await page.keyboard.press('Tab');assert(await page.evaluate(()=>document.querySelector('#import-dialog').contains(document.activeElement)),'Dialog contains keyboard focus');}
   await page.keyboard.press('Escape');
   assert(await page.evaluate(()=>!document.querySelector('#import-dialog').open&&document.activeElement.id==='add-import'),'Escape restores focus');
   await page.click('#add-import');
   await page.getByRole('button',{name:/^native-math ·/}).click();
  }
  for(const width of [320,390,1280]){
   await page.setViewportSize({width,height:844});
   // Let ResizeObserver update the textarea's decorative mirror geometry.
   await page.evaluate(()=>new Promise(resolve=>requestAnimationFrame(()=>requestAnimationFrame(resolve))));
   if(process.env.TEST_IMPORT_PICKER)assert(await page.evaluate(()=>{
    const content=document.querySelector('#import-content').getBoundingClientRect();
    return ['import-cancel','insert-import','import-alias','import-preview'].every(id=>{
     const r=document.getElementById(id).getBoundingClientRect();
     return r.top>=0&&r.bottom<=innerHeight&&(id==='import-cancel'||id==='insert-import'||r.top>=content.top&&r.bottom<=content.bottom);
    });
   }),'Import controls and preview visible at '+width);
   const overflow=await page.evaluate(()=>document.documentElement.scrollWidth>innerWidth ? [...document.querySelectorAll('body *')].filter(e=>{const r=e.getBoundingClientRect();return r.width&&r.right>innerWidth+1;}).map(e=>({tag:e.tagName,id:e.id,class:e.className,width:e.getBoundingClientRect().width,text:e.textContent.slice(0,100)})) : []);
   assert.deepEqual(overflow,[],'Viewport overflow at '+width);
   if(process.env.SCREENSHOT){await page.evaluate(()=>scrollTo({top:0,behavior:'instant'}));await page.screenshot({path:process.env.SCREENSHOT.replace(/\.png$/, '-'+width+'.png')});}
  }
  report.engine='Linux WebKit';
  if(process.env.BENCHMARK_REPORT)await writeFile(process.env.BENCHMARK_REPORT,JSON.stringify(report,null,2)+'\n');
 
  console.log('PASS '+report.engine+': '+report.checks.join(' / '));
 } finally {
  clearTimeout(timer);await browser?.close();server.closeAllConnections();await new Promise(r=>server.close(r));
  await rm(profile,{recursive:true,force:true});
 }