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();
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});
const probe = async (sel) => p.evaluate((s)=>{
  const e=document.querySelector(s); const cs=getComputedStyle(e);
  return { bg: cs.backgroundColor, bgImg: cs.backgroundImage.slice(0,45), shadowLen: cs.boxShadow.length,
    dir: cs.flexDirection, pad: cs.paddingTop };
}, sel);
const neu = await probe('#sec-final .neu-card');
const cc = await probe('#sec-contact .contact-card');
const neuShadow = await p.evaluate(()=>getComputedStyle(document.querySelector('#sec-final .neu-card')).boxShadow);
const ccShadow = await p.evaluate(()=>getComputedStyle(document.querySelector('#sec-contact .contact-card')).boxShadow);
console.log('neu:', JSON.stringify(neu));
console.log('cc :', JSON.stringify(cc));
console.log('shadows equal:', neuShadow===ccShadow);
console.log('errs:', errs);
await b.close();