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

Vista de detalle producto en modo edición

Open
#7 0 comments 0 reactions 0 assignees View on GitHub
enhancement get certificate required
Dominant language
JavaScript
Stars
0
Forks
6
PR merge metrics
No merged PRs in 30d

Description

**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:

![](https://res.cloudinary.com/boolean-spa/image/upload/v1630703736/boolean-fullstack-js/view-product-detail_ykthkr.png)
![](https://res.cloudinary.com/boolean-spa/image/upload/v1630704287/boolean-fullstack-js/edit-product-detail_eqjevn.png)

---
- [ ] 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

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.