test: ripara la suite Vitest e migra gli e2e all'architettura attuale
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
This commit is contained in:
@@ -2,6 +2,10 @@
|
||||
import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
|
||||
import { mount } from '@vue/test-utils'
|
||||
import ControllerPage from '../../src/components/ControllerPage.vue'
|
||||
import { generaReferto } from '../../src/referto.js'
|
||||
|
||||
// Il referto apre una finestra/print: lo mockiamo per testarne solo l'invocazione.
|
||||
vi.mock('../../src/referto.js', () => ({ generaReferto: vi.fn() }))
|
||||
|
||||
// Mock globale WebSocket per jsdom
|
||||
class MockWebSocket {
|
||||
@@ -25,6 +29,21 @@ class MockWebSocket {
|
||||
|
||||
vi.stubGlobal('WebSocket', MockWebSocket)
|
||||
|
||||
// Forza l'orientamento portrait → il controller usa il layout "mobile"
|
||||
// (con .team-pts, .btn-ctrl, ecc.) su cui questi test fanno asserzioni.
|
||||
Object.defineProperty(window, 'innerWidth', { value: 400, writable: true, configurable: true })
|
||||
Object.defineProperty(window, 'innerHeight', { value: 800, writable: true, configurable: true })
|
||||
|
||||
// Imposta il punteggio del set in corso costruendo una ris coerente.
|
||||
// `serv` ('h'|'g') controlla l'ultimo punto, quindi chi risulta al servizio.
|
||||
function setScore(wrapper, home, guest, serv = 'h') {
|
||||
const altro = serv === 'h' ? 'g' : 'h'
|
||||
const nAltro = serv === 'h' ? guest : home
|
||||
const nServ = serv === 'h' ? home : guest
|
||||
// mette per ultimo il carattere del battitore desiderato
|
||||
wrapper.vm.state.sp.striscia.at(-1).ris = altro.repeat(nAltro) + serv.repeat(nServ)
|
||||
}
|
||||
|
||||
// Helper per creare il componente con stato personalizzato
|
||||
function mountController(stateOverrides = {}) {
|
||||
const wrapper = mount(ControllerPage, {
|
||||
@@ -105,7 +124,7 @@ describe('ControllerPage.vue', () => {
|
||||
|
||||
it('dovrebbe essere disabilitato se il punteggio non è 0-0', async () => {
|
||||
const wrapper = mountController()
|
||||
wrapper.vm.state.sp.punt.home = 5
|
||||
setScore(wrapper, 5, 0)
|
||||
await wrapper.vm.$nextTick()
|
||||
const btn = wrapper.findAll('.btn-ctrl').find(b => b.text().includes('Cambio Palla'))
|
||||
expect(btn.attributes('disabled')).toBeDefined()
|
||||
@@ -194,8 +213,7 @@ describe('ControllerPage.vue', () => {
|
||||
|
||||
it('dovrebbe generare "N pari" a punteggio uguale', () => {
|
||||
const wrapper = mountController()
|
||||
wrapper.vm.state.sp.punt.home = 5
|
||||
wrapper.vm.state.sp.punt.guest = 5
|
||||
setScore(wrapper, 5, 5)
|
||||
wrapper.vm.wsConnected = true
|
||||
wrapper.vm.ws = { readyState: 1, send: vi.fn() }
|
||||
wrapper.vm.speak()
|
||||
@@ -205,9 +223,7 @@ describe('ControllerPage.vue', () => {
|
||||
|
||||
it('dovrebbe annunciare prima il punteggio di chi batte (home serve)', () => {
|
||||
const wrapper = mountController()
|
||||
wrapper.vm.state.sp.punt.home = 15
|
||||
wrapper.vm.state.sp.punt.guest = 10
|
||||
wrapper.vm.state.sp.servHome = true
|
||||
setScore(wrapper, 15, 10, 'h')
|
||||
wrapper.vm.wsConnected = true
|
||||
wrapper.vm.ws = { readyState: 1, send: vi.fn() }
|
||||
wrapper.vm.speak()
|
||||
@@ -217,9 +233,7 @@ describe('ControllerPage.vue', () => {
|
||||
|
||||
it('dovrebbe annunciare prima il punteggio di chi batte (guest serve)', () => {
|
||||
const wrapper = mountController()
|
||||
wrapper.vm.state.sp.punt.home = 10
|
||||
wrapper.vm.state.sp.punt.guest = 15
|
||||
wrapper.vm.state.sp.servHome = false
|
||||
setScore(wrapper, 10, 15, 'g')
|
||||
wrapper.vm.wsConnected = true
|
||||
wrapper.vm.ws = { readyState: 1, send: vi.fn() }
|
||||
wrapper.vm.speak()
|
||||
@@ -228,6 +242,51 @@ describe('ControllerPage.vue', () => {
|
||||
})
|
||||
})
|
||||
|
||||
// =============================================
|
||||
// REFERTO (modal PARTITA FINITA)
|
||||
// =============================================
|
||||
describe('Referto', () => {
|
||||
// Porta il componente allo stato "partita finita" per home in 2/3
|
||||
function setPartitaFinita(wrapper) {
|
||||
wrapper.vm.state.modalitaPartita = '2/3'
|
||||
wrapper.vm.state.sp.striscia = [
|
||||
{ serv: 'h', ris: '', vinc: 'h' },
|
||||
{ serv: 'h', ris: '', vinc: null },
|
||||
]
|
||||
wrapper.vm.setVintoTeam = 'home'
|
||||
wrapper.vm.showSetVinto = true
|
||||
}
|
||||
|
||||
it('mostra il bottone REFERTO quando la partita è finita', async () => {
|
||||
const wrapper = mountController()
|
||||
setPartitaFinita(wrapper)
|
||||
await wrapper.vm.$nextTick()
|
||||
expect(wrapper.vm.isPartitaFinita).toBe(true)
|
||||
const btn = wrapper.findAll('.btn-secondary').find(b => b.text().includes('REFERTO'))
|
||||
expect(btn).toBeDefined()
|
||||
})
|
||||
|
||||
it('il click su REFERTO invoca generaReferto con lo stato', async () => {
|
||||
const wrapper = mountController()
|
||||
setPartitaFinita(wrapper)
|
||||
await wrapper.vm.$nextTick()
|
||||
const btn = wrapper.findAll('.btn-secondary').find(b => b.text().includes('REFERTO'))
|
||||
await btn.trigger('click')
|
||||
expect(generaReferto).toHaveBeenCalledWith(wrapper.vm.state)
|
||||
})
|
||||
|
||||
it('NON mostra il bottone REFERTO a set vinto (partita non finita)', async () => {
|
||||
const wrapper = mountController()
|
||||
wrapper.vm.state.modalitaPartita = '3/5'
|
||||
wrapper.vm.setVintoTeam = 'home'
|
||||
wrapper.vm.showSetVinto = true
|
||||
await wrapper.vm.$nextTick()
|
||||
expect(wrapper.vm.isPartitaFinita).toBe(false)
|
||||
const btn = wrapper.findAll('.btn-secondary').find(b => b.text().includes('REFERTO'))
|
||||
expect(btn).toBeUndefined()
|
||||
})
|
||||
})
|
||||
|
||||
// =============================================
|
||||
// BARRA CONNESSIONE
|
||||
// =============================================
|
||||
|
||||
Reference in New Issue
Block a user