First Concepts — app walkthrough

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.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, 1400); await new Promise(r => setTimeout(r, 350)); await anim(max, 0, 800); })()";
  const GATE = /create your account|continue with google|already have an account\?|sign in to first concepts/i;
  const SETTLED = function () { const m = document.querySelector('main') || document.body; return m.innerText.length > 150; };
  const BRIEF = 'A launch film for a visual-regression testing tool: calm, technical, dawn light, a developer at a desk watching two screenshots diff side by side.';
  let postLoginActions = 0;

  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' });

  // ── Scenario 1: signed-in workspace, First Steps rail ─────────────────────
  stepLogger.log('Scenario 1: Workspace with the First Steps rail');