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.