26/login screen
Contexto
- Implementação da tela de login seguindo o design definido no Figma. A tarefa foi criada do zero, incluindo a exportação de logos, ícones e backgrounds diretamente do Figma.
Tarefa relacionada
- Não há, necessariamente, uma tarefa diretamente relacionada ao início desta implementação.
Insira o link para o ticket.
O que foi adicionado?
- Inclusão de novos estilos em .css e da lógica de negócio necessária para o funcionamento da tela. Também foram adicionados diversos arquivos .svg, como logos, ícones e backgrounds, que compõem a interface.
Descreva brevemente o que está sendo adicionado.
- Os estilos foram criados para refletir fielmente o design do Figma. A lógica implementada atende às regras de negócio e cobre os fluxos previstos para o login.
O que foi modificado?
- Até o momento, nenhuma modificação foi realizada.
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
- Executar os seguintes cenários:
1º: Tentar realizar o login sem preencher nenhum dos campos. 2º: Tentar realizar o login digitando "erro" apenas no campo Usuário ou apenas no campo Senha. 3º: Digitar "erro" em ambos os campos. 4º: Testar o ícone de exibição de senha após inserir algum valor no campo. 5º: Digitar "teste" em ambos os campos para ser redirecionado à tela de casos.
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
