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.

A seguir estão os elementos GUI que podem ser usados para interação entre o usuário e a aplicação:

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.

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 achar o aplicativo complexo para entender, ele nunca mais usará esse 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?

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
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.

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 Baseado em Modelo

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 seguinte 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.

A seguir estão as ferramentas de código aberto disponíveis para conduzir testes de UI automatizados.

Produto	Licenciado sob
AutoHotkey	GLP
Selenium	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

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, seja ela 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, 600×800, etc.
Testar o alinhamento dos textos e outros elementos como ícones, botões, etc. estão no lugar adequado ou não.
Testando as cores das fontes.
Testando as cores das mensagens de erro, mensagens de aviso.
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.
Testar os títulos se estão devidamente alinhados ou não.
Teste da cor do hiperlink.

Demonstração: como fazer teste de GUI

Aqui usaremos alguns exemplos de casos de teste para a tela a seguir.

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

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

Caso de teste 02 – Verifique se a caixa de texto 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 a caixa de texto 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 caixa de seleção pode ser marcada.

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

A seguir está uma lista de populares Ferramentas de teste de GUI :

Selenium
QTP
Cucumber
Teste de Seda
TestComplete
Testador de GUI Squish

Clique aqui para aprender Selenium, QTP & Cucumber.

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.

Você pode gostar: