Outloud — app walkthrough

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const MARKETING = 'https://tryoutloud.app';
  const APP_ENTRY = '/app/voices';
  const COOKIES = [{"name": "signup_ref", "value": "producthunt", "url": "https://tryoutloud.app"}, {"name": "outloud_session", "value": "•••", "url": "https://tryoutloud.app"}];
  const shot = (n, slug) => screenshotPath.replace('.png', '-' + n + '-' + slug + '.png');
  const UA = 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36';
  await page.context().setExtraHTTPHeaders({ 'User-Agent': UA }).catch(function () {});
  const noise = ['**/cdn-cgi/scripts/**/email-decode.min.js', '**/sentry-cdn.com/**', '**/browser.sentry-cdn.com/**', '**/cdn.segment.com/**', '**/connect.facebook.net/**', '**/widget.intercom.io/**', '**/*.intercom.io/**'];
  for (const p of noise) { await page.route(p, function (r) { r.abort(); }).catch(function () {}); }
  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, 1400); await new Promise(r => setTimeout(r, 300)); await anim(max, 0, 800); })()";

  // ── Public phase: marketing home ──