CLI angulaire - commande ng e2e

Syntaxe

ng e2e <project> [options]
ng e <project> [options]

ng e2e génère, sert une application, puis exécute les cas de test de bout en bout à l'aide de rapporteur. Les options sont des paramètres facultatifs.

Arguments

N ° Sr. Argument et syntaxe La description
1 <projet> Le nom du projet à tester.

Options

N ° Sr. Option et syntaxe La description
1 --baseUrl = baseUrl URL de base à laquelle le rapporteur doit se connecter.
2 --configuration = configuration

Une cible de construction nommée, comme spécifié dans la section "configurations" de angular.json. Chaque cible nommée est accompagnée d'une configuration d'options par défaut pour cette cible. La définition de ce paramètre remplace explicitement l'indicateur "--prod"

Alias: -c

3 --devServerTarget = devServerTarget Cible du serveur de développement sur laquelle exécuter des tests.
4 --grep = grep Exécutez des spécifications dont les noms correspondent au modèle, qui est compilé en interne dans un RegExp.
5 --help = true | false | json | JSON

Affiche un message d'aide pour cette commande dans la console.

Valeur par défaut: faux

6 --host = hôte Hôte à écouter.
sept --invertGrep = true | false

Inversez la sélection spécifiée par l'option 'grep'.

Valeur par défaut: faux

8 --Port Le port à utiliser pour servir l'application.
9 --prod = vrai | faux Abréviation de "--configuration = production". Lorsque true, définit la configuration de construction sur la cible de production. Par défaut, la cible de production est configurée dans la configuration de l'espace de travail de telle sorte que toutes les versions utilisent le regroupement, le tremblement d'arborescence limité et l'élimination limitée du code mort.
dix --protractorConfig = protractorConfig Le nom du fichier de configuration Protractor.
11 --spécifications Remplacer les spécifications dans la configuration du rapporteur.
12 --suite = suite Override suite dans la configuration du rapporteur.
13 --webdriverUpdate = true | false

Essayez de mettre à jour le pilote Web.

Par défaut: vrai

Commencez par passer à un projet angulaire mis à jour à l'aide de la commande ng build .

Exécutez maintenant la commande e2e.

Exemple

\>Node\>TutorialsPoint> ng e2e
...
chunk {main} main.js, main.js.map (main) 14.3 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 12.4 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3 MB [initial] [rendered]
Date: 2020-06-06T04:20:15.029Z - Hash: 16f321e3d4599af26622 - Time: 20899ms
** Angular Live Development Server is listening on localhost:4200, open your bro
wser on http://localhost:4200/ **
: Compiled successfully.
...
   workspace-project App
    x should display welcome message
      - Failed: No element found using locator: By(css selector, app-root .content span)
   ...
      From: Task: Run it("should display welcome message") in control flow
   ...
**************************************************
*                    Failures                    *
**************************************************

1) workspace-project App should display welcome message
  - Failed: No element found using locator: By(css selector, app-root .content span)

Executed 1 of 1 spec (1 FAILED) in 2 secs.

Maintenant, pour corriger les échecs, mettez à jour app.component.html

app.component.html

<div class="content" role="main">
   <span>{{ title }} app is running!</span>
</div>
<app-goals></app-goals>
<router-outlet></router-outlet>

Exécutez maintenant la commande e2e.

Exemple

\>Node\>TutorialsPoint> ng e2e
...
chunk {main} main.js, main.js.map (main) 14.9 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 12.4 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3 MB [initial] [rendered]
Date: 2020-06-06T04:28:33.514Z - Hash: 5d8bf2fc7ff59fa390b0 - Time: 10529ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
: Compiled successfully.
...
   workspace-project App
      √ should display welcome message

Executed 1 of 1 spec SUCCESS in 2 secs.

ng e2e ouvre également le navigateur et l'utilise pour exécuter des cas de test d'acceptation à l'aide de l'interface utilisateur.