Para entender o teste de GUI, vamos primeiro entender-
O que é GUI?
Existem dois tipos de interfaces para um aplicativo de computador. Interface de linha de comando é onde você digita texto e o computador responde a esse comando. GUI significa Graphical User Interface, onde você interage com o computador usando imagens em vez de texto.
A seguir estão os elementos da GUI que podem ser usados para interação entre o usuário e o aplicativo:
O teste de GUI é uma validação dos elementos acima.
Teste de GUI
O teste de GUI é um tipo de teste de software que verifica a interface gráfica do usuário do software. O objetivo do teste de interface gráfica do usuário (GUI) é garantir que as funcionalidades do aplicativo de software funcionem de acordo com as especificações, verificando telas e controles como menus, botões, ícones, etc.
GUI é o que o usuário vê. Digamos que se você visitar guru99.com, o que verá, digamos, homepage é a GUI (interface gráfica do usuário) do site. Um usuário não vê o código-fonte. A interface é visível para o usuário. Principalmente o foco está na estrutura do design, nas imagens que estão funcionando corretamente ou não.
No exemplo acima, se tivermos que fazer testes de GUI, primeiro verificamos se as imagens devem estar completamente visíveis em navegadores diferentes.
Além disso, os links estão disponíveis e o botão deve funcionar quando clicado.
Além disso, se o usuário redimensionar a tela, nem as imagens nem o conteúdo devem ser reduzidos, cortados ou sobrepostos.
Neste tutorial, você aprenderá-
- O que é teste de GUI?
- Necessidade de teste de GUI
- O que você verifica no teste de GUI?
- Abordagem de teste de GUI
- Casos de teste de teste de GUI
- Demonstração: como conduzir o teste de GUI
- Desafios em testes de GUI
Necessidade de teste de GUI
Agora, o conceito básico de teste de GUI é claro. As poucas perguntas que surgirão em sua mente serão
- Por que fazer testes de GUI?
- É realmente necessário?
- O teste de funcionalidade e lógica de Aplicação não é mais do que suficiente ?? Então, por que perder tempo com testes de IU.
Para obter a resposta para pensar como um usuário, não como um testador. O usuário não tem nenhum conhecimento sobre o software / aplicativo XYZ. É a interface do usuário do aplicativo que decide se um usuário vai continuar a usar o aplicativo ou não.
Um usuário normal primeiro observa o design e a aparência do aplicativo / software e como é fácil para ele entender a interface do usuário. Se um usuário não se sentir confortável com a interface ou achar que o aplicativo é complexo para entendê-lo, ele nunca mais usará esse aplicativo novamente. É por isso que a GUI é motivo de preocupação, e testes adequados devem ser realizados para garantir que a GUI esteja livre de erros.
O que você verifica no teste de GUI?
A lista de verificação a seguir garantirá testes de GUI detalhados em testes de software.
- Verifique todos os elementos da GUI quanto ao tamanho, posição, largura, comprimento e aceitação de caracteres ou números. Por exemplo, você deve ser capaz de fornecer entradas para os campos de entrada.
- Verifique se você pode executar a funcionalidade pretendida do aplicativo usando a GUI
- Verifique se as mensagens de erro são exibidas corretamente
- Verifique a demarcação clara de diferentes seções na tela
- Verificar se a fonte usada em um aplicativo é legível
- Verifique se o alinhamento do texto está correto
- Verifique a cor da fonte e das mensagens de aviso é esteticamente agradável
- Verifique se as imagens têm boa clareza
- Verifique se as imagens estão devidamente alinhadas
- Verifique o posicionamento dos elementos da GUI para diferentes resoluções de tela.
Técnicas de teste de GUI
As técnicas de teste de GUI podem ser categorizadas em três partes:
Teste baseado em manual
Sob essa abordagem, as telas gráficas são verificadas manualmente por testadores em conformidade com os requisitos declarados no documento de requisitos de negócios.
Gravar e reproduzir
O teste de GUI pode ser feito usando ferramentas de automação. Isso é feito em 2 partes. Durante o registro, as etapas de teste são capturadas pela ferramenta de automação. Durante a reprodução, as etapas de teste gravadas são executadas no aplicativo em teste. Exemplo de tais ferramentas - QTP.
Teste Baseado em Modelo
Um modelo é uma descrição gráfica do comportamento de um sistema. Ajuda-nos a compreender e prever o comportamento do sistema. Os modelos ajudam na geração de casos de teste eficientes usando os requisitos do sistema. O seguinte deve ser considerado para este teste baseado em modelo:
- Construir o modelo
- Determinar entradas para o modelo
- Calcule a saída esperada para o modelo
- Execute os testes
- Compare a saída real com a saída esperada
- Uma decisão sobre a ação futura no modelo
Algumas das técnicas de modelagem das quais os casos de teste podem ser derivados:
- Gráficos - descreve o estado de um sistema e verifica o estado após alguma entrada.
- Tabelas de decisão - tabelas usadas para determinar os resultados para cada entrada aplicada
O teste baseado em modelo é uma técnica em evolução para gerar casos de teste a partir dos requisitos . Sua principal vantagem, em comparação com os dois métodos acima, é que ele pode determinar estados indesejáveis que sua GUI pode atingir.
A seguir estão as ferramentas de código aberto disponíveis para conduzir testes de IU automatizados.
| produtos | Licenciado em |
|---|---|
| AutoHotkey | GPL |
| Selênio | Apache |
| Sikuli | MIT |
| Robot Framework | Apache |
| Água | BSD |
| Dojo Toolkit | BSD |
Exemplo de casos de teste de teste de GUI
O teste de GUI envolve basicamente
- Testando o tamanho, posição, largura, altura dos elementos.
- Teste das mensagens de erro que estão sendo exibidas.
- Testando as diferentes seções da tela.
- Teste da fonte se é legível ou não.
- Teste da tela em diferentes resoluções com a ajuda de aumentar e diminuir o zoom como 640 x 480, 600x800, etc.
- Testar o alinhamento dos textos e outros elementos como ícones, botões, etc. estão no lugar correto ou não.
- Testando as cores das fontes.
- Testando as cores das mensagens de erro, mensagens de advertência.
- Testando se a imagem tem boa clareza ou não.
- Testando o alinhamento das imagens.
- Teste de ortografia.
- O usuário não deve ficar frustrado ao usar a interface do sistema.
- Testando se a interface é atraente ou não.
- Teste das barras de rolagem de acordo com o tamanho da página, se houver.
- Teste dos campos desabilitados, se houver.
- Teste do tamanho das imagens.
- Teste dos cabeçalhos se estão devidamente alinhados ou não.
- Teste da cor do hiperlink.
Demonstração: Como fazer o teste de GUI
Aqui, usaremos alguns casos de teste de amostra para a tela a seguir.
A seguir está o exemplo dos casos de teste, que consiste em cenários de teste de IU e usabilidade.
TC 01- Verifique se a caixa de texto com o rótulo " Pasta de Origem " está alinhada corretamente.
TC 02 - Verifique se a caixa de texto com a etiqueta “ Pacote ” está alinhada corretamente.
TC 03 - Verifique se o rótulo com o nome " Browse " é um botão que está localizado no final do TextBox com o nome " Source Folder ".
TC 04 - Verifique se o rótulo com o nome " Browse " é um botão que está localizado no final do TextBox com o nome " Package ".
TC 05 - Verifique se a caixa de texto com a etiqueta “ Nome ” está alinhada corretamente.
TC 06 - Verifique se o rótulo " Modificadores " consiste em 4 botões de opção com o nome público, padrão, privado, protegido.
TC 07 - Verifique se o rótulo " Modificadores " consiste em 4 botões de rádio que estão alinhados corretamente em uma linha.
TC 08 - Verifique se o rótulo " Superclasse " sob o rótulo " Modificadores " consiste em um menu suspenso que deve estar devidamente alinhado.
TC 09 - Verifique se o rótulo " Superclasse " consiste em um botão com o rótulo " Browse " que deve estar devidamente alinhado.
TC 10 - Verifique se ao clicar em qualquer botão de rádio, o ponteiro do mouse padrão deve ser alterado para o ponteiro do mouse de mão.
TC 11 - Verifique se o usuário não pode digitar na lista suspensa de " Superclasse ".
TC 12 - Verifique se deve haver um erro adequado gerado se algo foi escolhido por engano.
TC 13 - Verifique se o erro deve ser gerado na cor VERMELHA onde for necessário.
TC 14 - Verifique se os rótulos adequados devem ser usados nas mensagens de erro.
TC 15 - Verifique se os botões de opção individuais devem ser selecionados por padrão todas as vezes.
TC 16 - Verifique se o botão TAB deve estar funcionando corretamente enquanto pula em outro campo próximo ao anterior.
TC 17 - Verifique se todas as páginas devem conter o título adequado.
TC 18 - Verifique se o texto da página deve estar devidamente alinhado.
TC 19 - Verifique se após atualizar qualquer campo uma mensagem de confirmação adequada deve ser exibida.
TC 20 - Verifique se apenas 1 botão de opção deve ser selecionado e mais de uma única caixa de seleção pode ser selecionada.
Desafios em testes de GUI
Na engenharia de software, o problema mais comum ao fazer o teste de regressão é que a GUI do aplicativo muda com frequência. É muito difícil testar e identificar se é um problema ou aprimoramento. O problema se manifesta quando você não tem nenhum documento referente às alterações da GUI.
Ferramentas de teste de GUI
A seguir está uma lista de ferramentas de teste de GUI populares :
- Ranorex
- Selênio
- QTP
- Pepino
- SilkTest
- TestComplete
- Squish GUI Tester
Clique aqui para aprender Selênio, QTP e Pepino.
Conclusão:
O sucesso de um produto de software depende imensamente de como a GUI interage com o usuário e da facilidade de uso de seus vários recursos. Portanto, o teste de GUI é muito importante. O teste manual da GUI às vezes pode ser repetitivo e enfadonho e, portanto, sujeito a erros. A automação é altamente recomendada para testes de GUI.
Este artigo foi possível graças às contribuições de Swati Ghildiyal, Prateek Chandra e Guru99.