Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Vista de detalle producto en modo edición

Offen
  • Stimmt etwas nicht?
#7 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
45/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
javascript
Bereich
full-stack, testing

Rechercherichtung

Finde die bestehende Produktdetailseite, die Backend-Routen für Produkte und das aktuelle End-to-End-Test-Setup; beginne damit nachzuverfolgen, wie ein Produkt geladen und getestet wird. Füge den Edit-Endpunkt mit einem Supertest-Test hinzu und verbinde anschließend die Steuerelemente zum Anzeigen/Bearbeiten und den Speichervorgang. Als abgeschlossen gilt die Aufgabe, wenn Änderungen persistent gespeichert werden, die Erfolgsmeldung erscheint, der Anzeigemodus sie widerspiegelt und mindestens ein Akzeptanzkriterium automatisiert ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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

Vorherrschende Sprache
JavaScript
Sterne
0
Forks
6
Keine gemergten PRs in 30 T.

Entwicklungsumgebung

Die Einrichtungsdateien dieses Projekts haben wir noch nicht geprüft. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus booleancl/G01-2021-fullstack-javascript-final

Alle Issues in booleancl/G01-2021-fullstack-javascript-final

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.