Vista de detalle producto en modo edición
還沒有人認領這個 Issue。
評估
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 新手友好度
- 45/100
- Issue 類型
- 功能
- 描述清晰度
- 基本清楚
- 活躍度
- 停滯
- 技術堆疊
- javascript
- 領域
- full-stack, testing
研究方向
找出現有的產品詳細頁面、產品後端路由和目前的端到端測試設定；先追蹤產品如何載入及測試。新增編輯端點與一個 Supertest 測試，然後串接檢視/編輯控制項和儲存流程。完成的條件是：變更會持久保存、成功訊息會顯示、檢視模式會反映這些變更，且至少有一項驗收標準已自動化。
由索引模型根據 Issue 內容生成。
描述
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
- 主要語言
- JavaScript
- 星號
- 0
- 分支
- 6
- PR 合併指標
- 30 天內沒有已合併 PR
環境準備
這個專案沒有提供開發容器、Dockerfile 或貢獻指南，環境需要你自己搭建：先看它的 README，通用步驟見我們的新手貢獻指南。
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
booleancl/G01-2021-fullstack-javascript-final 的其他 Issue
-
enhancement get certificate required
難度 4/5 3-5 天 新手友好度 38/100
-
enhancement get certificate required
難度 4/5 3-5 天 新手友好度 38/100
-
Crear producto未關閉enhancement get certificate required
難度 5/5 一週以上 新手友好度 25/100
-
enhancement get certificate required
難度 4/5 3-5 天 新手友好度 35/100
-
enhancement get certificate required
難度 4/5 3-5 天 新手友好度 45/100
查看 booleancl/G01-2021-fullstack-javascript-final 的全部 Issue
相似的 Issue
-
難度 2/5 1-3 小時 新手友好度 68/100
espressif/esp-vision#18 ·
-
verified
難度 2/5 1-3 小時 新手友好度 67/100
維護者通常 5 天內回覆
-
難度 2/5 1-3 小時 新手友好度 68/100
-
難度 1/5 1 小時以內 新手友好度 66/100
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 65/100
維護者通常 1 天內回覆