Strategie di Testing per Applicazioni Web

Strategie di Testing per Applicazioni Web

Il testing assicura correttezza, previene regressioni e abilita refactoring confidenti. Una test pyramid bilanciata: molti unit, alcuni integration, pochi E2E.

Test Pyramid

Unit (70%): Veloci, isolate, testano singole funzioni/componenti. Integration (20%): Testano boundary (API, DB, servizi esterni). E2E (10%): Flussi utente completi, browser reale. Contract: Compliance schema API. Visual: Screenshot diff. Performance: Carico, stress, Core Web Vitals.

Unit Testing

Vitest (Vite-native, veloce, Jest-compatible), Jest (maturo, snapshot testing). Testing Library: Render componenti, query per role/testo, user-centric. Testa comportamento, non implementazione. Mock dipendenze esterne (MSW per API). Coverage: Statements, branches, functions, lines. Target: >80% per percorsi critici.

Integration Testing

Testa boundary: API routes, query database, message queue, API esterne. Testcontainers: Avvia DB reali (PostgreSQL, Redis) in Docker per test. Supertest: Asserzioni HTTP per Express/Fastify/Hono. MSW (Mock Service Worker): Intercetta rete a livello Service Worker, funziona per unit + integration + E2E.

End-to-End Testing

Playwright: Multi-browser (Chromium, Firefox, WebKit), parallelo, auto-wait, trace viewer, codegen. Cypress: Developer-friendly, time-travel debugging, component testing. Testa user journey: Login, checkout, dashboard. Page Object Model: Incapsula selettori/azioni. Mitigazione flaky: Retry, wait for network idle, selettori stabili (data-testid).

Contract Testing

Assicura compatibilità API tra consumer e provider. Pact: Consumer-driven contracts, broker per condivisione. Schemathesis: Property-based testing da OpenAPI. Esegui in CI: Provider verifica contro contract consumer. Previene breaking changes.

Visual Regression Testing

Chromatic (Storybook): Visual test a livello componente, review cambiamenti UI in PR. Percy: Snapshot testing per pagine/componenti. Playwright: Built-in screenshot comparison. Threshold: Tolleranza pixel. Aggiorna baseline su cambiamenti intenzionali.

Performance Testing

Lighthouse CI: Core Web Vitals in CI, budget, commenti PR. k6: Load testing, scripting in JS, distribuito, threshold. WebPageTest: Browser reale, waterfall dettagliato. Sintetico vs RUM: Lab vs real user (CrUX). Budget: Bundle size, peso immagini, richieste terze parti.

Testing in CI/CD

Fail fast: Lint → Type-check → Unit → Integration → E2E. Parallelizza: Split test suite. Cache: node_modules, build artifacts, risultati test. Flaky detection: Retry, quarantine. Coverage gates: Blocca merge se sotto soglia. Test reports: JUnit XML, HTML, dashboard (Allure, ReportPortal).

Gestione Dati Test

Fixtures: Dati test statici (JSON, factory functions). Factories: Generazione dati dinamica (factory-bot, @faker-js/faker). Database: Seed per test, transaction rollback, Testcontainers. Anonimizza dati produzione per staging. PII: Mai usare dati utenti reali nei test.

Mutation Testing

Stryker: Mutazione codice (cambia > a <, true a false), esegui test. Se test passano → mutante sopravvissuto → gap test. Uccide falsa confidenza. Lento ma prezioso per codice critico. Integra in CI nightly.