CLI angular - comando ng e2e

Sintaxis

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

ng e2e construye, sirve una aplicación y luego ejecuta los casos de prueba de un extremo a otro usando un transportador. Las opciones son parámetros opcionales.

Argumentos

No Señor. Argumento y sintaxis Descripción
1 <proyecto> El nombre del proyecto para probar.

Opciones

No Señor. Opción y sintaxis Descripción
1 --baseUrl = baseUrl URL base para que el transportador se conecte.
2 --configuration = configuración

Un destino de compilación con nombre, como se especifica en la sección "configuraciones" de angular.json. Cada objetivo nombrado viene acompañado de una configuración de opciones predeterminadas para ese objetivo. Establecer esto anula explícitamente la marca "--prod"

Alias: -c

3 --devServerTarget = devServerTarget Destino del servidor de desarrollo para ejecutar pruebas.
4 --grep = grep Ejecute especificaciones cuyos nombres coincidan con el patrón, que se compila internamente en una RegExp.
5 --help = true | false | json | JSON

Muestra un mensaje de ayuda para este comando en la consola.

Predeterminado: falso

6 --host = host Anfitrión para escuchar.
7 --invertGrep = verdadero | falso

Invierte la selección especificada por la opción 'grep'.

Predeterminado: falso

8 --Puerto El puerto que se utilizará para servir la aplicación.
9 --prod = verdadero | falso Abreviatura de "--configuration = producción". Cuando es verdadero, establece la configuración de compilación en el objetivo de producción. De forma predeterminada, el objetivo de producción se establece en la configuración del espacio de trabajo de modo que todas las compilaciones utilizan la agrupación, la agitación limitada de árboles y también la eliminación limitada de códigos muertos.
10 --protractorConfig = transportadorConfig El nombre del archivo de configuración del transportador.
11 --especificaciones Anula las especificaciones en la configuración del transportador.
12 --suite = suite Override suite en la configuración del transportador.
13 --webdriverUpdate = verdadero | falso

Intente actualizar webdriver.

Predeterminado: verdadero

Primero muévase a un proyecto angular actualizado usando el comando ng build .

Ahora ejecute el comando e2e.

Ejemplo

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

Ahora, para corregir fallas, actualice 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>

Ahora ejecute el comando e2e.

Ejemplo

\>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 también abre el navegador y lo usa para ejecutar casos de prueba de aceptación usando la interfaz de usuario.