Cypress n'a pas réussi à se connecter à Chrome: 5 façons de le réparer facilement

JavaScript ne fonctionne pas toujours bien avec Chrome

Cyprès est un outil de test frontal purement basé sur JavaScript, conçu pour le Web moderne. Il vise à résoudre les problèmes rencontrés par les développeurs ou les ingénieurs QA lors du test d'une application.

Cypress est un outil plus convivial pour les développeurs qui utilise une technique de manipulation DOM unique et fonctionne directement dans le navigateur. Cypress fournit également un exécuteur de test interactif unique qui exécute toutes les commandes.

Indépendamment de ses fonctionnalités prometteuses, les utilisateurs se sont plaints que cypress n'a pas réussi à se connecter à Chrome. À d'autres occasions, les utilisateurs affirment que cypress docker n'a pas réussi à se connecter à chrome, ou que cypress n'a pas pu vérifier que ce serveur est en cours d'exécution, entre autres.

C'est pour cela que cet article propose des solutions aux problèmes de navigateur auxquels les utilisateurs sont confrontés lorsqu'ils tentent d'exécuter des commandes à l'aide de Cypress.

Cypress prend-il en charge tous les navigateurs ?

Cypress a une faiblesse critique: il ne peut pas exécuter de tests de manière native sur tous les types de navigateurs. Au moment de la rédaction de cet article, Cypress ne prend en charge qu'un ensemble limité de navigateurs: Chrome, Edge, Electron et Firefox.

Cela signifie qu'il n'y a pas de support pour Safari et Internet Explorer (IE). Cypress ne prend pas non plus en charge les navigateurs mobiles.

Cependant, il existe un moyen d'exécuter des tests Cypress sur n'importe quel type de navigateur, y compris Safari, IE et les navigateurs mobiles: en utilisant Applitools IA visuelle avec le Nuage de test ultrarapide.

Cypress utilise-t-il le protocole Chrome Devtools ?

Lorsque Cypress contrôle un navigateur Chromium, il dispose d'une connexion d'interface distante ouverte entre Cypress et le navigateur.

DevTools est inestimable pour déboguer une application ou comprendre pourquoi un test de bout en bout s'égare. En règle générale, Cypress utilise le protocole Chrome Devtools pour visiter le site et effectuer des opérations spéciales telles que la configuration de cookies ou la configuration du dossier de téléchargement de fichiers.

Pendant les tests Cypress, vous pouvez cliquer sur n'importe quelle commande pour afficher des informations supplémentaires sur cette commande, inspecter les éléments DOM et observer les appels réseau.

Comment faire fonctionner Cypress sur Chrome?

1. Mettre à jour le navigateur Chrome

1. Sur votre ordinateur et lancez Chrome.
2. En haut à droite, cliquez sur le Icône Plus.
3. Cliquez sur Aider et alors À propos de Google Chrome.
4. Cliquez sur Mettez à jour Google Chrome. (Si vous ne trouvez pas ce bouton, vous êtes sur la dernière version)

Aussi, vérifiez chrome.cypress.io pour les liens permettant de télécharger une version spécifique de Chrome (dev, Canary et stable) pour chaque plate-forme.

2. Utiliser des navigateurs de type Chrome

1. Ouvrez Cypress en tapant cette commande dans le terminal: node_modules/.bin/cypress ouvert
2. Exécutez la commande suivante dans le terminal: cypress run - navigateur chrome
3. La Fenêtre Exécuteur de test s'ouvrira, ce qui montrera le cas de test cypressTest1.js.
4. Vous pouvez sélectionner le navigateur pour le scénario de test dans la partie droite de Test Runner.

Tous les navigateurs à saveur Chrome seront détectés et sont pris en charge au-dessus de Chrome 64, tels que Chromium, Chrome Beta, Chrome Canary et autres.

3. Déboguer le navigateur Chrome

1. Activez le navigateur pour déboguer les journaux à l'aide de ce code: npm run cypress: run-hang
2. Lorsque cy.pause()commence, entrez chrome://crash dans l'URL pour afficher le comportement.

Cela aidera Cypress à fonctionner efficacement sur Chrome

4. Accordez à Chrome l'autorisation d'exécuter des tests

Vérifier Browser.setPermission commande pour définir l'autorisation. En accordant l'autorisation au testeur, le navigateur évite d'afficher le "ce site devrait-il avoir accès au presse-papier? » invite de l'utilisateur.

5. Effectuez une vérification manuelle de la commande

Il est possible que vous ayez écrit une boucle sans fin et que vous deviez corriger votre propre code. Il se peut également que vous exécutiez de nombreux tests sur une application gourmande en mémoire.

Nous espérons que les correctifs ci-dessus résoudront tout problème que vous pourriez rencontrer. Vous pouvez également vérifier comment réparer erreur des boutons chromewebdata.