Whatsite — chat wrapped 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 SCROLL_TO = (n) => "(async () => { const ease = t => 1 - Math.pow(1 - t, 3); const target = window.innerHeight * " + n + "; const from = window.scrollY; 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(from, target, 1100); await new Promise(r => setTimeout(r, 500)); })()";
  const MAKE_CHAT = "(() => { const names = ['Alex', 'Sam']; const msgs = ['Morning! coffee?', 'always yes', 'ok 10:30 at the usual place', 'perfect', 'did you see the match last night?', 'unreal ending', 'haha I screamed', 'my neighbours hate me now', 'lunch tomorrow?', 'yes please', 'thinking ramen', 'you read my mind', 'ok booking it', 'love that', 'miss you', 'miss you more', 'send pics of the cat', 'she is asleep on my keyboard', 'iconic', 'see you saturday']; const lines = []; for (let d = 1; d <= 90; d++) { const day = String((d % 28) + 1).padStart(2, '0'); const mon = String((d % 9) + 1).padStart(2, '0'); for (let m = 0; m < 6; m++) { const who = names[(d + m) % 2]; const txt = msgs[(d * 3 + m) % msgs.length]; const hh = String(8 + ((d + m) % 12)).padStart(2, '0'); const mm = String((d * 7 + m * 11) % 60).padStart(2, '0'); lines.push(day + '/' + mon + '/2026, ' + hh + ':' + mm + ' - ' + who + ': ' + txt); } } const content = lines.join('\\n'); const f = new File([content], 'WhatsApp Chat with Sam.txt', { type: 'text/plain' }); const dt = new DataTransfer(); dt.items.add(f); const input = document.querySelector('input[type=file]'); input.files = dt.files; input.dispatchEvent(new Event('change', { bubbles: true })); return content.length; })()";

  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' });
  await page.route('**/cdn-cgi/scripts/**', function (r) { r.abort(); }).catch(function () {});

  // ─── Scenario 1: signed-in landing with the drop zone ─────────────────────
  stepLogger.log('Scenario 1: Signed-in landing');
  await page.goto(baseUrl + '/', { waitUntil: 'domcontentloaded' });