DEV Community

Cover image for Criando uma Aplicação Web para QA Testers: Lista de Tarefas de Qualidade
Bruno Bertin Marquez
Bruno Bertin Marquez

Posted on

Criando uma Aplicação Web para QA Testers: Lista de Tarefas de Qualidade

Introdução
No mundo em rápida evolução do desenvolvimento de software, a qualidade é primordial. Este artigo apresenta um projeto que visa facilitar o treinamento de QA testers na identificação de erros: uma aplicação web simples chamada "Lista de Tarefas - Quality Assurance". Esta aplicação permite que os usuários gerenciem casos de teste de maneira eficiente, além de proporcionar uma experiência prática no desenvolvimento de habilidades essenciais para testes de software.

Estrutura do Projeto
A aplicação é composta por três tecnologias principais: HTML, CSS e JavaScript. Essa combinação fornece uma interface amigável e responsiva, facilitando a interação do usuário. A estrutura do projeto inclui:

HTML: Estrutura básica e conteúdo da aplicação.
CSS: Estilização da interface, garantindo um design profissional.
JavaScript: Lógica de negócios e interatividade da aplicação.
Funcionalidades
A "Lista de Tarefas" oferece diversas funcionalidades projetadas para aprimorar a experiência do usuário:

Adicionar Casos de Teste: Os usuários podem inserir novos casos de teste através de um campo de texto e um botão de adição.

Editar Casos de Teste: É possível editar casos existentes clicando duas vezes no texto do caso de teste, permitindo ajustes rápidos e eficazes.

Excluir Casos de Teste: A exclusão de casos é feita de maneira intuitiva através de um botão de lixeira, garantindo que a lista permaneça atualizada.

Filtrar Casos de Teste: A aplicação permite que os usuários filtrem os casos por status (todas, concluídas e pendentes), facilitando a organização e revisão.

Interface Intuitiva: Com um design simples, os usuários podem navegar facilmente entre as funcionalidades, tornando a experiência de uso mais agradável.

Tecnologias Utilizadas
A escolha das tecnologias é um ponto chave na construção da aplicação:

HTML: Proporciona a estrutura semântica e a acessibilidade necessária.
CSS: Usado para criar um design responsivo e atraente, utilizando princípios modernos de design.
JavaScript: Garante a interatividade, permitindo que as ações do usuário tenham respostas imediatas.
Testes Automatizados com Selenium
Para garantir que a aplicação funcione como esperado, implementamos testes automatizados usando o Selenium, uma ferramenta amplamente utilizada para testes de aplicações web. O arquivo Python criado para esse propósito realiza as seguintes funções:

Adição de Novos Casos de Teste: Verifica se a funcionalidade de adicionar novos casos está operando corretamente.
Edição de Casos de Teste: Confirma que os casos podem ser editados sem perda de dados.
Exclusão de Casos de Teste: Garante que a exclusão funcione conforme o esperado, removendo o caso da lista.
Pré-requisitos para Execução dos Testes
Antes de executar os testes automatizados, certifique-se de que os seguintes requisitos estejam atendidos:

Python: Instale a versão mais recente do Python a partir de python.org.

Selenium: Instale a biblioteca Selenium via pip:

bash
Copiar código
pip install selenium
WebDriver: O ChromeDriver ou outro driver compatível deve ser baixado e adicionado ao seu PATH.

Executando os Testes
Após configurar o ambiente, siga estes passos:

Crie um arquivo Python chamado test_app.py e insira o código de teste.

Atualize o caminho do arquivo index.html no script.

Execute o script através do terminal:

bash
Copiar código
python test_app.py
Esses testes automatizados garantem que todas as funcionalidades da aplicação estejam operando conforme o esperado, proporcionando um ambiente de aprendizado eficaz para QA testers.

Contribuição
Contribuições para o projeto são bem-vindas. Para colaborar, siga estas etapas:

Faça um fork do repositório(link: https://github.com/Marquezbertin/listadetarefas_qualityAssurance)
Crie uma nova branch (git checkout -b minha-feature).
Realize suas alterações e faça commit (git commit -m 'Adiciona nova feature').
Envie sua branch (git push origin minha-feature).
Abra um Pull Request.

Conclusão
A aplicação "Lista de Tarefas - Quality Assurance" é uma ferramenta útil para QA testers que desejam aprimorar suas habilidades na identificação de erros. Através da utilização de tecnologias web modernas e testes automatizados, a aplicação não apenas oferece uma experiência prática, mas também promove um ambiente de aprendizado eficaz. A comunidade de desenvolvimento é encorajada a contribuir e expandir as funcionalidades deste projeto, tornando-o ainda mais valioso para profissionais de qualidade de software.

Top comments (0)