O Puppeteer , uma ferramenta poderosa para automatizar as interações do navegador, agora é ainda mais fácil de integrar aos seus projetos Angular graças ao pacote recém-lançado. 

@puppeteer/ng-schematics

Este pacote fornece uma experiência pronta para uso para configurar e executar testes do Puppeteer, minimizando a carga de configuração e acelerando sua jornada de automação — especialmente na criação de testes ponta a ponta !

Configuração rápida para novo projeto

Para novos projetos, integrar o Puppeteer é muito fácil. Execute ng e2e e escolha a opção Puppeteer. Ele configura automaticamente seu projeto para testes básicos. Isso inclui a configuração de um teste simples que verifica o nome do seu projeto na página inicial.

Depois de configurar o acima, executar novamente executará os testes.

Integre-se ao seu projeto existente

Se o seu projeto já utiliza ng e2e ou outra biblioteca como o Protractor, não se preocupe! Você ainda pode integrar o Puppeteer com o seguinte comando:

ng add @puppeteer/ng-schematics

Este comando preserva sua configuração ng e2e existente ao instalar o Puppeteer separadamente. Você pode então executar seus testes do Puppeteer com o npm run puppeteer.

Crie um teste e personalize a configuração

Aqui estão mais dois comandos úteis @puppeteer/ng-schematics para acelerar seu fluxo de trabalho.

• Configurando um novo teste de Puppeteer:

ng generate @puppeteer/ng-schematics:e2e <NewTest>

• Criando um arquivo de configuração do Puppeteer para personalização (por exemplo, alterando o diretório de cache padrão ):

ng generate @puppeteer/ng-schematics:config

Migrando do transferidor

A transição do Protractor para o Puppeteer para seus testes Angular é facilitada com nosso guia sobre portabilidade de testes existentes. Você pode encontrar as etapas e considerações detalhadas em nosso guia .

Espiada: Automação entre navegadores com Firefox

A última versão do Puppeteer v21.6.0 traz novidades interessantes. Com o suporte experimental do WebDriver BiDi, você poderá aproveitar o poder do Puppeteer para automação entre navegadores no Chrome e no Firefox!

Se você ainda não ouviu falar do WebDriver BiDi , é um novo protocolo padrão de automação de navegador que vem com controle de nível inferior por design e suporta comunicação bidirecional rápida.

Recursos

• Saiba mais sobre o esquema angular do Puppeteer? Dê uma olhada em nossa documentação completa .
• Encontrou um bug? Envie um problema no rastreador oficial de problemas do Puppeteer .

Conslusão

Esse é mais um dos novos recursos do angular, o que vocês acharam, alguém ja utilizou essa ferramenta pra teste, caso sim deixe seu comentário dizendo o que achou dessa ferramenta para testes e2e. Deixe também uma sugestão de assunto no qual vocês tenham algum interesse ou duvida para que possamos estar trazendo aqui.