Cartello → titolo: la dissolvenza parte insieme al titolo (prima il CSS sfumava il cartello prima che il codice arrivasse, e si vedeva la piazza); titolo e introduzione con fondo pieno

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_018ks2K99uqCZjAxvy7Rdj1R
2026-10-25 10:44:46 +01:00
parent 12c6357cbc
commit acc437a33c
3 changed files with 19 additions and 7 deletions
@@ -62,6 +62,16 @@ try {
    await page.screenshot({ path: `${OUT}/00b-dissolvenza.png` });
    await page.waitForSelector('#splash', { state: 'hidden', timeout: 3000 });
    await page.screenshot({ path: `${OUT}/01-titolo.png` });
+    // Col codice lento ad arrivare (rete vera) il cartello aspetta il titolo: non sfuma prima per conto suo.
+    {
+        const slow = await browser.newPage({ viewport: { width: 1280, height: 860 } });
+        await slow.route('**/src/main.js', async route => { await new Promise(r => setTimeout(r, 2000)); await route.continue(); });
+        await slow.goto(`http://127.0.0.1:${PORT}/`);
+        await slow.waitForSelector('#title:not([hidden])', { timeout: 12000 });
+        const opacity = await slow.evaluate(() => Number(getComputedStyle(document.getElementById('splash')).opacity));
+        assert.ok(opacity > 0.9, `il cartello era già sfumato (${opacity}) quando è comparso il titolo`);
+        await slow.close();
+    }
    // I crediti dal titolo: si aprono, mostrano i nomi, Esc li chiude.
    await page.click('#title .open-credits');
    assert.match(await page.textContent('#credits'), /Ringraziamenti\s*Al Lele/, 'la dedica al Lele viene per prima');