Skip to main content

UAT-ACC-064: Modifica Foto Struttura e Verifica Frontend

Stato Test​

✅ Passato

Data Esecuzione: 2025-01-27 Tester: Giuseppe (DNAFactory) - Esecuzione automatica con Playwright

Processo Business​

Modifica di una foto della struttura tramite pannello admin e verifica che la modifica sia visibile correttamente nel frontend

Sequenza Azioni​

Backend (Admin Panel)​

  1. Accedere al pannello admin: https://stage.bauking.dnalab.online/admin/login
  2. Effettuare login con le credenziali:
  3. Navigare alla sezione Alloggi (menu laterale)
  4. Cercare e selezionare la struttura "Mosella Suite Hotel"
  5. Cliccare sul pulsante "Modifica" o aprire la pagina di modifica
  6. Navigare alla tab/sezione "Media" o "Immagini"
  7. Notare la foto attualmente presente (prima foto o foto specifica da modificare)
    • Prendere nota del nome file o screenshot per riferimento
  8. Modificare la foto:
    • Cliccare sulla foto esistente o sul pulsante per modificare
    • Sostituire con una nuova immagine (utilizzare un'immagine di test facilmente riconoscibile)
    • Salvare le modifiche
  9. Verificare che la modifica sia stata salvata correttamente nel backend
  10. Pulire la cache (opzionale ma consigliato):
    • Dalla pagina di modifica struttura, cliccare sulla rotellina (icona impostazioni) in alto a destra
    • Cliccare su "Pulisci cache"
    • Verificare messaggio di conferma

Frontend (Verifica)​

  1. Aprire una nuova scheda del browser (o in modalità incognito per evitare cache del browser)
  2. Accedere alla pagina frontend: https://stage.bauking.dnalab.online/it/accommodation/mosella-suite-hotel
  3. Verificare che la galleria immagini sia visibile
  4. Verificare che la foto modificata sia presente nella galleria:
    • La nuova foto deve essere visibile al posto di quella precedente
    • La foto deve essere caricata correttamente (non broken image)
    • L'ordine delle foto deve essere corretto (se modificata la prima foto, deve essere la prima nella galleria)
  5. Cliccare sulla foto per aprire la modal/galleria completa
  6. Verificare che la foto modificata sia visualizzabile correttamente nella modal
  7. Navigare tra le immagini della galleria per verificare che tutte le altre foto siano ancora presenti e corrette

Linee Guida Dati Test​

Credenziali Admin:

Struttura di Test:

Immagine di Test:

  • Utilizzare un'immagine facilmente riconoscibile (es. con testo o pattern distintivo)
  • Formato supportato: JPG, PNG, WebP
  • Dimensioni consigliate: almeno 1200x800px per qualità ottimale

Risultato Atteso​

Backend​

  • Login effettuato con successo
  • Struttura trovata e modificabile
  • Sezione Media/Immagini accessibile
  • Foto modificata e salvata correttamente
  • Cache pulita (se eseguita)

Frontend​

  • Pagina struttura caricata correttamente
  • Galleria immagini visibile e funzionante
  • Foto modificata visibile nella galleria (al posto di quella precedente)
  • Foto caricata correttamente senza errori
  • Ordine delle foto corretto
  • Modal galleria funzionante e mostra la foto modificata
  • Altre foto della struttura ancora presenti e corrette

Note​

  • Importante: Se la foto modificata non appare immediatamente nel frontend, pulire la cache del browser (Ctrl+Shift+Delete o Cmd+Shift+Delete) o utilizzare modalità incognito
  • Se dopo la pulizia della cache del browser la foto non appare ancora, verificare che la cache del server sia stata pulita correttamente
  • Documentare eventuali discrepanze tra backend e frontend con screenshot
  • Verificare che la modifica non abbia influenzato altre foto della struttura

Note Tecniche (Verificato con Playwright)​

Accesso alla sezione Media:

  • URL diretto: https://stage.bauking.dnalab.online/admin/accommodations/accommodations/19/media
  • Alternativamente: Dalla pagina di modifica struttura, cliccare sul pulsante "Gestisci Media" nell'header
  • La pagina mostra tutte le immagini caricate con possibilità di:
    • Caricare nuove immagini tramite pulsante "Scegli file" o drag & drop
    • Eliminare immagini esistenti
    • Modificare immagini (pulsante "edit" su alcune immagini)
    • Invertire l'ordine delle foto tramite pulsante "Inverti ordine foto"
    • Salvare le modifiche con pulsante "Salva"

Struttura attuale:

  • La struttura "Mosella Suite Hotel" (ID: 19) ha attualmente molte immagini caricate (almeno 20+ immagini)
  • Le immagini sono visualizzate in una griglia con nome file e dimensione
  • Alcune immagini hanno un pulsante "edit" per modificarle direttamente
  • Immagini presenti: 01K4D8C2XGP5XNGZFA64YEVY8R.jpg, 01K4D8C24N726A4GWPBF3Q2KF5.jpg, 01K4D8C1RQDBFNC17B7TESM405.jpg, ecc.

Pulizia Cache - Menu Rotellina:

  • Il pulsante rotellina (icona impostazioni) si trova in alto a destra, accanto al pulsante "Gestisci Media"
  • Cliccando sulla rotellina si apre un menu dropdown con le seguenti opzioni:
    • "Reindex" - per reindicizzare i dati
    • "Pulisci Cache" - per pulire la cache dell'alloggio
    • "Visualizza pagina pubblica" - link diretto alla pagina frontend

Risultati Verifica Frontend (Playwright):

  • Pagina frontend caricata correttamente: https://stage.bauking.dnalab.online/it/accommodation/mosella-suite-hotel
  • Galleria immagini presente e funzionante (6 immagini visibili con indicatori)
  • Struttura "Mosella Suite Hotel" correttamente visualizzata
  • Sezione servizi presente e funzionante
  • Nota: Per testare la modifica effettiva di una foto, è necessario caricare una nuova immagine tramite l'interfaccia admin

Risultati Esecuzione Test (2025-01-27):

  • ✅ Backend: Sezione Media accessibile e funzionante
  • ✅ Backend: Pulsante "Inverti ordine foto" presente e funzionante - ESEGUITO
  • ✅ Backend: Pulsante "Salva" presente - ESEGUITO
  • ✅ Backend: Menu rotellina con "Pulisci Cache" verificato - ESEGUITO
  • ✅ Backend: Struttura attivata (switch "Attivo" attivato)
  • ✅ Frontend: Pagina accessibile (non più 404) - VERIFICATO
  • ✅ Frontend: Galleria immagini visibile (6 immagini) - VERIFICATO
  • ✅ Frontend: Prima immagine caricata correttamente (src: /img-proxy/676/) - VERIFICATO
  • ✅ Test Completato: Inversione ordine foto eseguita, cache pulita, frontend verificato

Team UAT​

Giuseppe (DNAFactory)

← Torna all'introduzione