booleancl / booleancl/G01-2021-fullstack-javascript-final
Vista de detalle producto en modo edición
- Linguagem predominante
- JavaScript
- Estrelas
- 0
- Forks
- 6
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Descrição
**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
Guia de contribuição
Nenhum guia de contribuição indexado para este repositório
Direção de pesquisa
Localize a página de detalhes do produto existente, as rotas de backend do produto e a configuração atual de testes end-to-end; comece rastreando como um produto é carregado e testado. Adicione o endpoint de edição com um teste do Supertest e, em seguida, conecte os controles de visualização/edição e o fluxo de salvamento. Está concluído quando as alterações persistirem, a mensagem de sucesso aparecer, o modo de visualização refletir essas alterações e pelo menos um critério de aceitação estiver automatizado.
Escrita pelo modelo de indexação a partir do texto da issue.
Avaliação
- Stack de tecnologia
- javascript
- Domínio
- full-stack, testing
- Tipo de issue
- Funcionalidade
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Status de atividade
- Estagnada
- Clareza
- Razoavelmente clara
- Facilidade para iniciantes
- 45/100