diff options
| -rw-r--r-- | tools/sw-reload-test.js | 4 | ||||
| -rw-r--r-- | tools/unread-dot-test.js | 14 |
2 files changed, 10 insertions, 8 deletions
diff --git a/tools/sw-reload-test.js b/tools/sw-reload-test.js index a869d9d..7a41c7f 100644 --- a/tools/sw-reload-test.js +++ b/tools/sw-reload-test.js @@ -32,7 +32,9 @@ const server = Bun.serve({ if (p === '/' || p === '/index.html') return new Response(current.html, { headers: { 'content-type': 'text/html', 'cache-control': 'no-store' } }); // The worker precaches the shell during install and addAll rejects on any // miss — a 404 here means it never activates and the test proves nothing. - const f = Bun.file('dist' + p); + // The split build names its entry after the token (app-<token>.js), so + // a restamped build asks for app-deadbeef….js: the same file. + const f = Bun.file('dist' + p.replace(/deadbeef0000\d/, token)); return new Response(f, { headers: { 'cache-control': 'no-store' } }); }, }); diff --git a/tools/unread-dot-test.js b/tools/unread-dot-test.js index 839105a..b98388a 100644 --- a/tools/unread-dot-test.js +++ b/tools/unread-dot-test.js @@ -1,4 +1,4 @@ -// The unread dot either says someone is waiting or it doesn't — it must not +// The unread dot (on Messages in the bottom nav) either says someone is waiting or it doesn't — it must not // flash on the way in. render() rebuilds the whole DOM, so any entrance // animation on the dot replays on every repaint; an earlier build popped it // seven times in the first seconds after a refresh, which reads as flashing. @@ -23,7 +23,7 @@ try { await page.evaluate(() => localStorage.setItem('btc-wallet-network', 'regtest')); await page.reload({ waitUntil: 'domcontentloaded' }); await sleep(400); - await click('button', 'I already have a wallet'); + await click('button', 'Create a new wallet'); await sleep(300); await click('button', 'Have an existing seed'); await sleep(300); @@ -36,11 +36,11 @@ try { // Now the refresh the report is about. await page.evaluate(() => { window.__dot = { anims: 0, appear: 0, disappear: 0, renders: 0 }; - addEventListener('animationstart', (e) => { if (e.target && e.target.classList && e.target.classList.contains('header-msgs')) window.__dot.anims++; }, true); + addEventListener('animationstart', (e) => { if (e.target && e.target.classList && e.target.closest && e.target.closest('.app-nav-button')) window.__dot.anims++; }, true); let had = null; new MutationObserver(() => { window.__dot.renders++; - const now = !!document.querySelector('.header-msgs.unread'); + const now = [...document.querySelectorAll('.app-nav-button.unread')].some((b) => /messages/i.test(b.getAttribute('aria-label') || '')); if (had !== null && now !== had) { if (now) window.__dot.appear++; else window.__dot.disappear++; } had = now; }).observe(document.getElementById('app'), { childList: true, subtree: true }); @@ -49,17 +49,17 @@ try { // re-arm after the reload wipes it await page.evaluate(() => { window.__dot = { anims: 0, appear: 0, disappear: 0, renders: 0 }; - addEventListener('animationstart', (e) => { if (e.target && e.target.classList && e.target.classList.contains('header-msgs')) window.__dot.anims++; }, true); + addEventListener('animationstart', (e) => { if (e.target && e.target.classList && e.target.closest && e.target.closest('.app-nav-button')) window.__dot.anims++; }, true); let had = null; new MutationObserver(() => { window.__dot.renders++; - const now = !!document.querySelector('.header-msgs.unread'); + const now = [...document.querySelectorAll('.app-nav-button.unread')].some((b) => /messages/i.test(b.getAttribute('aria-label') || '')); if (had !== null && now !== had) { if (now) window.__dot.appear++; else window.__dot.disappear++; } had = now; }).observe(document.body, { childList: true, subtree: true }); }); await sleep(12000); - const r = await page.evaluate(() => ({ ...window.__dot, dotNow: !!document.querySelector('.header-msgs.unread') })); + const r = await page.evaluate(() => ({ ...window.__dot, dotNow: [...document.querySelectorAll('.app-nav-button.unread')].some((b) => /messages/i.test(b.getAttribute('aria-label') || '')) })); console.log('over 12s after a refresh:'); const check = (n, c, d = '') => { console.log(` ${c ? '✓' : '✗'} ${n}${d ? ' — ' + d : ''}`); if (!c) ok = false; }; check('the dot never animates', r.anims === 0, `${r.anims} animation(s) started`); |