const puppeteer=require('puppeteer');
const MOCK={success:true,data:{count:4,data:[
 {id:'d1',first_name:'Manuel',last_name:'García',gender:'male',birthdate:'1965-02-22',age:61,country:'ES',city:'Madrid',address:'Calle Mayor 184, 28013 Madrid',email_dummy:'manuel.garcia1@example.com',phone_dummy:'+34 000 000000',synthetic:true,created_at:'2026-07-06T12:00:00+02:00'},
 {id:'d2',first_name:'Carmen',last_name:'García',gender:'female',birthdate:'1979-10-18',age:46,country:'ES',city:'Bilbao',address:'Calle Mayor 117, 48001 Bilbao',email_dummy:'carmen.garcia2@example.com',phone_dummy:'+34 000 000000',synthetic:true,created_at:'2026-07-06T12:00:01+02:00'},
 {id:'d3',first_name:'Lars',last_name:'Björk',gender:'male',birthdate:'1988-11-02',age:37,country:'SE',city:'Göteborg',address:'Kungsgatan 7',email_dummy:'lars.bjork3@example.com',phone_dummy:'+46 00 0000000',synthetic:true,created_at:'2026-07-06T12:00:02+02:00'}
]}};
(async()=>{const b=await puppeteer.launch({headless:'new',args:['--no-sandbox','--disable-setuid-sandbox','--host-resolver-rules=MAP www.safemyident.de 127.0.0.1','--ignore-certificate-errors']});
const p=await b.newPage();
await p.setCookie({name:'wordpress_logged_in_8ee7c555d1ecbc630d9be8fb20481a97',value:process.env.CVAL,domain:'www.safemyident.de',path:'/',httpOnly:true,secure:true});
await p.setRequestInterception(true);
p.on('request',r=>{if(r.method()==='POST'&&r.url().includes('admin-ajax.php'))r.respond({status:200,contentType:'application/json',body:JSON.stringify(MOCK)});else r.continue();});
await p.setViewport({width:1300,height:1200,deviceScaleFactor:1.2});
await p.goto('https://www.safemyident.de/tools/identitaets-generator/',{waitUntil:'networkidle2',timeout:60000});
// badge screenshot (top of app)
await p.evaluate(()=>document.querySelector('.smi-idg__badge').scrollIntoView({block:'center'}));
await (await p.$('.smi-idg__badge')).screenshot({path:'/tmp/smi-shot/idg-badge.png'});
await p.click('#smi-idg-submit');
await p.waitForFunction(()=>document.querySelector('.smi-idg__card'),{timeout:15000}).catch(()=>{});
await p.click('.smi-idg__view[data-view="table"]');
await p.waitForFunction(()=>document.querySelector('.smi-idg__table td'),{timeout:5000}).catch(()=>{});
await (await p.$('#smi-idg-results')).screenshot({path:'/tmp/smi-shot/idg-table2.png'});
// also cards view for 2-per-row check
await p.click('.smi-idg__view[data-view="cards"]');
const grid=await p.evaluate(()=>getComputedStyle(document.querySelector('.smi-idg__cards')).gridTemplateColumns);
await (await p.$('#smi-idg-results')).screenshot({path:'/tmp/smi-shot/idg-cards2.png'});
console.log('cards grid cols:', grid);
await b.close();})().catch(e=>{console.error(e.message);process.exit(1);});