Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Vista de detalle producto en modo edición

Aperta
  • Qualcosa non va?
#7 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
45/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript
Ambito
full-stack, testing

Direzione di ricerca

Individua la pagina dei dettagli del prodotto esistente, le route backend del prodotto e l’attuale configurazione dei test end-to-end; inizia tracciando come viene caricato e testato un prodotto. Aggiungi l’endpoint di modifica con un test Supertest, quindi collega i controlli di visualizzazione/modifica e il flusso di salvataggio. Il lavoro è completato quando le modifiche persistono, viene visualizzato il messaggio di successo, la modalità di visualizzazione le riflette e almeno un criterio di accettazione è automatizzato.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement get certificate required

Criterios de Aceptación

Característica: Detalle de producto con edición
  Existe una página de detalle de producto donde se puede ver la información y también editarla.

  Escenario: Alternar entre la vista "vista" y "edición"
    Dado el usuario autenticado en la página principal
    Cuando el usuario hace click sobre el botón "ver detalle" de un producto
    Y presiona el botón editar
    Luego el usuario ve que la vista cambia y ahora hay input y textarea para editar el producto
    
 Escenario: Editar el detalle de un producto
    Dado el usuario autenticado en la página de detalle de un producto
    Cuando el usuario hace click sobre el botón de editar producto
    Y edita algunos datos
    Luego aparece un mensaje que dice "Cambios en el producto guardados exitosamente"
    Y el detalle del producto vuelve al modo "vista"

Requerimientos técnicos

  • Crear el Endpoint que soporte la edición de un producto y escribir una prueba de software en el Backend utilizando Supertest.
  • Modificar el código Frontend para mostrar 2 botones que permitan alternar entre la vista y la edición. En el modo edicion los datos deberían guardarse una vez presionado el botón "Guardar cambios". Una vez guardados se debe mostrar un mensaje de éxito y se debe volver al modo vista donde se deben ver reflejados los cambios.

Tomar como referencia las siguientes imagenes:


  • Crear una prueba e2e que seleccione el boton correspondiente para alternar entre modo "vista" o "edición". En modo vista debería mantenerse la vista de detalle de producto actual, en cambio la vista de edición debería verse con inputs y textarea para editar los datos. Al presionar guardar debe actualizarse el producto y volver al modo "vista"

Notas
Se espera que al menos 1 de los criterios de aceptación esté automatizado

Lingua principale
JavaScript
Stelle
0
Fork
6
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di booleancl/G01-2021-fullstack-javascript-final

Tutte le issue di booleancl/G01-2021-fullstack-javascript-final

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.