1 files changed, 75 insertions, 0 deletions
diff --git a/tools/public-feed-browser-test.js b/tools/public-feed-browser-test.js
new file mode 100644
index 0000000..bfeb82b
--- /dev/null
+++ b/tools/public-feed-browser-test.js
@@ -0,0 +1,75 @@
+import assert from 'node:assert/strict';
+import puppeteer from 'puppeteer-core';
+import { finalizeEvent, generateSecretKey } from 'nostr-tools/pure';
+import { buildHtml, buildVerifyWorker } from '../build.js';
+const sk = generateSecretKey(), now = Math.floor(Date.now() / 1000);
+const note = finalizeEvent({ kind: 1, created_at: now, tags: [], content: 'This is the shared public snapshot for everyone to read. https://slow.example/photo.png' }, sk);
+const profile = finalizeEvent({ kind: 0, created_at: now, tags: [], content: JSON.stringify({ name: 'Snapshot Author', picture: 'https://slow.example/avatar.png' }) }, sk);
+const html = await buildHtml({ minify: true, pwa: false });
+const worker = await buildVerifyWorker({ minify: true });
+let mode = 'ok', requests = 0;
+const server = Bun.serve({ port: 0, fetch(req) {
+  const path = new URL(req.url).pathname;
+  if (path === '/api/feed') {
+    requests++;
+    if (mode === 'unavailable') return new Response(null, { status: 503 });
+    return Response.json({ version: 1, generatedAt: Date.now(), popUntil: now - 100,
+      notes: [mode === 'corrupt' ? { ...note, content: 'Forged snapshot content' } : note], profiles: [profile] });
+  }
+  if (path === '/verify-worker.js') return new Response(worker, { headers: { 'Content-Type': 'text/javascript' } });
+  if (path.startsWith('/punks')) return new Response(null, { status: 404 });
+  return new Response(html, { headers: { 'Content-Type': 'text/html' } });
+} });
+const browser = await puppeteer.launch({ executablePath: '/usr/bin/google-chrome', headless: 'new', args: ['--no-sandbox'] });
+try {
+  async function visit(path) {
+    const page = await browser.newPage();
+    await page.setRequestInterception(true);
+    page.on('request', (r) => {
+      // Leave media unresolved: first paint must not depend on its timeout.
+      if (r.url().startsWith('https://slow.example/')) return;
+      return r.url().startsWith(server.url.origin) || r.url().startsWith('data:') ? r.continue() : r.abort();
+    });
+    await page.evaluateOnNewDocument(() => {
+      window.relayFilters = [];
+      class FakeSocket extends EventTarget {
+        static OPEN = 1; static CLOSED = 3;
+        readyState = 0;
+        constructor() { super(); setTimeout(() => { this.readyState = 1; this.onopen?.({}); this.dispatchEvent(new Event('open')); }, 0); }
+        send(data) {
+          const m = JSON.parse(data);
+          if (m[0] === 'REQ') {
+            window.relayFilters.push(m[2]);
+            setTimeout(() => { const e = new MessageEvent('message', { data: JSON.stringify(['EOSE', m[1]]) }); this.onmessage?.(e); this.dispatchEvent(e); }, 0);
+          }
+        }
+        close() { this.readyState = 3; this.onclose?.({}); }
+      }
+      window.WebSocket = FakeSocket;
+    });
+    await page.goto(server.url.origin + path);
+    return page;
+  }
+  let page = await visit('/feed');
+  await page.waitForFunction(() => document.body.innerText.includes('This is the shared public snapshot'), { timeout: 2500 });
+  assert.equal(await page.$eval('.notes-feed', (el) => el.dataset.booting), '1', 'posts render while slow media is still warming');
+  assert((await page.evaluate(() => document.body.innerText)).includes('Snapshot Author'));
+  assert.equal(await page.evaluate(() => window.relayFilters.filter((f) => f.kinds?.includes(7)).length), 0);
+  await page.close();
+  for (const state of ['corrupt', 'unavailable']) {
+    mode = state;
+    page = await visit('/feed');
+    await page.waitForFunction(() => window.relayFilters.some((f) => f.kinds?.includes(7)), { timeout: 15000 });
+    assert(!(await page.evaluate(() => document.body.innerText)).includes('Forged snapshot content'));
+    await page.close();
+  }
+  const before = requests;
+  page = await visit('/feed?r=wss://custom.example');
+  await page.waitForFunction(() => window.relayFilters.some((f) => f.kinds?.includes(7)), { timeout: 15000 });
+  assert.equal(requests, before, 'custom relays bypass snapshot');
+  await page.close();
+  console.log('✓ browser renders signed snapshot/profile before slow media and without reaction scans; corrupt/unavailable snapshots fall back; custom relays bypass cache');
+} finally {
+  await browser.close();
+  server.stop(true);
+}