Imagens, capturas de tela e a colagem
Tire uma captura de tela, capture um quadro, renomeie as suas imagens e sobreponha uma imagem à tela para preparar uma asserção.
De onde vêm as imagens
Um teste geralmente começa de uma gravação, mas as imagens são igualmente úteis: um elemento que a gravação nunca mostrou, uma tela que ainda não existe, um momento que vale guardar.Todas as imagens de um teste ficam em Arquivos de conteúdo, e viajam dentro do arquivo do teste.
| Para obter | Use |
|---|---|
| Um arquivo de imagem que você já tem | Importar mídia..., no topo de Arquivos de conteúdo |
| Algo que está na sua tela agora | Fazer captura de tela... |
| Um momento da gravação | Capturar quadro |
| Um design inteiro, com suas asserções | Importar um design do Figma |
Faça uma captura de tela
Uma captura de tela leva qualquer parte da sua tela para o teste: uma caixa de diálogo que a gravação não pegou, um protótipo no seu navegador, o aplicativo em outro tema.
- 1
Clique em Fazer captura de tela
Na barra de ferramentas do GUI Test Studio, no menu Linha do tempo, ou com Ctrl+Shift+P.O GUI Test Studio sai da frente e deixa uma pequena barra por cima da tela.
- 2
Prepare a tela
Não tenha pressa: abra a janela, o menu ou a página que você quer.Arraste a barra para longe se ela cobrir algo.Nem a barra nem o GUI Test Studio aparecem na imagem.
- 3
Capture uma parte, ou tudo
Clique em Capturar uma região... e arraste um retângulo em volta do que você quer, ou clique em Tela inteira.
- 4
Dê um nome e guarde a imagem
O GUI Test Studio volta com a imagem.Dê um nome a ela e clique em Salvar em Arquivos de conteúdo, ou clique em Capturar de novo para tentar de novo.
Capture um quadro
Capturar quadro guarda como imagem o momento sob o indicador de reprodução.Leve o indicador de reprodução ao momento que você quer, depois clique em Capturar quadro na barra de ferramentas da linha do tempo ou em qualquer menu de clique com o botão direito da linha do tempo.O botão só se acende enquanto o indicador de reprodução está sobre a gravação.
A imagem é adicionada a Arquivos de conteúdo e colocada na linha do tempo nesse momento, como um clipe de cinco segundos.Um único Desfazer remove o clipe.
Uma confirmação aparece por um segundo na sua gravação.Capture esse quadro e estique o clipe dele: agora você tem uma tela parada para montar uma asserção textual, uma asserção visual e uma asserção de layout, no seu próprio ritmo.
Renomeie e encontre imagens
Clique com o botão direito em uma imagem ou gravação em Arquivos de conteúdo e escolha Renomear..., ou pressione F2.Dê o nome do que ela mostra, como “Botão Finalizar compra”.O nome é salvo com o teste.
Quando um teste tem muitos arquivos, digite no campo de busca no topo de Arquivos de conteúdo, ou escolha um tipo na lista ao lado: vídeos, imagens, designs ou testes.
Coloque uma imagem sobre a tela
Uma imagem não precisa substituir a tela.Coloque-a sobre a gravação e a visualização mostra as duas, como uma colagem: o aplicativo como foi gravado, com um novo botão, selo ou caixa de diálogo por cima.É a forma mais rápida de preparar uma asserção para algo que ainda não foi construído.
| Faça isto | E a imagem fica |
|---|---|
| Arraste-a de Arquivos de conteúdo para a visualização | No momento do indicador de reprodução, onde você a soltar, no tamanho dela. |
| Arraste-a para um clipe da linha do tempo | Acima desse clipe, nesse momento.Uma faixa é adicionada quando não há espaço. |
| Arraste-a para um trecho vazio da faixa Referência visual | Ali, como a própria tela: sozinha em um momento, uma imagem preenche a visualização. |
Mova, redimensione e gire a imagem
Clique em uma imagem na visualização para selecioná-la.Ela mantém as alças até você clicar em outra coisa.
| Para | Faça isto |
|---|---|
| Movê-la | Arraste a própria imagem. |
| Redimensioná-la | Arraste um canto.A imagem mantém as proporções. |
| Girá-la | Arraste a alça redonda acima dela. |
| Voltar atrás | Clique com o botão direito nela e escolha Tamanho original ou Sem rotação. |
| Olhar mais de perto | Gire a roda do mouse sobre a visualização para dar zoom, e arraste um ponto vazio para se deslocar. |
Enquanto você arrasta, a imagem se encaixa nas bordas e no meio do quadro e das outras imagens, e uma linha guia mostra com o que ela está alinhada.Mantenha Alt pressionada para mover livremente, ou desative Encaixar imagens no menu de clique com o botão direito.
Imagens nos editores de asserções
Todo editor de asserções tem uma bandeja Imagens ao lado do quadro, com as imagens do teste.Arraste uma para o quadro, ou dê um clique duplo nela.Ali você pode movê-la, redimensioná-la e girá-la exatamente como na visualização.
| Neste editor | Uma imagem que você solta |
|---|---|
| Editor de alvo visual | Vira o alvo visual: a asserção busca essa imagem. |
| Editor de asserção de grupo | É colocada no quadro e vira um membro visual do grupo. |
| Editor de asserção textual | É colocada no quadro, para que você possa marcar as palavras que ela contém. |
| Editor de asserção de layout | É colocada no quadro, para que os elementos dela sejam detectados junto com o resto. |
Uma imagem colocada em um editor também aparece na visualização, nesse momento do teste.O Desfazer do editor a remove, e Cancelar remove todas as imagens colocadas desde que o editor foi aberto.
A seguir: Testar um recurso antes que ele exista junta tudo isso.
Ainda com problemas?Conte o que você estava tentando fazer, e respondemos em até um dia útil.Ask our team