web-dev-qa-db-fra.com

Comment déboguer angular tests de rapporteur dans WebStorm

Il existe un moyen d'exécuter et de déboguer les tests Web du rapporteur dans WebStorm. Je veux juste partager ceci répondre ici

javascriptangularjsnode.jsprotractorwebstorm
30
Sergei Panfilov
  1. Obtenez le chemin du nœud (tapez which node dans votre terminal)
  2. Dans le WebStorm: Cliquez sur "Modifier les configurations" - la liste déroulante à gauche du bouton "Exécuter" (flèche verte comme un bouton "play")
  3. Cliquez sur le "bouton Ajouter" (vert +) pour ajouter une nouvelle configuration Node. Sélectionnez "Node.js"
  4. Remplissez les paramètres:

Node interpreter: Chemin complet vers Node.js (à partir de l'étape 1)

répertoire de travail: répertoire personnel pour les tests du rapporteur.

fichier Javascript: chemin complet vers node_modules/protractor/lib/cli.js

Paramètres d'application: Chemin complet vers protractor-conf.js

Vous pouvez maintenant exécuter et déboguer des tests en cliquant sur les boutons "Exécuter" ou "Déboguer" en haut de l'IDE

53
Sergei Panfilov

Ça marche! Voici mes paramètres

enter image description here

15
David Dehghan

Je rencontrais les mêmes problèmes décrits par les commentaires de la réponse de S.Panfilov, c'est-à-dire que l'exécution du rapporteur dans WebStorm a bien fonctionné, mais le processus de débogage est resté coincé quelque part.

Le problème est décrit ici . Cela se produisait sous Mac OS X avec la version 0.20.1 du rapporteur et le nœud v0.10.26.

Le problème est résolu dans version 0.22 .

  • Mettre à jour le rapporteur vers la dernière version (> = 0,22) en utilisant npm
  • Réexécutez: node_modules/protractor/bin/webdriver-manager update
  • Dans WebStorm, configurez "Your Protractor Conf" comme décrit par S.Panfilov dans sa réponse
  • Définissez des points d'arrêt dans votre fichier de test du rapporteur (regardez cette vidéo en premier)
  • Lancez "Exécuter> Déboguer" Votre rapporteur de conférence "" à partir de WebStorm
  • Profitez du débogage
3
guidoman

Pour mac OSX: enter image description here sur la gauche, vous pouvez voir la structure du dossier de tests

2
pbaranski

Au fait si vous avez besoin de passer des paramètres supplémentaires voici la configuration dont vous avez besoin

  • Sélectionnez ‘Node.js’ configuration dans la liste
  • Nom: "rapporteur"
  • Interpréteur de nœuds: "C:\Program Files\nodejs\node.exe"
  • Paramètres du nœud: ‘’
  • Directeur de travail:
  • Fichier JavaScript: ‘~\AppData\Roaming\npm\node_modules\protractor\built\cli.js’
  • Paramètres d'application, c'est ici que vous spécifiez le chemin vers votre conf, par rapport au répertoire de travail ^ puis des paramètres comme celui-ci: 'e2e/settings/configs/protractor.custom.conf.js --baseUrl = " https://stage.mysite.com "--params.login =" testuser "--params.password =" test_USER00 "'
  • Variables d'environnement: ''

Cette configuration fonctionne très bien dans mon projet, où nous comptons uniquement sur la syntaxe async/wait

1
Sergey Pleshakov

A travaillé pour moi. Il recherchait le protractor.conf.js dans le mauvais dossier. J'ai dû chercher quelques dirs.

Paramètres d'application: ../../protractor.conf.js

1
Chester Rivas

Comme certaines des autres réponses ici, j'ai trouvé que je pouvais exécuter dans la version mais pas dans Debug et que cela se bloquerait à un moment donné. J'ai trouvé que j'avais le fichier conf défini pour cibler deux navigateurs et il semble que c'était trop pour le débogueur et qu'il se bloquerait sans plus d'informations. Cibler un seul navigateur a résolu ce problème pour moi.

1
Andrew