CLI angolare - comando ng e2e

Sintassi

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

ng e2e crea, serve un'applicazione e quindi esegue i test case end-to-end utilizzando il goniometro. Le opzioni sono parametri opzionali.

argomenti

Sr.No.	Argomento e sintassi	Descrizione
1	<progetto>	Il nome del progetto da testare.

Opzioni

Sr.No.	Opzione e sintassi	Descrizione
1	--baseUrl = baseUrl	URL di base per il goniometro a cui connettersi.
2	--configuration = configurazione	Un target build denominato, come specificato nella sezione "configurazioni" di angular.json. Ciascun target denominato è accompagnato da una configurazione dei valori predefiniti delle opzioni per tale target. L'impostazione di questo sovrascrive esplicitamente il flag "--prod" Alias: -c
3	--devServerTarget = devServerTarget	Destinazione del server di sviluppo su cui eseguire i test.
4	--grep = grep	Esegui specifiche i cui nomi corrispondono al modello, che viene compilato internamente in una RegExp.
5	--help = true | false | json | JSON	Mostra un messaggio di aiuto per questo comando nella console. Predefinito: false
6	--host = host	Host da ascoltare.
7	--invertGrep = true | false	Inverte la selezione specificata dall'opzione 'grep'. Predefinito: false
8	--porta	La porta da utilizzare per servire l'applicazione.
9	--prod = true | false	Abbreviazione di "--configuration = production". Quando true, imposta la configurazione della build sulla destinazione di produzione. Per impostazione predefinita, l'obiettivo di produzione è impostato nella configurazione dell'area di lavoro in modo tale che tutte le build utilizzino raggruppamento, scuotimento limitato degli alberi e anche eliminazione limitata del codice morto.
10	--protractorConfig = goniometroConfig	Il nome del file di configurazione del goniometro.
11	--Specifiche	Ignora le specifiche nella configurazione del goniometro.
12	- suite = suite	Sovrascrivi la suite nella configurazione del goniometro.
13	--webdriverUpdate = true | false	Prova ad aggiornare il webdriver. Predefinito: vero

Primo passaggio a un progetto angolare aggiornato utilizzando il comando ng build .

Ora esegui il comando e2e.

Esempio

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

Ora per correggere gli errori, aggiorna l'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>

Ora esegui il comando e2e.

Esempio

\>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 apre anche il browser e lo utilizza per eseguire casi di test di accettazione utilizzando l'interfaccia utente.