Este é um aplicativo de demonstração que mostra como usar o Cypress para executar de ponta a ponta, componente e testes de API em um aplicativo.
No mundo da Qualidade de Software, a automação de testes é um dos pilares para garantir que nossas aplicações funcionem de maneira fluida e sem falhas. Recentemente, trabalhei em automações para o Heroes App com a incrível ferramenta Cypress, utilizada pela equipe Cypress.
Aqui está uma amostra do que desenvolvi:
1º Criação de automações de testes para funcionalidades críticas.
2º Desenvolvimento de casos de teste para diferentes cenários de login e interações com o sistema.
3º Validação de entradas e saídas com Cypress, integrando uploads de arquivos e interações com o banco de dados.
4º Testes de usabilidade e sugestões de melhorias no design da interface.
1º Tela Inicial Simplificada e Atraente: A tela inicial atualmente exibe apenas a logo cy.heroes e um botão de Login, com o restante da tela em branco. A proposta é dar mais vida à tela inicial, talvez incluindo uma breve descrição do aplicativo ou uma animação simples, para tornar a interface mais envolvente e informativa, sem perder a simplicidade.
2º Animações para Feedback Visual: Melhorar a experiência do usuário com animações que indiquem claramente quando o login e o logout ocorreram, proporcionando um feedback visual mais fluido e dinâmico.
3º Mensagens de Aviso: Incluir mensagens de confirmação ao criar um herói, garantindo que o usuário saiba que a ação foi bem-sucedida, como "Herói Criado com Sucesso!"
º Cypress para automação de testes end-to-end.
º JavaScript para implementar as funcionalidades.
º HTML e CSS para melhorar a interface do usuário.