EditCanvas — app walkthrough

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot=(n,s)=>screenshotPath.replace('.png','-'+n+'-'+(String(s).replace(/[^a-z0-9]+/gi,'-').replace(/^-|-$/g,'').toLowerCase().slice(0,22)||'view')+'.png');
  let idx=1, post=0;
  const cap=async(s,full)=>{ stepLogger.log('Scenario '+idx+': '+s); await page.screenshot({path:shot(idx,s),fullPage:full!==false}); idx++; };
  const APP='https://app.editcanvas.ai';
  const click=async(re)=>{ try{ const b=page.getByRole('button',{name:re}).first(); if(await b.isVisible().catch(function(){return false;})){ await b.click({timeout:3000}); return true; } }catch(e){} return false; };
  const clickText=async(t)=>{ try{ const e=page.getByText(t,{exact:false}).first(); if(await e.isVisible().catch(function(){return false;})){ await e.click({timeout:3000}); return true; } }catch(e){} return false; };
  const fit=async()=>{ await page.keyboard.press('Escape').catch(function(){}); await click(/fit|zoom to fit|reset zoom|fullscreen/i); await page.evaluate(function(){ var b=Array.prototype.slice.call(document.querySelectorAll('button')).filter(function(x){return (x.innerText||'').trim()==='−'||/zoom out/i.test(x.getAttribute('aria-label')||'');}); for(var k=0;k<5;k++){ if(b[0]) b[0].click(); } }).catch(function(){}); await page.waitForTimeout(500); };
  await page.goto('https://editcanvas.ai/',{waitUntil:'domcontentloaded'}).catch(function(){}); await page.waitForLoadState('networkidle',{timeout:6000}).catch(function(){}); await page.waitForTimeout(1500); await cap('home');
  await page.goto(APP+'/editor',{waitUntil:'domcontentloaded'}).catch(function(){}); await page.waitForLoadState('networkidle',{timeout:8000}).catch(function(){}); await page.waitForTimeout(3500); await page.keyboard.press('Escape').catch(function(){}); await cap('editor-blank'); post++;
  await click(/menu pool/i); await page.waitForTimeout(1800); await cap('menu-pool-templates'); post++;
  await page.evaluate(function(){ var imgs=Array.prototype.slice.call(document.querySelectorAll('img')).filter(function(i){return i.offsetParent&&i.width>40&&i.height>40;}); if(imgs[0]) imgs[0].click(); }).catch(function(){}); await page.waitForTimeout(2500); await page.keyboard.press('Escape').catch(function(){}); await fit(); await cap('template-applied'); post++;