Instalação de download do Selenium IDE e introdução aos principais recursos

selenium ide download installation

Download e instalação do Selenium IDE e introdução aos seus recursos principais:

Antes de prosseguir, vamos dar uma olhada na programação deste tutorial. Neste tutorial, aprenderemos tudo sobre Selenium IDE , desde sua instalação até o detalhamento de cada um de seus recursos. Ao final deste tutorial, espera-se que o leitor consiga instalar a ferramenta Selenium IDE e brincar com seus recursos.

=> Este é o segundo tutorial da nossa série de treinamento Selenium online grátis. Se você não leu o primeiro tutorial do Selenium nesta série, comece aqui: Tutorial do Selenium online gratuito nº 1

Observação : Este é um tutorial bastante extenso com muitas imagens, portanto, deixe-o carregar completamente. Além disso, clique em uma imagem ou abra em uma nova janela para ampliar as imagens.

O que você aprenderá:

• Introdução ao Selenium IDE
• Download e instalação do Selenium IDE
• Recursos do Selenium IDE
• # 1. Barra de menu
• #dois. Barra de URL base
• # 3. Barra de ferramentas
• # 4. editor
• # 5. Teste de Pão
• # 6. Painel de registro
• Conclusão
• Leitura recomendada

Introdução ao Selenium IDE

O ambiente de desenvolvimento integrado Selenium, sigla como Selenium IDE é uma ferramenta de teste automatizada que é lançada como um plug-in do Firefox. É uma das ferramentas mais simples e fáceis de instalar, aprender e seguir em frente com a criação de scripts de teste. A ferramenta é colocada em um registro e reprodução fundamental e também permite a edição dos scripts gravados.

O aspecto mais impressionante de usar selênio IDE é que o usuário não precisa possuir nenhum conhecimento prévio de programação. O mínimo de que o usuário precisa são alguns conhecimentos de HTML, DOMS e JavaScript para criar vários scripts de teste usando esta ferramenta.

Por ser um plug-in do Firefox, o Selenium IDE oferece suporte apenas ao Firefox, portanto, os scripts de teste criados podem ser executados apenas no Firefox. Mais algumas lacunas tornam essa ferramenta inadequada para ser usada em scripts de teste complexos. Assim, outras ferramentas como Selenium RC, WebDriver entram em cena.

melhor otimizador de sistema para windows 10

Então, antes de nos agarrarmos aos detalhes do Selenium IDE, vamos dar uma olhada em sua instalação primeiro.

Download e instalação do Selenium IDE

Para facilitar a compreensão, bifurcou todo o processo de instalação do IDE nas seguintes partes / etapas.

Antes de decolar, há algo que precisa estar no lugar antes da instalação; Mozilla Firefox. Você pode baixá-lo aqui => Download do Mozilla Firefox .

Passo 1: Download do Selenium IDE : Abra o navegador (Firefox) e digite o URL http://seleniumhq.org/ .Isso abriria o site oficial da sede da Selenium. Navegue até a página “Download”; esta página incorpora todos os lançamentos mais recentes de todos os componentes de selênio.

Consulte a figura a seguir.

Passo 2: Mova-se sob a cabeça do selênio IDE e clique no link presente. Este link representa a versão mais recente da ferramenta no repositório.

Consulte a figura a seguir.

Etapa 3: Assim que clicarmos no link acima, uma caixa de alerta de segurança aparecerá para proteger nosso sistema contra riscos potenciais. Como estamos baixando o plug-in do site autêntico, clique no botão “Permitir”.

Passo 4: Agora o Firefox baixa o plug-in em segundo plano. Assim que o processo for concluído, a janela de instalação do software será exibida. Agora clique no botão “Instalar agora”.

Etapa 5: Depois que a instalação for concluída, uma janela pop-up aparecerá pedindo para reiniciar o Firefox. Clique no botão “Reiniciar agora” para refletir a instalação do Selenium IDE.

Etapa # 6: Depois que o Firefox é inicializado e iniciado novamente, podemos ver o selenium IDE indexado na barra de menus -> Web Developer -> Selenium IDE.

Etapa # 7: Assim que abrirmos o Selenium IDE, a janela Selenium IDE aparecerá.

Recursos do Selenium IDE

Vamos dar uma olhada em cada um dos recursos em detalhes.

(Observação - Clique para ampliar a imagem se você não conseguir ler o texto da imagem - isso é aplicável para todas as imagens)

# 1. Barra de menu

A barra de menus está posicionada na parte superior da janela do Selenium IDE. A barra de menu é normalmente composta por cinco módulos.

• Menu de arquivo
• Menu Editar
• Menu de Ações
• Menu de Opções
• Menu Ajuda

A) Menu Arquivo

O menu Arquivo é muito semelhante ao menu Arquivo pertencente a qualquer outro aplicativo.

Ele permite ao usuário:

• Crie um novo caso de teste, abra o caso de teste existente e salve o caso de teste atual.
• Exportar caso de teste como e exportar conjunto de teste como em qualquer linguagem de programação associada compatível com Selenium RC e WebDriver. Ele também dá a liberdade ao usuário de preferir entre as estruturas de teste de unidade disponíveis como jUnit, TestNG etc. Assim, um caso de teste IDE pode ser exportado para uma união escolhida de linguagem de programação, estrutura de teste de unidade e ferramenta do pacote selênio.
• A opção Export Test Case As exporta e converte apenas o caso de teste do Selenium IDE aberto atualmente.
• A opção Export Test Suite As exporta e converte todos os casos de teste associados ao conjunto de testes IDE aberto atualmente.
• Feche o caso de teste.

Os casos de teste do Selenium IDE podem ser salvos no seguinte formato:

• Formato HTML

Os casos de teste do Selenium IDE podem ser exportados para os seguintes formatos / linguagens de programação.

• java (IDE exportado em Java)
• rb (IDE exportado em Ruby)
• py (IDE exportado em Python)
• cs (IDE exportado em C #)

Observe que com as próximas versões mais recentes do Selenium IDE, o suporte para formatos pode expandir.

B) Menu Editar

O menu Editar oferece opções como Desfazer, Refazer, Cortar, Copiar, Colar, Excluir e Selecionar Tudo, que estão normalmente presentes em qualquer outro menu de edição. Dentre eles, destacam-se:

• Inserir Novo Comando - Permite ao usuário inserir o novo comando / etapa de teste em qualquer lugar dentro do caso de teste atual.
• Inserir novo comentário - permite ao usuário inserir o novo comentário em qualquer lugar no caso de teste atual para descrever as etapas de teste subsequentes.

Inserir Novo Comando

O novo comando seria inserido acima da etapa de comando / teste selecionada.

Agora o usuário pode inserir a ação, o destino e o valor reais do comando.

Inserir Novo Comentário

Da mesma forma, podemos inserir comentários.

A cor roxa indica que o texto está representando um comentário.

C) Menu de Ações

O menu de ações equipa o usuário com opções como:

• Registro - As opções de gravação ajustam o Selenium IDE no modo de gravação. Assim, qualquer ação realizada pelo usuário no navegador Firefox seria registrada no IDE.
• Jogue todo o conjunto de testes - A opção reproduz todos os casos de teste do Selenium IDE associados ao conjunto de testes atual.
• Jogue o caso de teste atual - A opção reproduz o caso de teste Selenium IDE atual que foi gravado / criado pelo usuário.
• Pausar / Retomar - O usuário pode pausar / retomar o caso de teste a qualquer momento durante a execução.
• Alternar ponto de interrupção - O usuário pode definir um ou vários pontos de interrupção para interromper à força a execução em qualquer etapa de teste específica durante a execução.
• Definir / limpar ponto inicial - O usuário também pode definir o ponto inicial em qualquer etapa de teste específica para execução. Isso permitiria ao usuário executar o caso de teste a partir do ponto inicial fornecido para as execuções subsequentes.
• Para lidar com os carregamentos de página / elemento, o usuário pode definir a velocidade de execução da mais rápida para a mais baixa em relação à capacidade de resposta do aplicativo em teste.

D) Menu de Opções

O menu de opções privilegia o usuário para definir e praticar várias configurações fornecidas pelo Selenium IDE. O menu de opções é recomendado como um dos menus mais importantes e vantajosos da ferramenta.

O Menu de Opções é principalmente composto pelos quatro componentes a seguir, que podem ser subdivididos em:

Opções

Caixa de diálogo Selenium IDE Options

Para iniciar a caixa de diálogo Selenium IDE Options, siga as etapas:

1. Clique no menu de opções
2. Clique em Opções

Uma caixa de diálogo Selenium IDE Options é exibida.

Consulte a figura a seguir.

A caixa de diálogo Selenium IDE Options ajuda o usuário a brincar com as configurações gerais, formatos disponíveis, plug-ins disponíveis e tipos de localizadores disponíveis e seus construtores.

Vamos dar uma olhada em alguns dos mais importantes.

Configurações Gerais

• Valor de tempo limite padrão - O valor de tempo limite padrão representa o tempo (em milissegundos) que o selênio esperaria pela execução de uma etapa de teste antes de gerar um erro. O valor de tempo limite padrão é 30000 milissegundos, ou seja, 30 segundos. O usuário pode aproveitar esse recurso alterando o tempo padrão nos casos em que o elemento da web leva mais / menos do que o tempo especificado para carregar.
• Extensões - Selenium IDE oferece suporte a uma ampla gama de extensões para aprimorar os recursos da ferramenta principal, multiplicando assim seu potencial. Essas extensões de usuário são simplesmente os arquivos JavaScript. Eles podem ser definidos mencionando seu caminho absoluto nas caixas de texto que representam as extensões na caixa de diálogo Opções.
• Lembre-se do URL base - Marcar esta opção permite que o Selenium IDE se lembre do URL sempre que o iniciar. Portanto, é aconselhável marcá-lo como verificado. Desmarcar esta opção deixará o campo do URL base em branco e será preenchido novamente apenas quando lançarmos outro URL no navegador.
• Gravar assertTitle automaticamente - Marcar este campo insere o comando assertTitle automaticamente junto com o valor de destino para cada página da web visitada.
• 
• Ativar recursos experimentais - Marcar este campo pela primeira vez importa os vários formatos disponíveis para o Selenium IDE.

Formatos

A guia Formatos exibe todos os formatos disponíveis com selenium IDE. O usuário é cobrado com a opção de ativar e desativar qualquer um dos formatos.

Consulte a figura a seguir.

Plug-ins Selenium IDE

A guia Plug-ins exibe os plug-ins suportados do Firefox instalados em nossa instância do Selenium IDE. Há um número de plug-ins disponíveis para atender a diferentes necessidades, portanto, podemos instalar esses add-ons como fazemos com outros plug-ins. Um dos plug-ins introduzidos recentemente é “File Logging”. No final deste tutorial, testemunharemos como instalar e usar este plug-in.

Com a distribuição padrão, o Selenium IDE vem com um cluster dos seguintes plug-ins:

• Selenium IDE: formatadores Ruby
• Selenium IDE: formatadores Python
• Selenium IDE: formatadores Java
• Selenium IDE: formatadores C #

Esses formatadores são responsáveis ​​por converter os casos de teste HTML nos formatos de programação desejados.

Construtores de localizadores

Os construtores de localizadores nos permitem priorizar a ordem dos tipos de localizadores que são gerados durante o registro das ações do usuário. Localizadores são o conjunto de padrões pelos quais identificamos exclusivamente um elemento da web em uma página da web.

Formatos

A opção Formatos permite que o usuário converta o caso de teste do Selenium IDE (comandos selenês) para o formato desejado.

E) Menu Ajuda

Como o Selenium tem uma ampla comunidade e base de usuários, várias documentações, notas de lançamento, guias etc. estão facilmente disponíveis. Assim, o menu de ajuda lista a documentação oficial e notas de lançamento para ajudar o usuário.

#dois. Barra de URL base

A barra de URL base é principalmente a mesma de uma barra de endereço. Ele lembra os sites visitados anteriormente para que a navegação seja facilitada posteriormente.

Agora, sempre que o usuário usar o comando “abrir” do Selenium IDE sem um valor de destino, o URL base será lançado no navegador.

Acessando caminhos relativos

Para acessar os caminhos relativos, o usuário simplesmente precisa inserir um valor de destino como “/ download” junto com o comando “abrir”. Portanto, a URL base anexada com “/ downloads” (http://docs.seleniumhq.org/resources) seria iniciada no navegador. O mesmo é evidente na representação acima.

# 3. Barra de ferramentas

A barra de ferramentas nos fornece várias opções pertinentes à gravação e execução do caso de teste.

• Velocidade de reprodução - Esta opção permite que o usuário controle a velocidade de execução do caso de teste de rápida a lenta.
• Jogo de teste de jogo - Esta opção permite ao usuário executar todos os casos de teste pertencentes ao conjunto de testes atual sequencialmente.
• Caso de teste de jogo - Esta opção permite ao usuário executar o caso de teste atualmente selecionado.
• Pausa - Esta opção permite ao usuário pausar a execução atual.
• Etapa - Esta opção permite que o usuário entre na etapa de teste.
• Rolar - Esta opção permite ao usuário combinar várias etapas de teste para atuar como um único comando.
• Registro - Esta opção permite que o usuário inicie / pare a gravação das ações do usuário. A bola vermelha oca indica o início da sessão de registro, enquanto a bola vermelha sólida indica o final da sessão de registro. Por padrão, o Selenium IDE abre no modo de gravação.

# 4. editor

O editor é uma seção onde o IDE registra um caso de teste. Cada ação do usuário é registrada no editor na mesma ordem em que são realizadas.

O editor no IDE tem duas visualizações, a saber:

1) Visualização da tabela

É a visualização padrão fornecida pelo Selenium IDE. O caso de teste é representado no formato tabular. Cada ação do usuário na visualização da tabela é uma consolidação de “Comando”, “Destino” e “Valor” onde comando, destino e valor se referem a uma ação do usuário, elemento da web com a identificação única e dados de teste correspondentes. Além de gravar, também permite ao usuário inserir, criar e editar novos comandos Selenese com a ajuda do formulário de editor presente na parte inferior.

diferença entre encaminhamento de porta e disparo de porta

2) Visualização da fonte

O caso de teste é representado no formato HTML. Cada etapa do teste é considerada uma linhaque é uma combinação de comando, destino e valor em colunas separadas. Como qualquer documento HTML, mais linhas e colunas podem ser adicionadas para corresponder a cada comando Selenese.

Formulário de Editor permite que o usuário digite qualquer comando e as sugestões para o comando relacionado serão preenchidas automaticamente. O botão de seleção permite que o usuário selecione qualquer elemento da web e seu localizador seria buscado automaticamente no campo de destino. O botão Localizar permite que o usuário encontre o elemento da web na página da web em relação a um destino definido. O valor são os dados de entrada de teste inseridos nos destinos com os quais queremos testar o cenário.

# 5. Teste de Pão

Na instância, abrimos a interface do Selenium IDE, vemos um contêiner à esquerda intitulado “Caso de teste” contendo um caso de teste sem título. Portanto, esse contêiner esquerdo é intitulado como Painel de caso de teste.

O painel de casos de teste contém todos os casos de teste que são registrados pelo IDE. A ferramenta tem a capacidade de abrir mais de um caso de teste ao mesmo tempo no painel de casos de teste e o usuário pode alternar facilmente entre os casos de teste. As etapas de teste desses casos de teste são organizadas na seção do editor.

Selenium IDE tem um ingrediente de codificação de cores para fins de relatório. Após a execução, o caso de teste é marcado na cor “vermelho” ou “verde”.

• Interneta cor simboliza a execução malsucedida, ou seja, a falha do caso de teste.
• Verdea cor simboliza a execução bem-sucedida do caso de teste
• Ele também apresenta o resumo do número total de casos de teste executados com o número de casos de teste com falha.
• Se executarmos um conjunto de testes, todos os casos de teste associados serão listados no painel de casos de teste. Após a execução, os códigos de cores acima seriam renderizados de acordo.

# 6. Painel de registro

O painel de log fornece uma visão sobre a execução atual na forma de mensagens junto com o nível de log em tempo real. Assim, as mensagens de log permitem que um usuário depure os problemas em caso de falhas na execução do caso de teste.

Os métodos de impressão / níveis de registro usados ​​para gerar registros são:

• Erro - a mensagem de erro fornece informações sobre a falha da etapa de teste. Pode ser gerado nos casos em que um elemento não é encontrado, a página não é carregada, falha na verificação / asserção etc.
• Aviso - a mensagem de aviso fornece informações sobre condições inesperadas.
• Info - A mensagem de informação fornece informações sobre a execução da etapa de teste atual.
• Depurar - as mensagens de depuração fornecem informações sobre os detalhes técnicos no pano de fundo sobre a etapa de teste atual.

Os registros podem ser filtrados com a ajuda de um menu suspenso localizado no canto superior direito do rodapé ao lado do botão limpar. O botão Limpar apaga todas as mensagens de log geradas na execução atual ou anterior.

Gerando Logs em um meio externo

O plug-in “File Logging” introduzido recentemente permite ao usuário salvar mensagens de log em um arquivo externo. O registro de arquivos pode ser conectado ao IDE como qualquer outro plug-in. Após a instalação, ele pode ser encontrado como uma guia chamada “Registro de arquivos” no rodapé ao lado do botão Limpar.

Painel de Referência

O Painel de Referência fornece uma breve descrição sobre o comando Selenese atualmente selecionado junto com seus detalhes de argumento.

Painel de elemento de interface

UI - Element Pane permite que o usuário Selenium use o acrônimo JavaScript Object Notation como JSON para acessar os elementos da página. Mais sobre isso pode ser encontrado na documentação do elemento de interface do usuário no menu Ajuda.

Painel Acumulado

O Painel de Rollup permite ao usuário fazer rollup ou combinar várias etapas de teste para constituir um único comando denominado “rollup”. O rollup, por sua vez, pode ser chamado várias vezes no caso de teste.

Conclusão

Por meio deste tutorial, nosso objetivo foi torná-lo familiar e acostumado com as terminologias e nomenclaturas básicas do Selenium IDE. Também apresentamos um estudo detalhado sobre todos os recursos do Selenium IDE.

Aqui estão os pontos essenciais deste tutorial:

• Selenium IDE é uma ferramenta de teste automatizada que suporta gravação e reprodução.
• O usuário não precisa ter nenhum conhecimento prévio de programação, exceto para o conhecimento básico de HTML, JavaScript e DOM.
• A barra de menu permite ao usuário criar, salvar, editar e converter os scripts de teste do Selenium IDE registrados. Também permite que o usuário defina formatos e plug-ins.
• A barra de ferramentas permite ao usuário definir a velocidade de execução do teste, pausar e retomar o caso de teste, acumular comandos etc.
• Roll-ups combinam mais de uma etapa de teste e, portanto, os comandos acumulados atuam e são executados como um único comando.
• O editor permite que o usuário grave ou crie scripts de teste. O editor possui duas visualizações “tabela” e “fonte”.
• Na visualização de tabela, cada etapa do teste é composta por um comando, destino e um valor.
• A visualização do código-fonte exibe o caso de teste no formato HTML.
• O painel de casos de teste mostra uma lista abrangente de casos de teste reprovados e aprovados com o código de cores relevante.
• O Painel de Log exibe a saúde de execução do teste na forma de mensagem.
• As mensagens de log podem ser salvas em um arquivo usando o plug-in “File Logging”.
• O painel de referência mostra a descrição de cada comando selecionado.
• Elemento UI e Rollup são geralmente usados ​​durante a criação de scripts IDE Selenium avançados.

Próximo tutorial nº 3 : Agora que estamos familiarizados e confortáveis ​​com o Selenium IDE Baixe e instale seus recursos, no próximo tutorial, praticaríamos esses recursos criando nosso próprio script de teste usando o Selenium IDE.

Uma observação para os leitores: Enquanto nosso próximo tutorial da série Selenium está no modo de processamento, instale a ferramenta e os utilitários necessários para começar. Experimente os recursos brincando com a ferramenta até nos encontrarmos com o próximo tutorial sobre ' Meu primeiro script IDE Selenium ”.

Fique ligado até então e compartilhe suas opiniões, comentários e conhecimentos para nos ajudar a nos preparar. Além disso, deixe-nos saber se você encontrar algo que perdemos, para que possamos incluí-los nos tutoriais subsequentes.

Finalmente, se você gosta deste tutorial, por favor, considere compartilhá-lo com amigos e em sites de mídia social.

Leitura recomendada

• Introdução ao Selenium WebDriver - Selenium Tutorial # 8
• Tutorial do Selenium IDE: Comandos IDE com exemplos no Firefox
• Tutorial do Neoload: Introdução, download e instalação do Neoload
• Introdução, download e instalação do Apache JMeter
• Katalon Automation Recorder (Selenium IDE Alternative): Tutorial de revisão prática
• Vídeo 1 do JMeter: introdução, download do JMeter e instalação
• Introdução ao Python e processo de instalação
• Configuração e instalação completas do WebDriver com Eclipse - Selenium Tutorial # 9