Teste de GUI – casos de teste de UI (exemplos)

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 Interface Gráfica do Usuário, onde você interage com o computador usando imagens em vez de texto.

Following são os elementos GUI que podem ser usados ​​para interação entre o usuário e a aplicação:

Teste de GUI: guia completo

O teste de GUI é uma validação dos elementos acima.

O que é teste de GUI?

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á na página inicial, é a GUI (interface gráfica do usuário) do site. Um usuário não vê o código-fonte. A interface fica visível para o usuário. Principalmente o foco está na estrutura do design, nas imagens se estão funcionando corretamente ou não.

Teste de GUI: guia completo

No exemplo acima, se tivermos que fazer testes de GUI, primeiro verificamos se as imagens devem estar completamente visíveis em diferentes navegadores.

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 deverão ser reduzidos, cortados ou sobrepostos.

Necessidade de teste de GUI

Agora o conceito básico de teste de GUI está 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 do Aplicativo não é mais que suficiente? Então, por que perder tempo com testes de IU.

Para obter a resposta, pense como usuário, não como testador. Um usuário não tem nenhum conhecimento sobre o software/aplicativo XYZ. É a UI do Aplicativo que decide se um usuário continuará usando 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 UI. Se um usuário não se sentir confortável com a interface ou encontrar o aplicativo complex para entender que ele nunca mais usaria aquele aplicativo. É por isso que a GUI é motivo de preocupação e testes adequados devem ser realizados para garantir que a GUI esteja livre de bugs.

O que você faz no teste de GUI?

O seguintewing A lista de verificação 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
  • Verifique se a fonte usada em um aplicativo é legível
  • Verifique se o alinhamento do texto está correto
  • Verifique se a cor da fonte e as mensagens de aviso são esteticamente agradáveis
  • 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

Técnicas de teste de GUI pode ser categorizado em três partes:

Teste Baseado Manual

Sob esta abordagem, as telas gráficas são verificadas manualmente pelos testadores em conformidade com os requisitos estabelecidos no documento de requisitos de negócios.

Teste de GUI: guia completo

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 do 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 de GUI: guia completo

Teste Baseado em Modelo

Teste de GUI: guia completo

Um modelo é uma descrição gráfica do comportamento de um sistema. Isso nos ajuda a compreender e prever o comportamento do sistema. Os modelos auxiliam na geração de casos de teste eficientes utilizando os requisitos do sistema. O seguintewing precisa ser considerado para este teste baseado em modelo:

  • Construa o modelo
  • Determinar entradas para o modelo
  • Calcule a saída esperada para o modelo
  • Execute os testes
  • Compare o resultado real com o resultado esperado
  • Uma decisão sobre ações futuras 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 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.

Following são ferramentas de código aberto disponíveis para conduzir testes de UI automatizados.

Produto Licenciado sob
AutoHotkey GLP
Selênio apache
Sikuli MIT
Estrutura do robô apache
Água BSD
Kit de ferramentas Dojo BSD

Exemplo de casos de teste de teste de GUI

O teste de GUI envolve basicamente

  1. Testando o tamanho, posição, largura, altura dos elementos.
  2. Teste das mensagens de erro que estão sendo exibidas.
  3. Testando as diferentes seções da tela.
  4. Teste da fonte, seja ela legível ou não.
  5. Teste da tela em diferentes resoluções com a ajuda de zoomentrando e zoomsaindo como 640 x 480, 600×800, etc.
  6. Testar o alinhamento dos textos e outros elementos como ícones, botões, etc. estão no lugar adequado ou não.
  7. Testando as cores das fontes.
  8. Testando as cores das mensagens de erro, mensagens de aviso.
  9. Testando se a imagem tem boa clareza ou não.
  10. Testando o alinhamento das imagens.
  11. Teste de ortografia.
  12. O usuário não deve ficar frustrado ao usar a interface do sistema.
  13. Testando se a interface é atraente ou não.
  14. Teste das barras de rolagem de acordo com o tamanho da página, se houver.
  15. Teste dos campos desabilitados, se houver.
  16. Teste do tamanho das imagens.
  17. Testar os títulos se estão devidamente alinhados ou não.
  18. Teste da cor do hiperlink.

Demonstração: como fazer teste de GUI

Aqui usaremos alguns exemplos de casos de teste para o seguintewing tela.

Teste de GUI: guia completo

Following abaixo está o exemplo dos casos de teste, que consistem em cenários de teste de UI e usabilidade.

Caso de teste 01- Verifique se o texto box com o rótulo “Pasta de origem”está alinhado corretamente.

Caso de teste 02 – Verifique se o texto box com o rótulo “Pacote”está alinhado corretamente.

Caso de teste 03 – Verifique aquela etiqueta com o nome “Procurar”É um botão localizado no final do TextoBox com o nome “Pasta de origem. "

Caso de teste 04 – Verifique aquela etiqueta com o nome “Procurar”É um botão localizado no final do TextoBox com o nome “Pacote. "

Caso de teste 05 – Verifique se o texto box com o rótulo “Nome”está alinhado corretamente.

Caso de teste 06 – Verifique se o rótulo “Modificadores”consiste em 4 botões de opção com o nome público, padrão, privado, protegido.

Caso de teste 07 – Verifique se o rótulo “Modificadores”Consiste em 4 botões de opção que estão alinhados corretamente em uma fileira.

Caso de teste 08 – Verifique se o rótulo “Superclasse”sob o rótulo“Modificadores”Consiste em um menu suspenso que deve estar devidamente alinhado.

Caso de teste 09 – Verifique se o rótulo “Superclasse”consiste em um botão com o rótulo“Procurar”Nele, que deve estar devidamente alinhado.

Caso de teste 10 – Verifique se ao clicar em qualquer botão de opção o ponteiro padrão do mouse deve ser alterado para o ponteiro manual do mouse.

Caso de teste 11 – Verifique se o usuário não consegue digitar no menu suspenso “Superclasse. "

Caso de teste 12 – Verifique se deve haver um erro adequado gerado caso algo tenha sido escolhido erroneamente.

Caso de teste 13 – Verifique se o erro deve ser gerado na cor VERMELHA sempre que necessário.

Caso de teste 14 – Verifique se rótulos adequados devem ser usados ​​nas mensagens de erro.

Caso de teste 15 – Verifique se os botões de opção únicos devem ser selecionados por padrão sempre.

Caso de teste 16 – Verifique se o botão TAB deve funcionar corretamente ao pular para outro campo próximo ao anterior.

Caso de teste 17 – Verifique se todas as páginas devem conter o título adequado.

Caso de teste 18 – Verifique se o texto da página deve estar devidamente alinhado.

Caso de teste 19 – Verifique se após a atualização de qualquer campo uma mensagem de confirmação adequada deve ser exibida.

Caso de teste 20 – Verifique se apenas 1 botão de opção deve ser selecionado e mais de uma verificação únicaboxes podem ser selecionados.

Desafios em testes de GUI

Na Engenharia de Software, o problema mais comum ao fazer Teste de regressão é que a GUI do aplicativo muda com frequência. É muito difícil testar e identificar se é um problema ou uma melhoria. O problema se manifesta quando você não possui nenhum documento relacionado às alterações da GUI.

Ferramentas de teste de GUI

Following é uma lista de populares Ferramentas de teste de GUI :

  1. Selênio
  2. QTP
  3. Pepino
  4. Teste de Seda
  5. TestComplete
  6. Testador de GUI Squish

Clique aqui para aprender Selênio, QTP & 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 diversos recursos. Conseqüentemente, o teste da 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.