aboutsummaryrefslogtreecommitdiffstats
path: root/tools/pager-first-frame-test.js
diff options
context:
space:
mode:
Diffstat (limited to 'tools/pager-first-frame-test.js')
-rw-r--r--tools/pager-first-frame-test.js10
1 files changed, 6 insertions, 4 deletions
diff --git a/tools/pager-first-frame-test.js b/tools/pager-first-frame-test.js
index f88a074..6507607 100644
--- a/tools/pager-first-frame-test.js
+++ b/tools/pager-first-frame-test.js
@@ -2,8 +2,8 @@
// before the reader gets there: the server's (vmedia first.jpg — frame 0 at
// full size, any host), put on the slide once fetched and decoded; where the
// server has none, the next clip's frame is drawn here from its cached
-// opening, and a clip beyond keeps the post's still rather than black, until
-// a first frame comes. The slide left behind keeps its frame for the swipe
+// opening, and a clip beyond gets no picture (and stays out of the
+// carousel) until a first frame comes — never the post's still first. The slide left behind keeps its frame for the swipe
// back. Run: bun tools/pager-first-frame-test.js
import puppeteer from './puppeteer.js';
import { cacheKeyFor } from '../src/wallet.js';
@@ -106,13 +106,15 @@ try {
console.log('\n[the slides ahead hold their first frames]');
check('the next clip holds the server\'s first frame', await waitPoster('tall', 'server'), JSON.stringify(await slides()));
check('…the server was asked for it once', asked.filter((x) => x === 'first:tall').length === 1, asked.join(' '));
- check('the clip after, which the server has no frame for, keeps the post\'s still', await waitPoster('last', 'still'), JSON.stringify(await slides()));
+ await sleep(1500);
+ check('the clip after, which the server has no frame for, gets no stand-in still', (await posterOf('last')) === 'none', JSON.stringify(await slides()));
+ check('…and waits out of the carousel', await page.evaluate(() => [...document.querySelectorAll('.mp-group')].find((g) => /last\.webm$/.test(g.querySelector('.mp-slide').getAttribute('data-k'))).classList.contains('mp-wait')));
check('…no thumbnail route was tried for any of them', !asked.some((x) => /thumb\.jpg/.test(x)), asked.join(' '));
await page.keyboard.press('ArrowDown');
check('on to the next: it plays', await waitFor(() => { const s = document.querySelector('.mp-slide.mp-cur'); return !!s && s.getAttribute('data-k').endsWith('/tall.webm') && !s.querySelector('video').paused; }, null, 6000), JSON.stringify(await slides()));
check('…the server\'s frame still under it', (await posterOf('tall')) === 'server', String(await posterOf('tall')));
check('the one left behind holds its first frame for the swipe back', await waitPoster('wide', 'server'), JSON.stringify(await slides()));
- check('the next, now the clip ahead, has its frame drawn here in place of the still', await waitPoster('last', 'drawn', 12000), JSON.stringify(await slides()));
+ check('the next, now the clip ahead, has its frame drawn here ', await waitPoster('last', 'drawn', 12000), JSON.stringify(await slides()));
check('…the server asked only once more for it, not again and again', asked.filter((x) => x === 'first:last').length === 1, asked.join(' '));
await page.keyboard.press('ArrowUp');
check('back on the first: it plays again, its frame under it', await waitFor(() => { const s = document.querySelector('.mp-slide.mp-cur'); return !!s && s.getAttribute('data-k').endsWith('/wide.webm') && !s.querySelector('video').paused && /first\.jpg/.test(s.querySelector('video').getAttribute('poster') || ''); }, null, 6000), JSON.stringify(await slides()));