[46] | Modal de Adicionar arquivo
Contexto
- Implementação do modal de adicionar arquivos conforme o design do Figma. A tarefa foi feita do zero, reaproveitando apenas o botão como componente.
Tarefa relacionada
Insira o link para o ticket.
O que foi adicionado?
- Inclusão de novos estilos em .css, lógica de negócio para o funcionamento do modal e ícones que compõem a interface.
Descreva brevemente o que está sendo adicionado.
- Os estilos foram criados para reproduzir fielmente o design do Figma. A lógica implementada atende às regras de negócio e cobre todos os fluxos previstos para adicionar arquivos.
O que foi modificado?
- Fiz uma pequena alteração no Modal.module.css para permitir a mudança da cor do título do modal.
Descreva brevemente caso tenha feito algum fix ou modificado algum comportamento, funcionalidade ou estilização
- No momento, não houve alterações de comportamento, funcionalidades ou estilos.
O que foi removido?
- Nenhum código foi removido até agora.
Descreva brevemente caso tenha removido algum código que não será mais utilizado.
- Nenhum trecho de código foi removido, porém parte do fluxo criado para testes provavelmente será descartada futuramente.
Como testar
Uma alternativa é simular o acionamento do modal usando o botão de login da tela de login.
- Executar os seguintes cenários:
- Clique no botão Adicionar sem preencher nenhum campo para verificar as mensagens de erro.
- Preencha apenas um ou dois campos para conferir se os erros são exibidos corretamente.
- Preencha todos os campos e adicione um arquivo para validar o fluxo completo.
Passo a passo para testar localmente
- No VSCode, abrir um terminal e executar o comando: npm run dev. Em seguida, realizar os testes descritos nos cenários acima.
Screenshots
OS TESTES UNITÁRIOS AINDA NÃO FORAM REALIZADOS