# Verifica della Regressione Visiva

## Descrizione
Prima di aprire qualsiasi PR (pull request), avvia l'app in locale e fai uno screenshot di ogni
pagina interessata dal diff corrente alle larghezze desktop e mobile.
Segnala eventuali problemi di layout riscontrati.

## Prerequisiti
- Docker in esecuzione (per il database)
- Porta 3000 disponibile

## Configurazione
1. Installa le dipendenze: `npm install`
2. Avvia i servizi: `docker-compose up -d postgres redis`
3. Esegui le migrazioni: `npx prisma migrate dev`
4. Popola i dati di test: `npm run db:seed`
5. Avvia il server di sviluppo: `npm run dev`
6. Attendi "Ready on http://localhost:3000" nel terminale

## Verifiche Visive
1. Leggi il diff git corrente per identificare le pagine interessate
2. Per ogni pagina interessata:
   a. Apri la pagina nel browser all'indirizzo http://localhost:3000/{route}
   b. Fai uno screenshot alla larghezza di 1280px (desktop)
   c. Ridimensiona il browser a 375px di larghezza (mobile)
   d. Fai uno screenshot alla larghezza mobile
   e. Verifica: testo sovrapposto, elementi nascosti dietro altri
      elementi, scorrimento orizzontale, pulsanti o link non
      raggiungibili, immagini o icone mancanti, errori nella console
3. Se viene riscontrato un problema, elencalo con l'URL della pagina, la larghezza
   del viewport e una descrizione del problema

## Prima di Aprire la PR
1. Esegui `npm run lint` e correggi eventuali problemi
2. Esegui `npm test` e verifica che tutti i test passino
3. Includi tutti gli screenshot nella descrizione della PR
4. Se sono stati riscontrati problemi, elencali in cima al corpo della PR

## Route-Specific Checks

### Dashboard (`/dashboard`)
- The metric cards should display in a 3-column grid on desktop
- Cards should stack to a single column on mobile
- The chart should be fully visible without horizontal scroll

### Checkout (`/checkout`)
- The "Place Order" button must be visible without scrolling
  on both desktop and mobile
- The order summary sidebar should collapse into an accordion on mobile
- The price breakdown should show subtotal, tax, and total on separate lines

### Settings (`/settings`)
- All form labels should be left-aligned with their inputs
- The "Save" button must be reachable at the bottom of the form
- Tab navigation between sections should update the URL hash