Asserções visuais

Verifique se um elemento está lá, sumiu ou aparece um certo número de vezes.

Como funciona uma asserção visual

Uma asserção visual guarda uma pequena imagem de um elemento, o seu alvo visual: um botão, um ícone, um campo, um logotipo.Durante a execução do teste, o GTS Engine + AI encontra esse elemento na tela ao vivo, primeiro perguntando ao aplicativo onde ele está, por meio das informações de acessibilidade, e depois pela visão, quando o aplicativo não informa, e o compara com a imagem.

Seu aplicativoÁrea de buscaSave

1. Encontrar

2. Comparar

Esperado

Save

o que você gravou

Encontrado agora

Save

na tela ao vivo

Mesmo elemento, mesma aparência: aprovado

Cada asserção visual funciona em duas etapas.Enquanto o teste é executado, o GTS Engine encontra o elemento, onde quer que ele esteja na sua área de busca, pelas informações de acessibilidade do aplicativo ou pela visão.Depois compara o que encontrou com a imagem que você gravou: o ruído inofensivo é ignorado, e as regressões reais são detectadas.

A comparação é inteligente: ela não reprova um teste porque uma tela aparece um tom mais clara ou com uma borda um pouco mais suave do que da última vez.Ela reprova, sim, quando uma pessoa veria uma diferença.

Sign inSign inUma borda um pouco mais suave, um tom mais claroÉ aprovado
Sign inSign InUma letra mudou de maiúscula para minúsculaFalha
Total: 42Total: 43Um dígito mudouFalha
O GTS Engine ignora as pequenas diferenças que toda tela tem de uma execução para outra, e detecta as mudanças que uma pessoa chamaria de bug.

Asserção visual

Verifica se um elemento está na tela e com a aparência certa.É a asserção que uma gravação cria antes de cada clique, e a mais comum de todas.

ExemploAntes de clicar em Salvar

Uma asserção visual no botão Salvar, logo antes do clique: a execução aguarda até que o botão apareça, confirma que é o botão certo e só então clica nele.Se o botão nunca aparecer, ou estiver diferente, o teste para ali e o relatório mostra o motivo.

Mostre o que ela deve buscar

  1. 1

    Selecione a asserção e clique em Editar alvo visual

    O Editor de alvo visual abre no quadro da gravação daquele momento.Para recortar o alvo visual de outro momento, clique em Usar outro quadro....A linha dele fica âmbar enquanto o quadro mostrado não é o da própria asserção.

  2. 2

    Desenhe um retângulo em volta do elemento

    Arraste um retângulo em volta do elemento que você deseja verificar, um pouco além das bordas dele.Mova-o pelo meio, redimensione-o pelas alças ou ajuste-o com as teclas de seta.Você também pode arrastar uma imagem a partir de Arquivos de conteúdo, ou capturar uma da sua tela.

  3. 3

    Confira a área de busca

    O retângulo tracejado é a área de busca: onde a execução busca o elemento.Ele acompanha o alvo visual quando você o move; clique no cadeado dele para mantê-lo onde está.Veja abaixo.

  4. 4

    Aplicar

    O painel Propriedades agora mostra o alvo visual.

A área de busca

GravaçãoÁrea de buscaSaveA próxima execuçãoSaveMoveu um pouco: ainda encontrado
A área de busca é onde o teste busca o elemento.Se o elemento se move um pouco, ele continua sendo encontrado, desde que fique dentro da área.Aumente a área para um elemento que muda de lugar, ou marque Buscar na tela inteira quando ele puder estar em qualquer lugar.

Asserção visual de ausência

Aguarda até que um elemento desapareça: um indicador de carregamento, um aviso “aguarde”, uma caixa de diálogo que precisa fechar.Ela é aprovada quando o elemento fica ausente por um momento e reprovada se ele ainda estiver na tela quando o tempo acabar.

ExemploAguarde o indicador de carregamento, não um palpite

Depois de clicar em Gerar relatório, um indicador de carregamento gira de 2 a 20 segundos.Uma asserção visual de ausência no indicador, com tempo limite de 30 segundos, deixa o teste seguir no instante em que o relatório fica pronto: nenhuma espera fixa, nenhum tempo perdido.

Asserção visual de contagem

Conta quantas vezes um elemento está na tela e compara o total com uma regra.

Invoice 2041Paid1
Invoice 2042Paid2
Invoice 2043Paid3

3 encontrados

Regra: exatamente 3 · se cumpre

Uma asserção de contagem encontra cada lugar onde um elemento aparece, numera esses lugares e compara o total com a sua regra: exatamente, no mínimo, no máximo ou entre dois números.
RegraExemplo
ExatamenteExatamente 5 estrelas em uma avaliação
No mínimoNo mínimo 1 resultado de busca
No máximoNo máximo 0 ícones de erro
EntreEntre 2 e 4 itens em um carrinho

No editor, cada lugar em que o elemento é encontrado é numerado no quadro, e uma linha abaixo dele diz se a regra é cumprida naquele quadro: você sabe antes de executar.

O rigor da comparação

Cada asserção visual tem um Rigor da verificação.Padrão serve para quase tudo.

RigorUse para
ExatoImagens que não podem mudar nem um único pixel.
RigorosoTextos pequenos e detalhes finos em que qualquer mudança importa.
PadrãoBotões, rótulos e ícones do dia a dia.O padrão.
FlexívelÁreas grandes e telas carregadas, como uma página inteira ou uma cena de jogo.

Ignorar cor verifica apenas a forma, sejam quais forem as cores: útil quando um tema muda cores que você não deseja testar.

Os cliques acompanham o elemento

Quando uma asserção visual encontra o elemento em um lugar diferente do da gravação, os cliques que vêm depois dela são direcionados para onde o elemento está agora, e não para onde estava.Uma pequena mudança de layout não manda um clique para o vazio.

ExemploUm botão que se move

Um novo aviso empurra a página 40 pixels para baixo.A asserção encontra o botão Salvar 40 pixels mais abaixo, e o clique seguinte cai no botão.

As asserções textuais podem fazer o mesmo com a opção Mover o mouse até o elemento: os cliques depois da asserção são direcionados para o texto que ela encontrou.

Veja também Tempos limite, áreas de busca e falhas.

Ainda com problemas?Conte o que você estava tentando fazer, e respondemos em até um dia útil.Ask our team