Tutorial do Selenium IDE para iniciantes

O que é Selenium IDE?

Selenium IDE (Integrated Development Environment) é a ferramenta mais simples do Selenium Suite. É um complemento do Firefox que cria testes muito rapidamente por meio de sua funcionalidade de gravação e reprodução. Este recurso é semelhante ao do QTP. É fácil de instalar e aprender.

Por causa de sua simplicidade, o Selenium IDE deve ser usado apenas como uma ferramenta de prototipagem, não uma solução geral para desenvolver e manter suítes de teste complexas.

Embora você seja capaz de usar o Selenium IDE sem conhecimento prévio em programação, você deve pelo menos estar familiarizado com HTML, JavaScript e o DOM (Document Object Model) para utilizar esta ferramenta em todo o seu potencial. Conhecimento de JavaScript será necessário quando chegarmos à seção sobre o comando Selenese ' runScript. '

Selenium IDE oferece suporte ao modo de preenchimento automático ao criar testes. Esse recurso tem dois propósitos:

  • Isso ajuda o testador a inserir comandos mais rapidamente.
  • Ele restringe o usuário de inserir comandos inválidos.

Recursos do Selenium IDE

Barra de menu

Ele está localizado no parte superior do IDE. Os menus mais comumente usados ​​são os menus Arquivo, Editar e Opções.

Menu de arquivo

  • Ele contém opções para criar, abrir, salvar e fechar testes.
  • Os testes são salvo em formato HTML .
  • A opção mais útil é ' Exportar' Porque ele permite que você transforme seus casos de teste do Selenium IDE em formatos de arquivo que podem ser executados no controle remoto Selenium e WebDriver
  • 'Exportar caso de teste como ...' irá exportar apenas o caso de teste aberto no momento.
  • 'Exportar suíte de teste como ...' irá exportar todos os casos de teste no conjunto de testes aberto atualmente.

  • A partir de Selenium IDE v1.9.1 , os casos de teste podem ser exportados apenas para os seguintes formatos:
  • .cs (código-fonte C #)
  • .java (código-fonte Java)
  • .py (código-fonte Python)
  • .rb (código-fonte Ruby)

Menu Editar

  • Ele contém opções usuais como Desfazer, Refazer, Cortar, Copiar, Colar, Excluir e Selecionar Tudo.
  • As duas opções mais importantes são ' Inserir Novo Comando ' e ' Inserir Novo Comentário '.

  • O comando ou comentário recém-inserido será colocado no topo da linha atualmente selecionada .

  • Comandos são coloridos Preto .
  • Comentários são coloridos roxa.

Menu de opções

Ele fornece o interface para definir várias configurações do Selenium IDE.

Devemos nos concentrar no Opções e Formato da área de transferência opções.

Formato da área de transferência

  • O Formato da Área de Transferência permite que você copie um comando Selenese do editor e cole-o como um trecho de código .
  • O formato do código segue a opção que você selecionou aqui na lista Formato da área de transferência.
  • HTML é a seleção padrão.

Por exemplo, quando você escolhe Java / JUnit 4 / WebDriver como formato da área de transferência, cada comando Selenese que você copiar do editor do Selenium IDE será colado como código java . Veja a ilustração abaixo.

Caixa de diálogo Selenium IDE Options

Você pode iniciar a caixa de diálogo Opções do Selenium IDE clicando em Opções> Opções ... na barra de menus. Embora existam muitas configurações disponíveis, vamos nos concentrar nas poucas mais importantes.

  • Valor de tempo limite padrão . Isso se refere ao tempo que o Selenium tem que esperar para que um determinado elemento apareça ou se torne acessível antes de gerar um erro. O valor de tempo limite padrão é 30000ms .
  • Extensões IDE do Selenium . É aqui que você especifica as extensões que deseja usar para estender os recursos do Selenium IDE. Você pode visitar http://addons.mozilla.org/en-US/firefox/ e use 'Selenium' como uma palavra-chave para pesquisar as extensões específicas.
  • Lembre-se de URL base. Mantenha esta opção marcada se quiser que o Selenium IDE lembre o URL base toda vez que você iniciá-lo. Se você desmarcar isso, o Selenium IDE sempre será iniciado com um valor em branco para o URL base.
  • Registro de inicialização automática. Se você marcar isso, o Selenium IDE gravará imediatamente as ações do seu navegador na inicialização.
  • Construtores de localizadores. É aqui que você especifica a ordem pela qual os localizadores são gerados durante a gravação. Localizadores são maneiras de informar ao Selenium IDE sobre qual elemento da IU um comando Selenese deve atuar . Na configuração abaixo, ao clicar em um elemento com um atributo de ID, o ID desse elemento será usado como localizador, pois 'id' é o primeiro da lista. Se esse elemento não tiver um atributo de ID, o Selenium procurará em seguida o atributo 'nome', pois é o segundo na lista. A lista continua e continua até que um apropriado seja encontrado.

Barra de URL de base

  • Tem um menu suspenso que lembra todos os valores anteriores para fácil acesso.
  • O comando Selenese 'open' irá levá-lo ao URL que especificou no URL base .
  • Nesta série de tutoriais, usaremos http://newtours.demoaut.com como nosso URL base. É o site do Mercury Tours, um aplicativo da web mantido pela HP para fins de teste da web. Estaremos usando este aplicativo porque ele contém um conjunto completo de elementos de que precisamos para os tópicos seguintes.
  • O URL base é muito útil para acessar URLs relativos . Suponha que seu URL básico esteja definido como http://newtours.demoaut.com . Ao executar o comando 'abrir' com o valor de destino 'inscrição', o Selenium IDE direcionará o navegador para a página de inscrição. Veja a ilustração abaixo.

Barra de ferramentas

Velocidade de reprodução . Isso controla a velocidade de execução do script de teste.
Registro. Isso inicia / termina sua sessão de gravação. Cada ação do navegador é inserida como um comando Selenese no Editor.
Jogue todo o conjunto de testes . Isso irá reproduzir sequencialmente todos os casos de teste listados no Caso de teste Pão.
Jogue o caso de teste atual . Isso reproduzirá apenas o caso de teste atualmente selecionado no painel de casos de teste.
Pausar / Retomar . Isso irá pausar ou retomar sua reprodução.
Etapa . Este botão permitirá que você entre em cada comando em seu script de teste.
Aplicar regras de rollup . Esta é uma funcionalidade avançada. Ele permite que você agrupe comandos Selenese e os execute como uma única ação.

Painel de caso de teste

  • No Selenium IDE, você pode abrir mais de um caso de teste por vez .
  • O painel de casos de teste mostra a lista de casos de teste abertos no momento.
  • Quando você abre uma suíte de teste, o painel de caso de teste listar automaticamente todos os casos de teste contido nele.
  • O caso de teste escrito em negrito é o caso de teste atualmente selecionado
  • Após a reprodução, cada caso de teste é codificado por cores para representar se passou ou falhou.
    • A cor verde significa 'Aprovado'.
    • A cor vermelha significa 'Falha'.
  • Na parte inferior, há um resumo do número de casos de teste que foram executados e falharam.

editor

Você pode pensar no editor como o lugar onde toda a ação acontece . Ele está disponível em duas visualizações: Tabela e Fonte.

Vista de mesa
  • Na maioria das vezes, você trabalhará no Selenium IDE usando o Vista de mesa .
  • Isto é onde você cria e modifica comandos Selenese.
  • Após a reprodução, cada etapa é codificada por cores.

  • Para criar etapas, digite o nome do comando na caixa de texto 'Comando'.
  • Ele exibe uma lista suspensa de comandos que correspondem à entrada que você está digitando no momento.
  • Alvo é qualquer parâmetro (como nome de usuário, senha) para um comando e Valor é o valor de entrada (como tom, 123pass) para esses alvos.

Visualização da fonte
  • Ele exibe as etapas no formato HTML (padrão).
  • Ele também permite que você edite seu script da mesma forma que na Visualização de Tabela.

Painel de Log

O painel de registro exibe mensagens de tempo de execução durante a execução. Ele fornece atualizações em tempo real sobre o que o Selenium IDE está fazendo.

Os registros são categorizados em quatro tipos:

  • Depurar - Por padrão, as mensagens de depuração não são exibidas no painel de log. Eles aparecem apenas quando você os filtra. Eles fornecem informações técnicas sobre o que o Selenium IDE está fazendo nos bastidores. Ele pode exibir mensagens como o carregamento de um módulo específico, uma determinada função é chamada ou um arquivo JavaScript externo foi carregado como uma extensão.
  • Info - Diz qual comando Selenium IDE está executando atualmente.
  • Aviso - São mensagens de aviso encontradas em situações especiais.
  • Erro - Essas são mensagens de erro geradas quando o Selenium IDE falha ao executar um comando ou se uma condição especificada pelo comando 'verificar' ou 'afirmar' não for atendida.

Os registros podem ser filtrados por tipo . Por exemplo, se você escolher selecionar a opção 'Erro' na lista suspensa, o Painel de Log mostrará apenas mensagens de erro.

Painel de Referência

O Painel de Referência mostra uma descrição concisa do comando Selenese atualmente selecionado no Editor . Também mostra o descrição sobre o localizador e valor para ser usado nesse comando.

Painel de elemento de interface do usuário

O UI-Element é para usuários avançados do Selenium. Ele usa JavaScript Object Notation (JSON) para definir mapeamentos de elementos. A documentação e os recursos são encontrados na opção 'Documentação do elemento de interface do usuário' no menu Ajuda do Selenium IDE.

Um exemplo de tela de elemento da IU é mostrado abaixo.

Painel Acumulado

Rollup permite que você execute um grupo de comandos em uma etapa. Um grupo de comandos é simplesmente chamado de 'rollup'. Ele emprega o uso intenso de conceitos de JavaScript e Elemento de IU para formular uma coleção de comandos que é semelhante a uma 'função' em linguagens de programação.

Os acúmulos são reutilizáveis ; ou seja, eles podem ser usados ​​várias vezes no caso de teste. Como os rollups são grupos de comandos condensados ​​em um, eles contribuem muito para encurtar o script de teste.

Um exemplo da aparência do conteúdo da guia de rollup é mostrado abaixo.

Resumo

  • Selenium IDE (Ambiente de Desenvolvimento Integrado) é a ferramenta mais simples na suíte Selenium.
  • Deve ser usado apenas como um ferramenta de prototipagem .
  • Conhecimento de JavaScript e HTML é necessário para tópicos intermediários como a execução dos comandos 'runScript' e 'rollup'. rolar é uma coleção de comandos que você pode reutilizar para encurtar seus scripts de teste significativamente. Localizadores são identificadores que informam ao Selenium IDE como acessar um elemento.
  • Firebug (ou qualquer complemento semelhante) é usado para obter os valores do localizador .
  • o Barra de menu é usado na criação, modificação e exportação de casos de teste em formatos utilizáveis ​​pelo Selenium RC e WebDriver.
  • o o formato padrão para comandos Selenese é HTML .
  • o O menu 'Opções' fornece acesso a várias configurações para Selenium IDE.
  • o URL base é útil para acessar URLs relativos .
  • o Painel de caso de teste mostra a lista de casos de teste abertos atualmente e um resumo conciso das execuções de teste.
  • o editor fornece o interface para seus scripts de teste .
  • o Vista de mesa mostra seu roteiro no formato tabular com 'Comando', 'Destino' e 'Valor' como colunas.
  • o Visualização da fonte mostra seu roteiro em formato HTML .
  • o Registro e Referência as guias fornecem feedback e outras informações úteis durante a execução de testes.
  • o Elemento de interface do usuário e rollup abas são apenas para usuários avançados do Selenium IDE . Ambos requerem um esforço considerável na codificação de JavaScript.
  • Elemento de interface do usuário permite que você mapeie convenientemente os elementos da IU usando JavaScript Object Notation (JSON).

A tabela a seguir resume o histórico de lançamento do Selenium IDE.

Versão principal Data de lançamento
1.0.10 06-dez-10
1.5.0 15-dez-11
1.8.1 01-jun-12
2.1.0 30-jun-13
2.2.0 06-Jul-13
2.3.0 09-ago-13
2.5.0 02-jan-14
2.8.0 29-set-14
2.9.0 09-mar-15
2.9.1 15-mar-15
3,0 11 de abril de 18
3.1.0 26 de junho de 18
3.2.0 13 de agosto de 18
3.4.4 15-out-18