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
76 lines
3.0 KiB
JavaScript
76 lines
3.0 KiB
JavaScript
const { test, expect } = require('@playwright/test');
|
|
const AxeBuilderImport = require('@axe-core/playwright');
|
|
const AxeBuilder = AxeBuilderImport.default || AxeBuilderImport;
|
|
|
|
test.describe('Accessibility (a11y)', () => {
|
|
|
|
test('Display: non dovrebbe avere violazioni critiche a11y', async ({ page }) => {
|
|
await page.goto('http://localhost:3000');
|
|
await page.waitForTimeout(500);
|
|
|
|
const results = await new AxeBuilder({ page })
|
|
.withTags(['wcag2a', 'wcag2aa'])
|
|
.disableRules(['color-contrast']) // il display ha sfondo nero con testo grande, valutato separatamente
|
|
.analyze();
|
|
|
|
expect(results.violations).toEqual([]);
|
|
});
|
|
|
|
test('Controller: non dovrebbe avere violazioni critiche a11y', async ({ page }) => {
|
|
await page.setViewportSize({ width: 390, height: 844 });
|
|
await page.goto('http://localhost:3000/controller');
|
|
await page.waitForTimeout(500);
|
|
|
|
const results = await new AxeBuilder({ page })
|
|
.withTags(['wcag2a', 'wcag2aa'])
|
|
.analyze();
|
|
|
|
// Mostra i dettagli delle violazioni se ci sono
|
|
if (results.violations.length > 0) {
|
|
console.log('A11y violations:', JSON.stringify(results.violations.map(v => ({
|
|
id: v.id,
|
|
impact: v.impact,
|
|
description: v.description,
|
|
nodes: v.nodes.length
|
|
})), null, 2));
|
|
}
|
|
|
|
// Accettiamo solo violazioni minor (non critiche o serie)
|
|
const serious = results.violations.filter(v =>
|
|
v.impact === 'critical' || v.impact === 'serious'
|
|
);
|
|
expect(serious).toEqual([]);
|
|
});
|
|
|
|
test('Controller: i touch target dovrebbero avere dimensione minima', async ({ page }) => {
|
|
await page.setViewportSize({ width: 390, height: 844 });
|
|
await page.goto('http://localhost:3000/controller');
|
|
await page.waitForSelector('.conn-bar.connected');
|
|
|
|
// Controlla che i bottoni principali abbiano dimensione minima 44x44px
|
|
const buttons = page.locator('.btn-ctrl');
|
|
const count = await buttons.count();
|
|
|
|
for (let i = 0; i < count; i++) {
|
|
const box = await buttons.nth(i).boundingBox();
|
|
expect(box.width).toBeGreaterThanOrEqual(44);
|
|
expect(box.height).toBeGreaterThanOrEqual(44);
|
|
}
|
|
});
|
|
|
|
test('Controller: i bottoni punteggio dovrebbero avere dimensione adeguata', async ({ page }) => {
|
|
await page.setViewportSize({ width: 390, height: 844 });
|
|
await page.goto('http://localhost:3000/controller');
|
|
await page.waitForSelector('.conn-bar.connected');
|
|
|
|
const scoreButtons = page.locator('.team-score');
|
|
const count = await scoreButtons.count();
|
|
|
|
for (let i = 0; i < count; i++) {
|
|
const box = await scoreButtons.nth(i).boundingBox();
|
|
expect(box.width).toBeGreaterThanOrEqual(100);
|
|
expect(box.height).toBeGreaterThanOrEqual(100);
|
|
}
|
|
});
|
|
});
|