Cypress falhou ao se conectar ao Chrome: 5 maneiras de corrigi-lo facilmente

JavaScript nem sempre funciona bem com o Chrome

Cipreste é uma ferramenta de teste de front-end puramente baseada em JavaScript criada para a web moderna. Ele visa abordar os pontos problemáticos que os desenvolvedores ou engenheiros de controle de qualidade enfrentam ao testar um aplicativo.

Cypress é uma ferramenta mais amigável ao desenvolvedor que usa uma técnica exclusiva de manipulação de DOM e opera diretamente no navegador. Cypress também fornece um executor de teste interativo exclusivo que executa todos os comandos.

Independentemente de seus recursos promissores, os usuários reclamam que o cipreste não conseguiu se conectar ao Chrome. Em outras ocasiões, os usuários alegam que o cypress docker falhou ao se conectar ao chrome ou que o cypress não pôde verificar se este servidor está em execução, entre outros.

É por isso que este artigo apresenta soluções para os problemas baseados em navegador que os usuários enfrentam ao tentar executar comandos usando o Cypress.

O Cypress suporta todos os navegadores?

O Cypress tem uma fraqueza crítica: ele não pode executar testes nativamente em todos os tipos de navegadores. No momento da redação deste artigo, o Cypress suporta apenas um conjunto limitado de navegadores: Chrome, Edge, Electron e Firefox.

Isso significa que não há suporte para Safari e Internet Explorer (IE). Cypress também não suporta navegadores móveis.

No entanto, existe uma maneira de executar testes Cypress em qualquer tipo de navegador, incluindo Safari, IE e navegadores móveis: usando Applitools Visual AI com o Nuvem de teste ultrarrápida.

O Cypress usa o protocolo Chrome Devtools?

Quando o Cypress controla um navegador Chromium, ele tem uma conexão de interface remota aberta entre o Cypress e o navegador.

O DevTools é inestimável para depurar um aplicativo ou entender por que um teste de ponta a ponta dá errado. Normalmente, o Cypress usa o protocolo Chrome Devtools para visitar o site e realizar operações especiais, como configurar cookies ou configurar a pasta de downloads de arquivos.

Durante os testes do Cypress, você pode clicar em qualquer comando para ver informações adicionais para esse comando, inspecionar elementos DOM e observar chamadas de rede.

Como faço para que o Cypress funcione no Chrome?

1. Atualize o navegador Chrome

1. No seu computador e inicie o Chrome.
2. No canto superior direito, clique no Mais ícone.
3. Clique Ajuda e depois Sobre Google Chrome.
4. Clique Atualize o Google Chrome. (Se você não encontrar este botão, você está na versão mais recente)

Verifique também cromo.cypress.io para links para baixar uma versão específica do Chrome (dev, Canary e stable) para cada plataforma.

2. Use navegadores com sabor Chrome

1. Abra o Cypress digitando este comando no terminal: node_modules/.bin/cypress aberto
2. Execute o seguinte comando no terminal: cypress run -browser chrome
3. o Janela do executor de teste será aberto, que mostrará o caso de teste cypressTest1.js.
4. Você pode selecionar o navegador para o caso de teste no lado direito do Test Runner.

Todos os navegadores com sabor Chrome serão detectados e são suportados acima do Chrome 64, como Chromium, Chrome Beta, Chrome Canary e outros.

3. Depurar o navegador Chrome

1. Habilite o navegador para depurar logs usando este código: npm run cipreste: run-hang
2. Quando cy.pause()começa, entra chrome://crash na URL para visualizar o comportamento.

Fazer isso ajudará o Cypress a funcionar de maneira eficaz no Chrome

4. Conceder ao Chrome a permissão para executar testes

Verificar Browser.setPermission comando para definir a permissão. Ao conceder a permissão ao executor de teste, o navegador pula mostrando o “este site deve ter acesso à área de transferência?” prompt do usuário.

5. Faça uma verificação manual no comando

É possível que você tenha escrito um loop infinito e precise corrigir seu próprio código. Também pode ser que você esteja executando muitos testes em um aplicativo de memória intensa.

Esperamos que as correções acima resolvam qualquer problema que você possa encontrar. Você também pode verificar como corrigir erro de botões chromewebdata.