1 files changed, 8 insertions, 3 deletions
diff --git a/tools/feed-video-pager-test.js b/tools/feed-video-pager-test.js
index add9208..5bba7d8 100644
--- a/tools/feed-video-pager-test.js
+++ b/tools/feed-video-pager-test.js
@@ -4,7 +4,7 @@
 // Each clip has a seek bar to drag; a tap pauses (and shows the details),
 // another plays on. Leaving full screen leaves the pager.
 // Run: bun tools/feed-video-pager-test.js
-import puppeteer from './puppeteer.js';
+import puppeteer, { seedWords, skipSeedCheck } from './puppeteer.js';
 import { cacheKeyFor } from '../src/wallet.js';
 import { generateSecretKey, getPublicKey, finalizeEvent } from 'nostr-tools/pure';
 import { buildHtml } from '../build.js';
@@ -67,6 +67,8 @@ const openClip = async (word) => {
   await page.evaluate((w) => { const r = [...document.querySelectorAll('.notes-feed [data-key]')].find((n) => n.textContent.includes(w)); r.querySelector('video.note-video').scrollIntoView({ block: 'center' }); }, word);
   await sleep(400);
   const at = await page.evaluate((w) => { const r = [...document.querySelectorAll('.notes-feed [data-key]')].find((n) => n.textContent.includes(w)); const b = r.querySelector('video.note-video').getBoundingClientRect(); return { x: b.x + b.width * 0.2, y: b.y + b.height * 0.3 }; }, word);
+  // a mouse click on a playing clip pauses it; a paused one opens
+  await page.evaluate(([x, y]) => { const v = document.elementFromPoint(x, y); if (v && v.tagName === 'VIDEO') v.pause(); }, [at.x, at.y]);
   await page.mouse.click(at.x, at.y);
   await waitFor(() => !!document.querySelector('.media-pager.videos'), null, 4000);
 };
@@ -80,9 +82,9 @@ try {
   await page.reload({ waitUntil: 'domcontentloaded' });
   await sleep(400);
   await click('create a new wallet'); await sleep(600);
-  await page.waitForSelector('.words .w .t');
+  await seedWords(page);
   const mn = (await page.$$eval('.words .w .t', (l) => l.map((e) => e.textContent.trim()))).join(' ');
-  await click('skip verification');
+  await skipSeedCheck(page);
   await waitText('receive', 20000);
   const base = cacheKeyFor(mn + '\n');
   await page.evaluate(([k, pk, ns]) => {
@@ -120,6 +122,9 @@ try {
   check('the seek bar sits clear of the bottom edge', geo.bottom >= 32, JSON.stringify(geo));
   check('…and in from the sides', geo.left >= 16 && geo.right >= 16, JSON.stringify(geo));
   if (process.env.SHOT) { await page.evaluate(() => document.querySelector('.media-pager').classList.add('show')); await sleep(300); await page.screenshot({ path: process.env.SHOT }); await page.evaluate(() => document.querySelector('.media-pager').classList.remove('show')); }
+  // (out of sight while it plays: a tap near the foot brings it up)
+  { const r = await page.evaluate((cur) => { const b = eval(cur)().querySelector('.mp-seek').getBoundingClientRect(); return { x: b.x + b.width / 2, y: b.y - 30 }; }, '(' + CUR + ')'); await page.mouse.click(r.x, r.y); await sleep(300); }
+  check('a tap near the foot brings the seek bar up', await page.evaluate((cur) => getComputedStyle(eval(cur)().querySelector('.mp-seek')).opacity === '1', '(' + CUR + ')'));
   const bar = await page.evaluate((cur) => { const r = eval(cur)().querySelector('.mp-seek').getBoundingClientRect(); return { x: r.x, y: r.y + r.height - 4, w: r.width }; }, '(' + CUR + ')');
   await page.mouse.move(bar.x + bar.w * 0.1, bar.y);
   await page.mouse.down();