Rapporteur - Prise en main

Dans les chapitres précédents, nous avons appris les bases de Protractor. Dans ce chapitre, apprenons comment l'installer et le configurer.

Conditions préalables

Nous devons satisfaire les conditions préalables suivantes avant d'installer Protractor sur votre ordinateur -

Node.js

Protractor est un module Node.js, donc la condition préalable très importante est que nous devons avoir Node.js installé sur notre ordinateur. Nous allons installer le package Protractor en utilisant npm (un gestionnaire de packages JavaScript), fourni avec Node.js.

Pour installer Node.js, veuillez suivre le lien officiel - https://nodejs.org/en/download/. Après avoir installé Node.js, vous pouvez vérifier la version de Node.js et npm en écrivant la commandenode --version et npm --version dans l'invite de commande comme indiqué ci-dessous -

Chrome

Google Chrome, un navigateur Web conçu par Google, sera utilisé pour exécuter des tests de bout en bout dans Protractor sans avoir besoin d'un serveur Selenium. Vous pouvez télécharger Chrome en cliquant sur le lien -https://www.google.com/chrome/.

Selenium WebDriver pour Chrome

Cet outil est fourni avec le module Protractor npm et nous permet d'interagir avec les applications Web.

Installation du rapporteur

Après avoir installé Node.js sur notre ordinateur, nous pouvons installer Protractor à l'aide de la commande suivante -

npm install -g protractor

Une fois le rapporteur installé avec succès, nous pouvons vérifier sa version en écrivant protractor --version commande dans l'invite de commande comme indiqué ci-dessous -

Installation de WebDriver pour Chrome

Après avoir installé Protractor, nous devons installer Selenium WebDriver pour Chrome. Il peut être installé à l'aide de la commande suivante -

webdriver-manager update

La commande ci-dessus créera un répertoire Selenium contenant le pilote Chrome requis utilisé dans le projet.

Confirmation de l'installation et de la configuration

Nous pouvons confirmer l'installation et la configuration de Protractor en modifiant légèrement le fichier conf.js fourni dans l'exemple après l'installation de Protractor. Vous pouvez trouver ce fichier conf.js dans le répertoire racinenode_modules/Protractor/example.

Pour cela, créez d'abord un nouveau fichier nommé testingconfig.js dans le même répertoire ie node_modules/Protractor/example.

Maintenant, dans le fichier conf.js, sous le paramètre de déclaration du fichier source, écrivez testingconfig.js.

Ensuite, enregistrez et fermez tous les fichiers et ouvrez l'invite de commande. Exécutez le fichier conf.js comme indiqué dans la capture d'écran ci-dessous.

La configuration et l'installation de Protractor réussissent si vous obtenez la sortie comme indiqué ci-dessous -

La sortie ci-dessus montre qu'il n'y a pas de spécification car nous avons fourni le fichier vide au paramètre de déclaration du fichier source dans le fichier conf.js. Mais à partir de la sortie ci-dessus, nous pouvons voir que le rapporteur et WebDriver fonctionnent avec succès.

Problèmes d'installation et de configuration

Lors de l'installation et de la configuration de Protractor et WebDriver, nous pouvons rencontrer les problèmes courants suivants:

Selenium n'est pas installé correctement

C'est le problème le plus courant lors de l'installation de WebDriver. Ce problème survient si vous ne mettez pas à jour le WebDriver. Notez que nous devons mettre à jour WebDriver, sinon nous ne pourrions pas le référencer à l'installation de Protractor.

Impossible de trouver des tests

Un autre problème courant est qu'après l'exécution de Protractor, cela montre qu'il est impossible de trouver des tests. Pour cela, nous devons nous assurer que les chemins, noms de fichiers ou extensions relatifs sont corrects. Nous devons également écrire le fichier conf.js très soigneusement car il commence par le fichier de configuration lui-même.