leggenda-del-regolo/tests/campana.browser.mjs

// La campana nel browser vero: dal Taglia al campone delle poste, il tiro col mouse e col dito, i salti.
// npm run browser:campana — schermate in /tmp/regolo-campana.
import { chromium } from 'playwright';
import { mkdirSync } from 'node:fs';
import assert from 'node:assert/strict';
import { staticServer } from './helpers.mjs';
import { ARGS } from './chromium.mjs';

const out = process.env.OUT ?? '/tmp/regolo-campana';
mkdirSync(out, { recursive: true });
const server = await staticServer();
let browser;
const errors = [];
try {
    browser = await chromium.launch({ args: ARGS });
    for (const [name, mobile, viewport] of [['desktop', false, { width: 1280, height: 860 }], ['touch', true, { width: 844, height: 390 }]]) {
        const page = await browser.newPage({ viewport, hasTouch: mobile, isMobile: mobile });
        page.on('pageerror', e => errors.push(e.message));
        await page.goto(`http://127.0.0.1:${server.port}/`);
        await page.click('#splash'); await page.click('#new-game'); await page.click('#rione [data-rione="campomigliaio"]'); await page.click('#skip-intro');
        await page.evaluate(async () => {
            const { settle } = await import('/tests/helpers.mjs');
            settle(game); game.go('giardini_poste'); settle(game);
            game.act('talk', 'taglia'); settle(game);
            game.choose(game.options().findIndex(o => o.text.startsWith('E una partita a campana'))); settle(game);
            game.choose(game.options().findIndex(o => o.text === 'Alla bona.')); settle(game);
        });
        await page.waitForSelector('#bocce-controls:not([hidden])');
        await page.waitForFunction(async () => (await import('/src/engine/render.js')).hasBackground('assets/closeups/campone-campana.png'));
        assert.equal(await page.locator('#bocce-throw').textContent(), 'Tira');
        assert.ok(await page.locator('#campana-help').isVisible());
        assert.ok(!(await page.locator('#bocce-left').isVisible()), 'niente pulsanti Mira');
        const box = await page.locator('#scene').boundingBox(), P = (x, y) => [box.x + x / 640 * box.width, box.y + y / 360 * box.height];
        // Mira alla 1, poi la forza giusta: col mouse tenendo premuto, col dito il cursore e Tira.
        const one = await page.evaluate(async () => { const m = window.campanaModule = await import('/src/engine/campana.js'); const p = m.center(1); return [p.x, p.y, Math.hypot(p.x - m.FROM.x, p.y - m.FROM.y) / m.REACH]; });
        if (mobile) {
            await page.touchscreen.tap(...P(one[0], one[1]));
            assert.equal(await page.evaluate(() => game.closeup.step), 'aim', 'un tocco mira soltanto');
            await page.evaluate(p => { game.closeup.power = p; game.closeup.skill.scatter = 0; }, one[2]);
            await page.locator('#bocce-throw').tap();
        } else {
            await page.mouse.move(...P(one[0], one[1]));
            await page.evaluate(() => { game.closeup.skill.scatter = 0; });
            await page.mouse.down();
            await page.waitForFunction(p => Math.abs(game.closeup.power - p) < 0.02, one[2], { polling: 'raf' });
            await page.screenshot({ path: `${out}/${name}-forza.png` });
            await page.mouse.up();
            // Col mouse il momento giusto dipende da quanto è lesta la pagina: se è andato fuori, si ritira col pulsante.
            await page.waitForFunction(() => !['aim', 'flying'].includes(game.closeup.step));
            if (await page.evaluate(() => game.closeup.step) !== 'hop') {
                await page.evaluate(p => { Object.assign(game.closeup, { step: 'aim', current: 'player', next: null, line: null, power: p }); }, one[2]);
                await page.locator('#bocce-throw').click();
            }
        }
        await page.waitForFunction(() => game.closeup.step === 'hop', null, { timeout: 5000 }).catch(async e => { console.log(await page.evaluate(() => JSON.stringify({ ...game.closeup, events: 0 }))); await page.screenshot({ path: `${out}/${name}-errore.png` }); throw e; });
        assert.equal(await page.locator('#bocce-throw').textContent(), 'Salta');
        // Quanti salti riescono: la lancetta dopo una schermata (lenta, con swiftshader) può già essere scappata.
        let hops = 0;
        // I salti: si preme quando la lancetta passa nel verde (col dito sul pulsante Salta, col mouse sulla scena).
        for (let i = 0; i < 4; i++) {
            await page.waitForFunction(() => { const m = window.campanaModule, c = game.closeup; return c.step !== 'hop' || ((!c.hop || c.hop.t >= m.HOP) && c.meter.t > 0 && Math.abs(m.needle(c)) < 0.15); }, null, { polling: 'raf', timeout: 5000 });
            if (await page.evaluate(() => game.closeup.step) !== 'hop') break;
            if (mobile) await page.locator('#bocce-throw').tap(); else await page.mouse.click(...P(320, 200));
            hops = Math.max(hops, await page.evaluate(() => game.closeup.beat + 1));
            if (i === 1) await page.screenshot({ path: `${out}/${name}-salti.png` });
        }
        assert.ok(hops >= 2, `salti riusciti: ${hops}`);
        // Poi tocca al Taglia: lo si fa sbagliare per vederlo saltare.
        await page.evaluate(() => { const c = game.closeup; c.step = 'rest'; c.t = 0; c.next = 'cpu'; c.line = 'Prova: tocca al Taglia.'; });
        await page.waitForFunction(() => game.closeup.step === 'cpuHop' && game.closeup.beat >= 3 || game.closeup.current === 'player' && game.closeup.step === 'aim', null, { timeout: 20000 });
        await page.screenshot({ path: `${out}/${name}-taglia.png` });
        await page.close();
    }
    assert.deepEqual(errors, []);
    console.log(`ok: schermate in ${out}`);
} finally { await browser?.close(); server.kill(); }