CLI Angular - Comando ng e2e

Sintaxe

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

ng e2e constrói, atende um aplicativo e, em seguida, executa os casos de teste de ponta a ponta usando transferidor. As opções são parâmetros opcionais.

Argumentos

Sr. Não.	Argumento e Sintaxe	Descrição
1	<projeto>	O nome do projeto a ser testado.

Opções

Sr. Não.	Opção e sintaxe	Descrição
1	--baseUrl = baseUrl	URL base para o transferidor se conectar.
2	--configuration = configuração	Um destino de compilação nomeado, conforme especificado na seção "configurações" do angular.json. Cada destino nomeado é acompanhado por uma configuração de opções padrão para esse destino. Definir isso substitui explicitamente o sinalizador "--prod" Aliases: -c
3	--devServerTarget = devServerTarget	Destino do servidor de desenvolvimento para executar testes.
4	--grep = grep	Execute especificações cujos nomes correspondam ao padrão, que é compilado internamente para um RegExp.
5	--help = true \| false \| json \| JSON	Mostra uma mensagem de ajuda para este comando no console. Padrão: falso
6	--host = host	Host para ouvir.
7	--invertGrep = true \| false	Inverte a seleção especificada pela opção 'grep'. Padrão: falso
8	--porta	A porta a ser usada para atender ao aplicativo.
9	--prod = true \| false	Abreviação de "--configuration = production". Quando verdadeiro, define a configuração de construção para o destino de produção. Por padrão, o destino de produção é definido na configuração do espaço de trabalho de forma que todas as compilações façam uso de agrupamento, agitação limitada de árvore e também eliminação limitada de código morto.
10	--protractorConfig = protractorConfig	O nome do arquivo de configuração do Protractor.
11	--specs	Substitua as especificações na configuração do transferidor.
12	--suite = suite	Substituir pacote na configuração do transferidor.
13	--webdriverUpdate = true \| false	Tente atualizar o webdriver. Padrão: verdadeiro

Primeiro vá para um projeto angular atualizado usando o comando ng build .

Agora execute o comando e2e.

Exemplo

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

Agora, para corrigir as falhas, atualize o 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>

Agora execute o comando e2e.

Exemplo

\>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 também abre o navegador e o usa para executar casos de teste de aceitação usando a IU.