Como baixar e instalar Selenium IDE para Firefox & Cromada

Por: Krishna Degrau Krishna Degrau
Hours Atualização do

⚡ Resumo Inteligente

Selenium O IDE é instalado como uma extensão de navegador em vez de um aplicativo independente, portanto, toda a configuração é um download de complemento em Firefox ou o Chrome seguido de um único clique para abrir o gravador.

  • 🔘 Firefox rota: Adicione a extensão de Firefox Complementos, aprove a caixa de diálogo de permissão e, em seguida, inicie o gravador a partir do ícone na barra de ferramentas.
  • ☑️ Rota do Chrome: Comece pelo oficial Selenium Na página de download do IDE, adicione a extensão e abra-a no menu Extensões.
  • ✅ Inspeção de elementos: Firefox Tanto o DevTools quanto o Chrome DevTools fornecem o seletor CSS ou XPath necessário para um comando Selenese.
  • 🧪 Versões legadas: O original Firefox-O lançamento do plugin requer uma versão portátil antiga. FirefoxPortanto, considere-o apenas como uma referência histórica.
  • 🛠️ Solução de problemas: A ausência do ícone na barra de ferramentas quase sempre significa que a extensão está desativada ou que a barra de ferramentas é simplesmente muito estreita.
  • 📊 Execução em vários navegadores: A instalação do executor de linha de comando via npm permite executar projetos salvos em outros navegadores e em uma Grid.
Saiba Mais

Baixe e instale Selenium IDE para Firefox e Chrome

Neste tutorial, aprenderemos como baixar e instalar Selenium IDE pela Firefox e Google ChromeNada é compilado e nada é colocado no caminho do sistema — o IDE é uma extensão do navegador, portanto a instalação termina no momento em que o navegador informa que o complemento foi adicionado.

⚠️ Uma observação sobre as versões: As capturas de tela abaixo são do original. Firefox-plugar Selenium IDE. Essa compilação parou de funcionar quando Firefox A versão 55 removeu o suporte para complementos XUL legados em 2017. Selenium A IDE distribuída hoje é uma extensão reescrita para Firefox e o Chrome que salva projetos no .side formato em vez de HTML. Cada etapa original é preservada aqui, com o comportamento atual anotado ao lado.

Como Instalar Selenium IDE para Firefox

Abaixo está um processo passo a passo sobre como baixar e instalar Selenium IDE para Firefox:

O que você precisa

  • Mozilla Firefox
  • Conexão ativa com a Internet

Se você não tem Mozilla Firefox ainda assim, você pode baixá-lo em firefox.com.

Etapas 1) Abrir Firefox Complementos e download Selenium IDE

Lançamento Firefox e navegue para o Selenium Listagem IDE em Firefox Add-ons. Clique em Adicionar a FirefoxA página do complemento tem a aparência da captura de tela abaixo.

Selenium Listagem IDE em Firefox Complementos com a opção Adicionar a Firefox botão

Etapas 2) Clique em Adicionar

Espere até Firefox Conclua o download e clique em “Adicionar”. Firefox Primeiro, é exibida a solicitação de permissão abaixo, que lista o acesso que a extensão está solicitando.

Firefox Solicitação de permissão com o botão Adicionar para o Selenium extensão IDE

Etapas 3) Clique em OK

Após a conclusão da instalação, você receberá uma mensagem de confirmação. Clique em “OK” na notificação exibida aqui.

Firefox mensagem de confirmação informando que Selenium IDE foi adicionado

Etapas 4) Clique e abra Selenium IDE

Clique no Selenium Ícone do IDE, que agora está localizado no Firefox barra de ferramentas conforme mostrado abaixo.

Selenium Ícone IDE no Firefox barra de ferramentas do navegador

Selenium O IDE será aberto em sua própria janela, como na próxima captura de tela.

Selenium A janela do IDE abre após a instalação em Firefox

Firefox DevTools em Firefox

Instalar o IDE é apenas metade da configuração. Gravar uma etapa é fácil, mas escrevê-la manualmente requer o identificador do elemento em que a etapa atua, e esse identificador é obtido no próprio inspetor do navegador.

Firefox DevTools é um Firefox Recurso que usaremos para inspecionar os elementos HTML da aplicação web em teste. Ele nos fornecerá o nome do elemento sobre o qual nosso comando Selenese atuará.

Passo 1) Clique com o botão direito em qualquer lugar da página e selecione Inspecionar elemento. Você também pode usar o atalho Ctrl + Shift + I. O menu de contexto é mostrado abaixo.

Firefox menu de contexto do botão direito do mouse com a opção Inspecionar elemento

Passo 2) Você verá a interface ilustrada aqui, com a formatação da página de um lado e os estilos do outro.

Firefox Painel do inspetor DevTools mostrando o HTML da página em teste.

Passo 3) Você pode clicar com o botão direito do mouse em um elemento e escolher CSS ou XPathIsso é útil na identificação de objetos, pois o valor copiado pode ser colado diretamente no... Target campo de um comando.

Copiar um seletor CSS ou uma expressão XPath do Firefox Inspetor de ferramentas de desenvolvedor

Observação: Da mesma forma, você também pode usar as Ferramentas de Desenvolvedor do Chrome para identificar propriedades de objetos. O painel do Chrome abaixo realiza a mesma função.

O Chrome DevTools inspeciona um elemento para ler suas propriedades de objeto.

Ambos os inspetores também expõem os atributos id, nome e classe que a IDE prefere ao construir um localizador durante a gravação.

Selenium O IDE foi descontinuado e o desenvolvimento foi interrompido. Só recentemente o projeto foi ressuscitado. O novo Selenium carece de muitos recursos em comparação com o IDE obsoleto. Recursos estão sendo adicionados, mas em ritmo lento. Para explorar todos os recursos do Selenium IDE, recomendamos que você use a versão antiga. Para usar a versão antiga do IDE

Passo 1) Uso Firefox 54 Verificação da versão portátil aqui.

Passo 2) Visite a página de produto do Selenium Histórico de versões do IDE e instale. A lista de versões é semelhante a esta.

A página de histórico de versões lista versões anteriores. Selenium Versões do IDE disponíveis para download

Os seguintes recursos podem não estar disponíveis na versão mais recente do IDE. Continuaremos atualizando os tutoriais à medida que a nova versão for atualizada.

⚠️ Situação atual: Executar um navegador não suportado apenas para manter um complemento não suportado funcionando não é mais uma opção viável em uma máquina de trabalho; portanto, considere os dois passos acima como contexto histórico. O IDE reconstruído agora abrange a maior parte do que tornava a ferramenta legada útil, incluindo variáveis ​​armazenadas, comandos de fluxo de controle e exportação de código.

Plugins

Selenium IDE pode oferecer suporte adicional Firefox complementos ou plugins criados por outros usuários. Você pode visitar o oficial Selenium Site IDE para uma lista de Selenium complementos disponíveis até o momento. Instale-os exatamente como você faz com outros Firefox Complementos.

Por padrão, o Selenium O IDE vem com 4 plug-ins:

  1. Selenium AQUI: C# Formatadores
  2. Selenium AQUI: Java Formatadores
  3. Selenium AQUI: Python Formatadores
  4. Selenium IDE: Formatadores Ruby

Esses quatro plug-ins são exigidos por Selenium IDE para converter Selenese em diferentes formatos.

A aba Plugins exibe uma lista de todos os seus complementos instalados, juntamente com o número da versão e o nome do criador de cada um, como na captura de tela abaixo.

Selenium Aba Plugins do IDE listando os quatro plugins de formatação incluídos.

Extensões de usuário

Selenium O IDE pode suportar extensões de usuário para fornecer recursos avançados. As extensões de usuário têm a forma de JavaArquivos de script. Você os instala especificando o caminho absoluto em qualquer um desses dois campos na caixa de diálogo Opções.

Os dois campos de caminho estão destacados na caixa de diálogo Opções abaixo.

Campos de diálogo de opções para o Selenium Extensões principais e Selenium caminhos de arquivos de extensões IDE

Você poderá encontrar inúmeras extensões de usuário no Selenium página de downloadsNote que esse mecanismo pertencia a Selenium Núcleo, que foi removido em Selenium 3; a IDE moderna é estendida por meio de sua própria API de plugins.

ARTIGOS RELACIONADOS

Como Instalar Selenium IDE no Chrome

Abaixo está um processo passo a passo sobre como baixar e instalar Selenium IDE para Google Chrome:

Passo 1) Vou ao Selenium Site IDE Clique no botão de download do Chrome.
Passo 2) Abra a página do produto na Chrome Web Store. Selenium Instale a extensão IDE.
Passo 3) Clique no botão Adicionar ao Chrome para adicionar o Selenium IDE para Google Chrome.
Passo 4) Acesse o menu Extensões, clique no ícone correspondente e abra-o. Selenium IDE para gravar um novo teste em um novo projeto.

A versão do Chrome e a Firefox As extensões são as mesmas, portanto, um projeto gravado em uma delas será aberto na outra. Como as lojas de aplicativos dos navegadores alteram seus catálogos com o tempo, sempre comece pelo site oficial na Etapa 1, em vez de usar uma loja favoritada. URL.

Como verificar a instalação e gravar um primeiro teste

O simples fato de uma extensão ser carregada não comprova que a configuração está funcionando. A maneira mais rápida de verificar é gravar algo trivial e reproduzi-lo.

  1. Clique na Selenium Ícone do IDE. A caixa de diálogo de boas-vindas oferece quatro opções: gravar um novo teste em um novo projeto, abrir um projeto existente, criar um novo projeto ou fechar o IDE.
  2. Escolha a primeira opção e dê um nome ao projeto.
  3. Insira uma base URLEste é o endereço da aplicação em teste e é reutilizado por todos os testes do projeto.
  4. Uma nova janela do navegador será aberta. URL e a gravação começa. Clique em um link ou digite em um campo, depois volte para o IDE e clique no ícone de gravação para parar.
  5. Clique no ícone de salvar. O IDE grava um único arquivo com um .side extensão.
  6. Selecione o teste e clique em reproduzir. Se as etapas gravadas forem reproduzidas sem um marcador vermelho de falha, a instalação foi concluída com sucesso.

Uma primeira reprodução que falha logo no primeiro comando geralmente aponta para a base. URL em vez de na instalação. Uma reprodução que falha no meio indica um problema de localização, que é onde o comandos de verificação e espera merecem o seu sustento.

Como corrigir problemas comuns Selenium Problemas de instalação do IDE

Quase todas as reclamações sobre instalações se enquadram em um de alguns padrões. Os dois primeiros são os documentados pela Selenium projeto em si.

  • Nenhum ícone na barra de ferramentas. Confirme se a extensão está ativada. Digite chrome://extensions no Chrome, ou about:addons in Firefoxe verifique se Selenium O IDE está ligado.
  • A extensão está ativada, mas ainda invisível. O ícone pode estar oculto simplesmente porque a barra de ferramentas é muito estreita. No Chrome, arraste a área à direita da barra de endereços. FirefoxClique com o botão direito do mouse na barra de ferramentas, escolha Personalizar, ajuste-a e clique em Concluído.
  • O IDE abre, mas não grava nada. A janela de gravação deve ser aquela que o IDE iniciou. Gravações feitas em uma aba aberta manualmente não serão capturadas.
  • Nada funciona em uma página interna. As extensões não podem criar scripts para páginas internas do navegador, como as telas de configurações ou de extensões, portanto, a gravação é feita em uma página da web comum.
  • Um navegador gerenciado bloqueia a instalação. Em um perfil corporativo, a instalação de extensões geralmente é controlada por políticas e exige que um administrador autorize o ID da extensão.

Como instalar o Selenium Executador de linha de comando IDE

A extensão reproduz os testes apenas no navegador em que está instalada. Para executar um projeto salvo em outros navegadores, em paralelo ou em uma grade, instale o executor de linha de comando. Ele requer Node.js e npm.

npm install -g selenium-side-runner

Cada navegador também precisa de seu próprio driver binário. Instale o driver para o navegador que você pretende usar.

npm install -g chromedriver
npm install -g geckodriver
npm install -g edgedriver

Com o executor e o driver configurados, aponte o executor para o arquivo de projeto que o IDE salvou anteriormente.

selenium-side-runner /path/to/your-project.side

O executor distribui os conjuntos de tarefas por tantos processos quantos forem os núcleos de CPU da máquina. Duas opções atendem à maioria das necessidades do dia a dia: -c configura o navegador e --base-url Redireciona todo o projeto para um ambiente diferente, o que permite que a mesma gravação seja usada tanto em uma versão local quanto em um servidor de teste.

selenium-side-runner -c "browserName=firefox" --base-url https://localhost

A partir daqui, o próximo passo natural é abandonar a gravação e reprodução e escrever as mesmas verificações em código — veja o primeiro script WebDriver visita guiada e o panorama geral Selenium série.

Perguntas Frequentes

Não. É de código aberto e distribuído gratuitamente através das lojas de extensões do navegador, sem necessidade de conta, chave de licença ou período de teste. O executor de linha de comando também é gratuito e instalado a partir do registro público do npm.

Não para a extensão em si, que é executada inteiramente dentro do navegador. Um ambiente de execução de linguagem só importa quando você exporta uma gravação para código ou quando instala o executor de linha de comando, que requer Node.js em vez de um JDK.

Qualquer plataforma que execute um navegador compatível, então Windows, macOS e funciona perfeitamente no Linux. A extensão herda os requisitos do navegador, o que significa que não há instalador separado nem versão específica para cada sistema operacional.

Remova-o da página de extensões do navegador e, em seguida, adicione-o novamente pela loja. Os projetos salvos são arquivos comuns no disco, portanto, permanecem intactos após uma reinstalação. Reinstalar o programa geralmente resolve o problema de uma janela do IDE que abre em branco.

Sim, porque ele grava dentro de uma sessão real do navegador e herda todos os cookies dessa sessão. Os redirecionamentos de login único ainda gravam, embora as etapas resultantes sejam frequentemente frágeis e seja melhor substituí-las por uma etapa de login direto.

O aprendizado de máquina é aplicado principalmente após a gravação: mecanismos de autorreparação sugerem um seletor substituto quando a marcação muda, e modelos de teste instáveis ​​sinalizam etapas que falham intermitentemente. Nenhuma dessas opções altera a instalação, mas ambas reduzem a manutenção subsequente.

Não consegue controlar a extensão, mas é útil no arquivo exportado. O Copilot transforma facilmente um script exportado bruto em objetos de página, adiciona esperas explícitas e escreve o job de CI que chama o executor de linha de comando.

Você escolhe onde salvar. O IDE cria um arquivo JSON por projeto com a extensão .side, que é um texto simples e, portanto, seguro para adicionar ao controle de versão e comparar durante a revisão.

Resuma esta postagem com: