import puppeteer from 'puppeteer';
const b = await puppeteer.launch({ args:['--no-sandbox','--disable-setuid-sandbox','--use-gl=angle','--enable-unsafe-swiftshader'] });
const p = await b.newPage();
await p.setViewport({width:1280,height:1000});
const errs=[]; p.on('console',m=>{if(m.type()==='error')errs.push(m.text())}); p.on('pageerror',e=>errs.push('PE '+e.message));
await p.goto('http://10.200.201.3:4175/_lab/neu-card.html',{waitUntil:'load',timeout:60000});
await new Promise(r=>setTimeout(r,1000));
const link = await p.$('#sec-shader a.contact-card');
await link.hover();
await new Promise(r=>setTimeout(r,400));
const hover = await p.evaluate(()=>getComputedStyle(document.querySelector('#sec-shader a.contact-card')).transform);
let popup='none';
p.once('popup', ()=>{ popup='popup'; });
await link.click({delay:50});
await new Promise(r=>setTimeout(r,300));
const geo = await p.evaluate(()=>{
  const li=document.querySelector('#sec-shader li'); const card=li.querySelector('.contact-card');
  const cv=card.querySelector('canvas');
  return { liH:Math.round(li.getBoundingClientRect().height), cardH:Math.round(card.getBoundingClientRect().height),
    canvasInCard: card.contains(cv), canvasPE: cv?getComputedStyle(cv).pointerEvents:'none' };
});
console.log(JSON.stringify({hover, popup, geo, errs},null,1));
await b.close();