import { chromium } from 'playwright';
const b = await chromium.launch({ executablePath:'/usr/bin/chromium-browser', args:['--no-sandbox'] });
const ctx = await b.newContext({ viewport:{ width:390, height:1500 }, deviceScaleFactor:1.5, serviceWorkers:'block' });
await ctx.addInitScript(()=>{localStorage.setItem('sz_theme','dark');localStorage.setItem('sz_accent','green');});
const p = await ctx.newPage();
await p.goto('https://poly-dev.szhub.space/', { waitUntil:'domcontentloaded', timeout:35000 });
await p.waitForTimeout(5000);
await p.click('.pk-card', { timeout:8000 }).catch(e=>console.log('card',e.message));
await p.waitForTimeout(4500);
await p.click('.wpp-cta', { timeout:8000 }).catch(e=>console.log('cta',e.message));
await p.waitForTimeout(2000);
// click FADE direction segment
const fadeBtn = await p.$('.pk-seg-fade');
console.log('FADE button present:', !!fadeBtn);
if (fadeBtn) { await fadeBtn.click(); await p.waitForTimeout(800); }
const hasBand = await p.evaluate(()=>document.body.innerText.includes('Risk') || document.body.innerText.includes('фейд') || document.body.innerText.includes('NO@'));
await p.screenshot({ path:'_b3.png' });
console.log('fade band/explainer shown:', hasBand);
await b.close();