davide
eb37f8319f
La suite era allineata a una vecchia forma dello stato (sp.punt/sp.set/ sp.servHome) e a una vecchia architettura e2e (controller su :3001). Baseline iniziale: 77/170 test Vitest falliti. Vitest (ora 212/212 verdi): - gameState.test.js: riscritto con helper che derivano punteggio/set/ servizio dalla striscia; aggiunto blocco formInizio - server-utils.js: getNetworkIPs accetta interfacce iniettabili e printServerInfo accetta gli IP iniettabili (deterministico anche su WSL); filtro LAN unificato (esclude 127./169.254./172.) - websocket + stress: punteggio letto via punteggio(striscia) - ControllerPage/DisplayPage: forzato layout mobile (viewport portrait), punteggi impostati via striscia; aggiunto test bottone REFERTO - nuovi: referto.test.js, persist.test.js (mock fs), wsMixin.test.js, integration/server.test.js (routing) Refactor di supporto: - referto.js: estratta buildRefertoHtml(state, now) pura; generaReferto resta wrapper con window.open/print - server.js: estratti createApp()/startServer(); avvio solo se entrypoint e2e (migrazione parziale, NON ancora verificata verde): - tutti i riferimenti controller :3001 -> :3000/controller - forzato viewport portrait sul controller prima del goto - reset helper: chiude il dialog di configurazione che doReset apre - game-simulation: gestione del dialog SET VINTO automatico a 25
96 lines
3.6 KiB
JavaScript
96 lines
3.6 KiB
JavaScript
const { test, expect } = require('@playwright/test');
|
|
|
|
// Helper: reset dal controller
|
|
async function resetGame(controllerPage) {
|
|
await controllerPage.getByText(/Reset/i).first().click();
|
|
const btnConfirm = controllerPage.locator('.dialog .btn-confirm');
|
|
if (await btnConfirm.isVisible()) {
|
|
await btnConfirm.click();
|
|
}
|
|
// doReset apre automaticamente il dialog di configurazione: chiudilo
|
|
const cfgCancel = controllerPage.locator('.dialog-config .btn-cancel');
|
|
if (await cfgCancel.isVisible()) {
|
|
await cfgCancel.click();
|
|
}
|
|
await controllerPage.waitForTimeout(300);
|
|
}
|
|
|
|
test.describe('Visual Regression', () => {
|
|
|
|
test('Display: screenshot a 0-0', async ({ context }) => {
|
|
const controllerPage = await context.newPage();
|
|
const displayPage = await context.newPage();
|
|
|
|
await controllerPage.setViewportSize({ width: 390, height: 844 });
|
|
await controllerPage.goto('http://localhost:3000/controller');
|
|
await displayPage.goto('http://localhost:3000');
|
|
await controllerPage.waitForSelector('.conn-bar.connected');
|
|
|
|
// Reset per stato pulito
|
|
await resetGame(controllerPage);
|
|
|
|
// Attende che il display riceva lo stato
|
|
await displayPage.waitForTimeout(500);
|
|
|
|
await expect(displayPage).toHaveScreenshot('display-0-0.png', {
|
|
maxDiffPixelRatio: 0.05,
|
|
});
|
|
});
|
|
|
|
test('Display: screenshot durante partita (15-12)', async ({ context }) => {
|
|
const controllerPage = await context.newPage();
|
|
const displayPage = await context.newPage();
|
|
|
|
await controllerPage.setViewportSize({ width: 390, height: 844 });
|
|
await controllerPage.goto('http://localhost:3000/controller');
|
|
await displayPage.goto('http://localhost:3000');
|
|
await controllerPage.waitForSelector('.conn-bar.connected');
|
|
|
|
await resetGame(controllerPage);
|
|
|
|
// Porta il punteggio a 15-12
|
|
for (let i = 0; i < 15; i++) {
|
|
await controllerPage.locator('.team-score.home-bg').click();
|
|
await controllerPage.waitForTimeout(20);
|
|
}
|
|
for (let i = 0; i < 12; i++) {
|
|
await controllerPage.locator('.team-score.guest-bg').click();
|
|
await controllerPage.waitForTimeout(20);
|
|
}
|
|
await displayPage.waitForTimeout(500);
|
|
|
|
await expect(displayPage).toHaveScreenshot('display-15-12.png', {
|
|
maxDiffPixelRatio: 0.05,
|
|
});
|
|
});
|
|
|
|
test('Controller: screenshot stato iniziale', async ({ context }) => {
|
|
const controllerPage = await context.newPage();
|
|
await controllerPage.setViewportSize({ width: 390, height: 844 });
|
|
await controllerPage.goto('http://localhost:3000/controller');
|
|
await controllerPage.waitForSelector('.conn-bar.connected');
|
|
|
|
await resetGame(controllerPage);
|
|
|
|
await expect(controllerPage).toHaveScreenshot('controller-initial.png', {
|
|
maxDiffPixelRatio: 0.05,
|
|
});
|
|
});
|
|
|
|
test('Controller: screenshot con modal config aperta', async ({ context }) => {
|
|
const controllerPage = await context.newPage();
|
|
await controllerPage.setViewportSize({ width: 390, height: 844 });
|
|
await controllerPage.goto('http://localhost:3000/controller');
|
|
await controllerPage.waitForSelector('.conn-bar.connected');
|
|
|
|
// Apri config
|
|
await controllerPage.getByText('Config').click();
|
|
await controllerPage.waitForSelector('.dialog-config');
|
|
await controllerPage.waitForTimeout(300);
|
|
|
|
await expect(controllerPage).toHaveScreenshot('controller-config-modal.png', {
|
|
maxDiffPixelRatio: 0.05,
|
|
});
|
|
});
|
|
});
|