Angular CLI - ng e2e Befehl

Syntax

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

ng e2e erstellt, bedient eine Anwendung und führt dann die End-to-End-Testfälle mit einem Winkelmesser aus. Optionen sind optionale Parameter.

Argumente

Sr.Nr. Argument & Syntax Beschreibung
1 <Projekt> Der Name des zu testenden Projekts.

Optionen

Sr.Nr. Option & Syntax Beschreibung
1 --baseUrl = baseUrl Basis-URL für den Winkelmesser, mit dem eine Verbindung hergestellt werden soll.
2 --configuration = Konfiguration

Ein benanntes Build-Ziel, wie im Abschnitt "Konfigurationen" von angle.json angegeben. Jedes benannte Ziel wird von einer Konfiguration der Optionsstandards für dieses Ziel begleitet. Wenn Sie dies explizit festlegen, wird das Flag "--prod" überschrieben

Aliase: -c

3 --devServerTarget = devServerTarget Dev-Server-Ziel, gegen das Tests ausgeführt werden sollen.
4 --grep = grep Führen Sie Spezifikationen aus, deren Namen mit dem Muster übereinstimmen, das intern zu einem RegExp kompiliert wird.
5 --help = true | false | json | JSON

Zeigt eine Hilfemeldung für diesen Befehl in der Konsole an.

Standard: false

6 --host = Host Host zum Anhören.
7 --invertGrep = true | false

Invertieren Sie die durch die Option 'grep' angegebene Auswahl.

Standard: false

8 --Hafen Der Port, der zur Bereitstellung der Anwendung verwendet werden soll.
9 --prod = true | false Abkürzung für "--configuration = Produktion". Wenn true, wird die Buildkonfiguration auf das Produktionsziel festgelegt. Standardmäßig wird das Produktionsziel in der Arbeitsbereichskonfiguration so eingerichtet, dass alle Builds Bündelung, begrenztes Baumschütteln und begrenzte Eliminierung von totem Code verwenden.
10 --protractorConfig = protractorConfig Der Name der Winkelmesser-Konfigurationsdatei.
11 --specs Überschreiben Sie die Spezifikationen in der Winkelmesserkonfiguration.
12 --suite = suite Suite in der Winkelmesserkonfiguration überschreiben.
13 --webdriverUpdate = true | false

Versuchen Sie, den Webdriver zu aktualisieren.

Standard: true

Wechseln Sie zuerst zu einem Winkelprojekt, das mit dem Befehl ng build aktualisiert wurde .

Führen Sie nun den Befehl e2e aus.

Beispiel

\>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.

Um Fehler zu beheben, aktualisieren Sie jetzt die Datei 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>

Führen Sie nun den Befehl e2e aus.

Beispiel

\>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 öffnet auch den Browser und verwendet ihn, um Akzeptanztestfälle über die Benutzeroberfläche auszuführen.