protractor Rapporteur: test E2E pour applications angulaires d'entreprise


Exemple

Installation et configuration du rapporteur

Étape 1 : Téléchargez et installez NodeJS à partir d'ici. Assurez-vous d'avoir la dernière version du noeud. Ici, j'utilise le noeud v7.8.0. Le kit de développement Java (JDK) doit être installé pour exécuter le sélénium.

Étape 2 : Ouvrez votre terminal et entrez la commande suivante pour installer le rapporteur globalement.

npm install -g protractor

Cela installera deux outils tels que le rapporteur et le gestionnaire Webdriver. Vous pouvez vérifier l'installation de votre protractor –version. en suivant la commande suivante: protractor –version. Si Protractor est installé avec succès, le système affichera la version installée (c.-à-d. La version 5.1.1). Sinon, vous devrez revérifier l'installation. Étape 3: Mettez à jour le gestionnaire webdriver pour télécharger les fichiers binaires nécessaires.

webdriver-manager update

Étape 4: La commande suivante lancera un serveur Selenium. Cette étape exécutera le gestionnaire de pilotes Web en arrière-plan et écoutera tous les tests exécutés via le rapporteur.

webdriver-manager start Vous pouvez voir des informations sur l'état du serveur à l' http://localhost:4444/wd/hub/static/resource/hub.html.

Ecriture du premier cas de test à l'aide du rapporteur:

Avant de passer à l'écriture du scénario de test, nous devons préparer deux fichiers, à savoir le fichier de configuration et le fichier de spécifications.

Dans le fichier de configuration:

//In conf.js
exports.config = {
    baseUrl: ‘http://localhost:8800/adminapp’,
    seleniumAddress: ‘http://localhost:4444/wd/hub',
    specs: [‘product/product_test.js’],
    directConnect : true,
    capabilities :{
        browserName: ‘chrome’
    }
}

Compréhension de base des terminologies utilisées dans le fichier de configuration:

baseUrl - Une URL de base pour votre application en cours de test.

seleniumAddress - Pour vous connecter à un serveur Selenium déjà en cours d'exécution.

specs - Emplacement de votre fichier de spécifications

directConnect : true - Pour se connecter directement au navigateur Drivers.

Capacités - Si vous testez sur un seul navigateur, utilisez l'option des fonctionnalités. Si vous testez sur plusieurs navigateurs, utilisez le tableau multiCapabilities.

Vous pouvez trouver plus d'options de configuration à partir d' ici . Ils ont décrit toute la terminologie possible avec sa définition.

Dans le fichier Spec:

//In product_test.js

    describe(‘Angular Enterprise Boilerplate’, function() {
      it('should have a title', function() {
        browser.get('http://localhost:8800/adminapp’);
        expect(browser.getTitle()).toEqual(‘Angular Enterprise Boilerplate’);
      });
    });

Compréhension de base des terminologies utilisées dans les fichiers de spécifications:

Par défaut, Protractor utilise le framework jasmine pour son interface de test. La syntaxe 'describe' et 'it' provient du framework Jasmin. Vous pouvez en apprendre plus d'ici. Exécution du premier test:

Avant de lancer le test, assurez-vous que votre gestionnaire webdriver et votre application s'exécutent dans différents onglets de votre terminal.

Maintenant, lancez le test avec:

Protractor app/conf.js

Vous devriez voir que le navigateur chrome s'ouvre avec l'URL de votre application et se ferme. Le résultat du test doit être 1 test, 1 assertion, 0 échec.

Bravo! Vous avez réussi votre premier scénario de test.