Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Vista de detalle producto en modo edición

Aberta
  • Algo errado?
#7 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
45/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
javascript
Domínio
full-stack, testing

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.

Descrição

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

Linguagem predominante
JavaScript
Estrelas
0
Forks
6
Nenhum PR com merge em 30d

Preparar o ambiente

Ainda não verificamos os arquivos de configuração deste projeto. Comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

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

Todas as issues de booleancl/G01-2021-fullstack-javascript-final

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.