Como usar Selenium IDE com scripts e comandos (afirmar, verificar)

Vamos usar o Mercury Site de passeios como nosso aplicativo web em teste. É um sistema de reserva de voos online que contém todos os elementos que necessitamos para este tutorial. Sua URL é https://demo.guru99.com/test/newtours/, e este será nosso URL base.

Vamos agora criar nosso primeiro script de teste em Selenium IDE usando o método mais comum – por gravação. Posteriormente, executaremos nosso script usando o recurso de reprodução.

Crie um script gravando

Etapa 1

  • Lançamento Firefox com Selenium IDE.
  • Digite o valor para nosso URL base: https://demo.guru99.com/test/newtours/.
  • Toggle o botão Gravar ativado (se ainda não estiver ativado por padrão).

Crie um script gravando

Etapa 2

In Firefox, navegar para https://demo.guru99.com/test/newtours/. Firefox deve levá-lo para uma página semelhante à mostrada abaixo.

Crie um script gravando

Etapa 3

  • Clique com o botão direito em qualquer espaço em branco da página, como no Mercury Logotipo da Tours no canto superior esquerdo. Isto trará à tona o Selenium Menu de contexto do IDE. Nota: Não clique em nenhum objeto ou imagem com hiperlink
  • Selecione a opção “Mostrar comandos disponíveis”.
  • Em seguida, selecione “assertTitle exato: Bem-vindo: Mercury Passeios.” Este é um comando que garante que o título da página esteja correto.

Crie um script gravando

Crie um script gravando

Etapa 4

  • Na caixa de texto “Nome de usuário” de Mercury Tours, digite um nome de usuário inválido, “invalidUNN”.
  • Na caixa de texto “Senha”, digite uma senha inválida, “invalidPWD”.

Crie um script gravando

Crie um script gravando
Etapa 5

  • Clique no botão “Entrar”. Firefox deve levá-lo a esta página.

Crie um script gravando

Etapa 6

Toggle desligue o botão de gravação para interromper a gravação. Seu script agora deve se parecer com o mostrado abaixo.

Crie um script gravando

Etapa 7

Agora que terminamos nosso script de teste, vamos salvá-lo em um caso de teste. No menu Arquivo, selecione “Salvar caso de teste”. Alternativamente, você pode simplesmente pressionar Ctrl+S.

Crie um script gravando

Etapa 8

  • Escolha o local desejado e nomeie o Caso de teste como “Invalid_login”.
  • Clique no botão “Salvar”.

Crie um script gravando

Etapa 9

Observe que o arquivo foi salvo como HTML.

Crie um script gravando

Passo 10) Volte para Selenium IDE e clique no botão Playback para executar todo o script. Selenium O IDE deve ser capaz de replicar tudo perfeitamente.

Crie um script gravando

Introduction to Selenium Comandos – Selenese

  • Os comandos Selenese podem ter no máximo dois parâmetros: alvo e valor.
  • Os parâmetros não são necessários o tempo todo. Depende de quantos o comando precisará.

Tipos de Comandos

Ação Estes são comandos que interagem diretamente com os elementos da página.

Exemplo: o comando “clicar” é uma ação porque você interage diretamente com o elemento em que está clicando.

O comando “type” também é uma ação porque você está colocando valores em uma caixa de texto, e a caixa de texto os mostra em troca. Há uma interação bidirecional entre você e a caixa de texto.

Acessores São comandos que permitem armazenar valores em uma variável.

Exemplo: o comando “storeTitle” é um acessador porque apenas “lê” o título da página e o salva em uma variável. Ele não interage com nenhum elemento da página.

Afirmações São comandos que verificam se uma determinada condição é atendida.

3 tipos de afirmações

  • Afirmar. Quando um comando “assert” falha, o teste é interrompido imediatamente.
  • verificar. Quando um comando de “verificação” falha, Selenium O IDE registra essa falha e continua com a execução do teste.
  • Esperar por. Antes de prosseguir para o próximo comando, os comandos “waitFor” irão primeiro esperar que uma determinada condição se torne verdadeira.
    • Se a condição se tornar verdadeira dentro do período de espera, a etapa será aprovada.
    • Se a condição não se tornar verdadeira, a etapa falhará. A falha é registrada e a execução do teste prossegue para o próximo comando.
    • Por padrão, o valor do tempo limite é definido como 30 segundos. Você pode alterar isso no Selenium Caixa de diálogo Opções do IDE na guia Geral.

Afirmar vs. Verificar em Selenium

Afirmar vs. Verificar em Selenium

Afirmar vs. Verificar em Selenium

Comandos Comuns

Command Número de parâmetros Descrição
aberto 0 - 2 Abre uma página usando um URL.
clique/clique e espere 1 Clica em um elemento especificado.
tipo/tipoChaves 2 Digita uma sequência de caracteres.
verificarTítulo/assertTítulo 1 Compara o título real da página com um valor esperado.
verificarTextPresent 1 Verifica se um determinado texto é encontrado na página.
verificarElementPresent 1 Verifica a presença de um determinado elemento.
verificarTabela 2 Compara o conteúdo de uma tabela com os valores esperados.
waitForPageToLoad 1 Pausa a execução até que a página seja completamente carregada.
waitForElementPresent 1 Pausa a execução até que o elemento especificado se torne presente.

Crie um script manualmente com Firebug

Agora vamos recriar o mesmo caso de teste manualmente, digitando os comandos. Desta vez, precisaremos usar o Firebug.

Etapa 1

Crie um script manualmente com Firebug

Etapa 2 - Clique na linha em branco superior do Editor.

Crie um script manualmente com Firebug

Digite “abrir” na caixa de texto do comando e pressione Enter.

Crie um script manualmente com Firebug

Etapa 3

  • Navegar Firefox para nosso URL base e ativar o Firebug
  • De acordo com o relatório Selenium No painel do Editor IDE, selecione a segunda linha (a linha abaixo do comando “open”) e crie o segundo comando digitando “assertTitle” na caixa de comando.
  • Sinta-se à vontade para usar o recurso de preenchimento automático.

Crie um script manualmente com Firebug

Etapa 4

  • No Firebug, expanda o tag para exibir o marcação.
  • Clique no valor do tag (que é “Bem-vindo: Mercury Tours”) e cole-o no Target campo no Editor.

Crie um script manualmente com Firebug

Etapa 5

  • Para criar o terceiro comando, clique na terceira linha em branco do Editor e digite “digitar” na caixa de texto Comando.
  • No Firebug, clique no botão “Inspecionar”.

Crie um script manualmente com Firebug

Clique na caixa de texto Nome de usuário. Observe que o Firebug mostra automaticamente o código HTML desse elemento.

Crie um script manualmente com Firebug

Etapa 6 Observe que a caixa de texto Nome do Usuário não tem um ID, mas tem um atributo NAME. Portanto, usaremos seu NAME como o localizador. Copie o valor NAME e cole-o no Target campo em Selenium IDE.

Crie um script manualmente com Firebug

Ainda na Target caixa de texto, prefixo “userName” com “name=”, indicando que Selenium O IDE deve ter como alvo um elemento cujo atributo NAME seja “userName”.

Crie um script manualmente com Firebug

Digite “invalidUN” na caixa de texto Valor de Selenium IDE. Seu script de teste agora deve se parecer com a imagem abaixo. Concluímos o terceiro comando. Nota: Em vez de invalidUN, você pode inserir qualquer outra sequência de texto. Mas Selenium O IDE diferencia maiúsculas de minúsculas e você digita valores/atributos exatamente como no aplicativo.

Crie um script manualmente com Firebug

Etapa 7

  • Para criar o quarto comando, digite “digite” na caixa de texto Comando.
  • Novamente, use o botão “Inspecionar” do Firebug para obter o localizador da caixa de texto “Senha”.

Crie um script manualmente com Firebug

  • Cole o atributo NOME (“senha”) no Target campo e prefixe-o com “nome =”
  • Digite “invalidPW” no campo Valor em Selenium IDE. Seu script de teste agora deve se parecer com a imagem abaixo.

Crie um script manualmente com Firebug

Etapa 8

  • Para o quinto comando, digite “clickAndWait” na caixa de texto Comando em Selenium IDE.
  • Use o botão “Inspecionar” do Firebug para obter o localizador do botão “Entrar”.

Crie um script manualmente com Firebug

  • Cole o valor do atributo NAME (“login”) no Target caixa de texto e prefixe-a com “nome=”.
  • Seu script de teste agora deve se parecer com a imagem abaixo.

Crie um script manualmente com Firebug

Etapa 9 - Salve o caso de teste da mesma forma que fizemos na seção anterior.

Usando o botão Localizar

O botão Localizar em Selenium IDE é usado para verificar se o que colocamos no Target caixa de texto é de fato o elemento de interface do usuário correto.

Vamos usar o caso de teste Invalid_login que criamos nas seções anteriores. Clique em qualquer comando com um Target entrada, digamos, o terceiro comando.

Usando o botão Localizar

Clique no botão Localizar. Observe que a caixa de texto Nome do usuário dentro do Mercury A página Tours fica destacada por um segundo.

Usando o botão Localizar

Isso indica que Selenium O IDE conseguiu detectar e acessar o elemento esperado corretamente. Se o botão Localizar destacou um elemento diferente ou nenhum elemento, deve haver algo errado com seu script.

Executar Comando

Isso permite que você execute qualquer comando sem executar todo o caso de teste. Basta clicar na linha que deseja executar e clicar em “Ações> Executar este comando” na barra de menu ou simplesmente pressionar “X” no teclado.

Passo 1) Certifique-se de que seu navegador esteja no Mercury Página inicial de passeios. Clique no comando que deseja executar. Neste exemplo, clique em “tipo | nome de usuário | linha invalidUN”.

Executar Comando

Passo 2) Pressione “X” no teclado.

Passo 3) Observe que a caixa de texto para nome de usuário é preenchida com o texto “invalidUN”

Executar Comando

A execução de comandos desta forma depende muito da página que Firefox está exibindo atualmente. Isso significa que se você tentar o exemplo acima com a página inicial do Google exibida em vez de Mercury Tours', então sua etapa falhará porque não há uma caixa de texto com um atributo “userName” na página inicial do Google.

Ponto de partida

Um ponto de partida é um indicador que informa Selenium IDE quais linhas a execução irá iniciar. Sua tecla de atalho é “S”.

Ponto de partida

No exemplo acima, a reprodução começará na terceira linha (type | password | invalidPW). Você só pode ter um ponto inicial em um único script de teste.

O ponto inicial é semelhante ao Executar Comando, pois depende da página exibida no momento. O ponto inicial falhará se você estiver na página errada.

Pontos de interrupção

Os pontos de interrupção são indicadores que informam Selenium IDE onde pausar automaticamente o teste. A tecla de atalho é “B”.

Pontos de interrupção

O destaque amarelo significa que a etapa atual está pendente. Isto prova que Selenium O IDE pausou a execução nessa etapa. Você pode ter vários pontos de interrupção em um caso de teste.

Passo

Ele permite que você execute comandos sucessivos, um de cada vez, após pausar o caso de teste. Vamos usar o cenário da seção anterior “Pontos de interrupção”.

Passo

Antes de clicar em “Etapa”.

O caso de teste faz uma pausa na linha “clickAndWait | Conecte-se".

Passo Depois de clicar em “Etapa”.

O “clickAndWait | login” é executada e pausa para o próximo comando (verifyTitle | Sign-on: Mercury Passeios).

Observe que a próxima linha está pausada mesmo que não haja nenhum ponto de interrupção nela. Este é o objetivo principal do recurso Step – ele executa os comandos seguintes, um de cada vez, para lhe dar mais tempo para inspecionar o resultado após cada etapa.

Coisas importantes a serem observadas ao usar outros formatos na visualização de código-fonte

Coisas importantes a serem observadas ao usar outros formatos na visualização de código-fonte

Selenium IDE funciona bem apenas com HTML – outros formatos ainda estão em modo experimental. É Não aconselhável criar ou editar testes usando outros formatos no Source View porque ainda há muito trabalho necessário para torná-lo estável. Abaixo estão os bugs conhecidos a partir da versão 1.9.1.

  • Você não poderá executar a reprodução nem voltar para a Visualização de tabela, a menos que reverta para HTML.
  • A única maneira de adicionar comandos com segurança ao código-fonte é gravá-los.
  • Ao modificar o código-fonte manualmente, tudo será perdido quando você mudar para outro formato.
  • Embora você possa salvar seu caso de teste no modo de exibição de código-fonte, Selenium O IDE não será capaz de abri-lo.

A maneira recomendada de converter testes Selenese é usar a opção “Exportar caso de teste como…” no menu Arquivo, e não por meio da visualização de código-fonte.

Resumo

  • Os scripts de teste podem ser criados gravando ou digitando os comandos e parâmetros manualmente.
  • Ao criar scripts manualmente, o Firebug é usado para obter o localizador.
  • O botão Localizar é usado para verificar se o comando consegue acessar o elemento correto.
  • Table View exibe um script de teste em formato tabular enquanto Source View o exibe em formato HTML.
  • Alterar a visualização do código-fonte para um formato não HTML ainda é experimental.
  • Não use a Visualização de código-fonte na criação de testes em outros formatos. Use os recursos de exportação.
  • Os parâmetros não são necessários o tempo todo. Depende do comando.
  • Existem três tipos de comandos:
    • Ações – interage diretamente com os elementos da página
    • Acessadores – “lê” uma propriedade de elemento e a armazena em uma variável
    • Asserções – compara um valor real com um valor esperado
  • As asserções têm três tipos:
    • Afirmar – em caso de falha, as etapas seguintes não são mais executadas
    • Verifique – em caso de falha, as etapas seguintes ainda serão executadas.
    • WaitFor – passa se a condição especificada se tornar verdadeira dentro do período de tempo limite; caso contrário, irá falhar
  • Os comandos mais comuns são:
    • aberto
    • clique/clique e espere
    • tipo/tipoChaves
    • verificarTítulo/assertTítulo
    • verificarTextPresent
    • verificarElementPresent
    • verificarTabela
    • waitForPageToLoad
    • waitForElementPresent

Resuma esta postagem com: