Hoje, quando se trata de testes automatizados da web, Puppeteer e Selenium são os dois nomes que aparecem. Uma das principais razões pelas quais eles são conhecidos é sua capacidade de executar navegadores headless. Portanto, antes de prosseguirmos com o artigo, vamos dar uma olhada rápida no que são navegadores sem cabeça e suas vantagens.

Em termos básicos, os navegadores sem cabeça são navegadores que podem ser usados ​​para testar a usabilidade de páginas da web e executar interações do navegador da mesma forma que você faria com seu navegador normal. A única diferença aqui é que não há interface gráfica do usuário (GUI) e eles geralmente são executados a partir do terminal.

Navegadores sem cabeça:

• ajuda a reduzir bastante o uso de recursos
• eles são mais rápidos
• eles são ideais para fins de web scraping
• eles podem ser usados ​​para monitorar o desempenho de aplicativos de rede

Agora que conhecemos um fator importante para ambas as ferramentas, podemos prosseguir.

Titereiro

Puppeteer é uma biblioteca Node do Google que fornece uma API simples para controlar o Chrome sem cabeça. Por meio do Puppeteer, tarefas comuns como digitar entradas, clicar em botões, testar a usabilidade de páginas da web e até mesmo fazer web scraping podem ser realizadas facilmente.

Puppeteer é oficial da equipe do Chrome e usa o Chrome Remote Debug Protocol, assim como encontraríamos com o Chrome Devtools. Esta biblioteca suporta a sintaxe JavaScript moderna disponível no Google Chrome.

Configurar

Instalar e começar a usar o Puppeteer é muito fácil. Como o Puppeteer é uma biblioteca do Node, ele pode ser instalado usando o npm ferramenta.

A instalação pode ser feita com o comando abaixo:

npm i titereiro

Executar o comando acima instala o Puppeteer. Espera-se também fazer download de uma versão recente do Chromium que funcione com a API.

O tamanho do Chromium varia de acordo com o sistema operacional:

• ~ 170 MB para Mac
• ~ 282 MB para Linux
• ~ 280 MB para Windows

Após a instalação do Puppeteer, você pode encontrar mais informações sobre como começar, você também pode verificar mais exemplos de código.

Características

Embora a capacidade do Puppeteer de lançar um navegador sem cabeça seja um recurso que o ganhou alguma fama, esse não é o único recurso que o torna incrível. O Puppeteer também tem alguns outros recursos que o tornam útil, vamos dar uma olhada rápida em alguns deles.

Automação fácil:

Embora existam outras ferramentas que podem ser usadas para automação web, o Puppeteer é o melhor. Isso se deve ao fato de ele funcionar bem em apenas um navegador, que é o navegador Headless Chrome, portanto, realiza tarefas de automação web da maneira mais eficiente possível. Puppeteer também funciona bem com bibliotecas populares de teste de unidade, como Mocha e Jasmine.

Teste de captura de tela:

Este é um recurso vital para qualquer tarefa automatizada de teste da web. As capturas de tela são importantes e ajudam a acompanhar o resultado das interações com os elementos de uma página da web. Bibliotecas como o Puppeteer-screenshot-tester também existem no Puppeteer que oferece a capacidade de comparar as capturas de tela geradas durante o teste. Além de gerar capturas de tela de testes, PDFs também podem ser gerados a partir de páginas da web testadas no titereiro.

Teste de performance:

O Chrome fornece DevTools que permitem a gravação da linha do tempo de desempenho de páginas da web, e o Puppeteer também tira proveito disso. Com o Puppeteer, os traços da linha do tempo de sites podem ser capturados para examinar problemas de desempenho. Devido ao controle de API de alto nível do Puppeteer sobre o Chrome Developers Tools Protocol, ele oferece aos usuários a capacidade de controlar service workers e testar o cache de sites.

Raspagem da web:

Uma conversa sobre recursos não seria concluída sem reconhecer a capacidade do Puppeteer de ser usado para fins de web scraping. Aprender a usar o Puppeteer como um web scraper é muito fácil, dê uma olhada na documentação da API.

Prós

1. Funciona bem para testes visuais.
2. Ótimo para testes ponta a ponta.
3. Rápido quando comparado ao Selênio.
4. Pode fazer capturas de tela de páginas da web.
5. Mais controle sobre os testes por meio do Chrome.
6. Pode testar o modo offline.

Contras

1. Suporta apenas JavaScript (Node)
2. Suporta apenas Chrome

---

Selênio

Selenium é uma estrutura de teste da web poderosa, que tem a capacidade de automatizar aplicativos da web para fins de teste. Selenium também é conhecido por sua capacidade de automatizar tarefas de administração baseadas na web.

O selênio vem em duas partes; o Selenium WebDriver para criar suítes de automação e testes poderosos com base em navegador e o Selenium IDE para criar scripts de reprodução de bug rápidos.

Não esquecendo que Selenium também suporta navegadores headless como vistos com Puppeteer.

Configurar

Ao contrário do Puppeteer, a configuração do Selenium não é simples. Selenium suporta muitos idiomas e navegadores diferentes, portanto, essas possíveis condições precisam ser atendidas.

Listados abaixo estão links para tutoriais oficiais sobre como configurar ligações Selenium para diferentes idiomas.

• C #
• Java
• JavaScript
• Pitão
• Rubi

Além de oferecer suporte a diferentes idiomas, Selenium também oferece suporte a vários navegadores. Ao contrário do Puppeteer, que instala o Chromium durante a instalação, pode ser necessário instalar drivers da web para o navegador de sua escolha.

Aqui estão links para drivers da web para Mozilla Firefox e Google Chrome.

Se você deseja usar o Selenium IDE também, ele também existe para vários navegadores. Aqui estão links para Selenium IDE para Mozilla Firefox e Google Chrome.

Características

Sua capacidade de trabalhar com navegadores sem cabeça o tornou indiscutivelmente a ferramenta de automação da web mais popular, mas há outros recursos que o tornam poderoso.

Suporte multilíngue:

Esta é uma característica muito importante do Selenium. Com seu suporte a vários idiomas, mais desenvolvedores podem começar a usar a ferramenta para suas tarefas de teste de automação da web.  Embora se possa pensar que seu suporte a vários idiomas o tornaria lento, o Selenium ainda funciona em uma boa velocidade, pois a inicialização de um servidor no Web Driver não é necessária.

Suporte multiplataforma:

Da mesma forma que o Selenium não é restrito por barreiras de idioma, também não é restrito por barreira de plataforma. Não é novidade que os aplicativos da web se comportam de maneira diferente em várias plataformas. O Selenium oferece aos testadores a capacidade de testar nos principais navegadores da web para fornecer uma experiência de usuário tranquila para usuários em diferentes navegadores.  Além dos navegadores, o Selenium também pode ser usado para testar aplicativos em dispositivos móveis como Android, iOS, Windows, Blackberry.

Ferramenta de Gravação:

Com Selenium IDE, é fácil registrar testes de automação da web. Selenium IDE permite que os testadores façam uso da capacidade de gravação, bem como do suporte de preenchimento automático e capacidade de navegar pelos comandos. A ferramenta de gravação parou de funcionar no Firefox 55 e versões posteriores, no entanto, existem outros plug-ins no Firefox que têm a mesma finalidade. Portanto, a capacidade de gravar testes continua sendo um recurso importante do Selenium.

Raspagem da web:

Embora o Selenium seja usado para testar aplicativos da web, ele também pode ser dimensionado como um raspador de web. Selenium pode ser usado para raspar sites AJAX e os sites mais difíceis de raspar, desde que você possa entender a estrutura HTML. Você pode verificar este tutorial sobre como usar Selenium para web scraping com Python.

Prós

1. Suporte multiplataforma.
2. Suporte multilíngue.
3. Capacidade de registrar testes.
4. Também pode fazer capturas de tela.
5. Grande comunidade de usuários.

Contras

1. Lento quando comparado ao Titereiro.
2. Controle limitado sobre os testes quando comparado ao Puppeteer.

Conclusão

Se você não se preocupa em testar páginas da web em outras plataformas além do Chrome, então está bem trabalhando com o Puppeteer, desde que seja capaz de trabalhar com JavaScript (Node). No entanto, se você está preocupado com várias plataformas, usar Selenium é um acéfalo. Falando sobre suas habilidades de web scraping, ambas as ferramentas se equiparam a elas mesmas. Deve-se notar, porém, que o Puppeteer pode ser mais rápido do que o Selenium.

Qualquer ferramenta que você escolher no final do dia deve servir, apenas divirta-se escrevendo seus scripts de automação.