test(e2e): migra gli end-to-end a CommonJS e stabilizza l'esecuzione Playwright

- aggiunge configurazione playwright.config.cjs per compatibilita runtime
- aggiorna playwright.config.ts con progetto Mobile Chrome
- migra i test E2E da .js a .spec.cjs
- rimuove i vecchi file E2E non piu usati
- allinea i test visual con snapshot baseline aggiornate

tests/e2e/game-simulation.spec.cjs

@@ -0,0 +1,69 @@
+const { test, expect } = require('@playwright/test');
+
+test.describe('Game Simulation', () => {
+    test('Simulazione Partita: Controller aggiunge punti finché non cambia il set', async ({ context }) => {
+        // 1. Setup Pagine
+        const displayPage = await context.newPage();
+        const controllerPage = await context.newPage();
+
+        await displayPage.goto('http://localhost:3000');
+        await controllerPage.goto('http://localhost:3001');
+
+        // Selettori (basati su ID ipotetici o classi, adattali al tuo HTML reale)
+        // Assumo che nel DOM ci siano elementi con ID o classi riconoscibili
+        // E che i punteggi siano visibili.
+
+        // Pulisco lo stato iniziale (reset)
+        const btnReset = controllerPage.getByText(/Reset/i).first();
+        if (await btnReset.isVisible()) {
+            await btnReset.click();
+            // La modale di conferma ha un bottone "SI" con classe .btn-confirm
+            const btnConfirmReset = controllerPage.locator('.dialog .btn-confirm').getByText('SI');
+            if (await btnConfirmReset.isVisible()) {
+                await btnConfirmReset.click();
+            }
+        }
+
+        // 2. Loop per vincere il primo set (25 punti)
+        // In ControllerPage.vue, il click su .team-score.home-bg incrementa i punti home
+        const btnHomeScore = controllerPage.locator('.team-score.home-bg');
+
+        for (let i = 0; i < 25; i++) {
+            await btnHomeScore.click();
+            // Piccola pausa per lasciare tempo al server di processare e broadcastare
+            //await displayPage.waitForTimeout(10); 
+        }
+
+        // 3. Verifica Vittoria Set
+        // I punti dovrebbero essere tornati a 0 (o mostrare 25 prima del reset manuale?)
+        // Il codice gameState dice: checkVittoria -> resetta solo se qualcuno chiama resetta?
+        // No, checkVittoria è boolean. applyAction('incPunt') incrementa.
+        // Se vince, il set incrementa? 'incPunt' non incrementa i set in automatico nel codice gameState checkato prima!
+        // Controllo applyAction:
+        // "s.sp.punt[team]++" ... POI "checkVittoria(s)" all'inizio del prossimo incPunt?
+        // NO: "if (checkVittoria(s)) break" all'inizio di incPunt impedisce di andare oltre 25 se già vinto.
+        // MA 'incSet' è un'azione separata!
+
+        // Aspetta, la logica standard è: arrivo a 25 -> vinco set?
+        // In questo codice `gameState.js` NON c'è automatismo "arrivo a 25 -> set++ e palla al centro".
+        // L'utente deve cliccare "SET Antoniana" manualmente?
+        // Guardiamo ControllerPage.vue:
+        // C'è un bottone "SET {{ state.sp.nomi.home }}" che manda { type: 'incSet', team: 'home' }
+
+        // QUINDI: Il test deve:
+        // 1. Arrivare a 25 pt.
+        // 2. Cliccare "SET HOME".
+        // 3. Verificare che Set Home = 1.
+
+        // Verifica che siamo a 25
+        await expect(controllerPage.locator('.team-score.home-bg .team-pts')).toHaveText('25');
+
+        // Clicca bottone SET
+        const btnSetHome = controllerPage.locator('.btn-set.home-bg');
+        await btnSetHome.click();
+
+        // Verifica che il set sia incrementato
+        // Nota: display potrebbe chiamarsi diversamente, controlliamo Controller per coerenza
+        await expect(controllerPage.locator('.team-score.home-bg .team-set')).toContainText('SET 1');
+    });
+});