iGrow — app walkthrough

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  // iGrow — authed walkthrough that actually TRIES A TOPIC (live AI roleplay practice).
  const shot = (n, s) => screenshotPath.replace('.png', `-${n}-${s}.png`);
  const SCROLL_THROUGH = "(async () => { const ease = t => 1 - Math.pow(1 - t, 3); const max = Math.max(0, document.body.scrollHeight - window.innerHeight); if (max < 40) return; const anim = (a, b, ms) => new Promise(res => { const t0 = performance.now(); const step = now => { const p = Math.min(1, (now - t0) / ms); window.scrollTo(0, a + (b - a) * ease(p)); p < 1 ? requestAnimationFrame(step) : res(); }; requestAnimationFrame(step); }); await anim(0, max, 1100); await new Promise(r => setTimeout(r, 280)); await anim(max, 0, 600); })()";
  await page.context().setExtraHTTPHeaders({ 'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36' });
  for (const pat of ['**/cdn-cgi/scripts/**/email-decode.min.js','**/sentry-cdn.com/**','**/browser.sentry-cdn.com/**','**/cdn.segment.com/**','**/connect.facebook.net/**','**/*.posthog.com/**']) { await page.route(pat, r => r.abort()).catch(function(){}); }
  const settle = async () => { await page.waitForLoadState('networkidle').catch(function(){}); await page.locator('h1, h2, main, [role="main"]').first().waitFor({ state:'visible', timeout:6000 }).catch(function(){}); await page.waitForTimeout(600); };
  const base = baseUrl.replace(/\/$/,'');

  let n = 1;
  stepLogger.log('Library');
  await page.goto(base + '/practice/library', { waitUntil:'domcontentloaded' }).catch(function(){});