Angular CLI-ng e2e 명령

통사론

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

e2e는 빌드하고 애플리케이션을 제공 한 다음 각도기를 사용하여 엔드 투 엔드 테스트 케이스를 실행합니다. 옵션은 선택적 매개 변수입니다.

인수

Sr. 아니.	인수 및 구문	기술
1	<프로젝트>	테스트 할 프로젝트의 이름입니다.

옵션

Sr. 아니.	옵션 및 구문	기술
1	--baseUrl = baseUrl	각도기를 연결할 기본 URL입니다.
2	--configuration = configuration	angular.json의 "configurations"섹션에 지정된 명명 된 빌드 대상입니다. 명명 된 각 대상에는 해당 대상에 대한 옵션 기본값 구성이 함께 제공됩니다. 이것을 설정하면 "--prod"플래그가 명시 적으로 재정의됩니다. 별칭 : -c
삼	--devServerTarget = devServerTarget	테스트를 실행할 개발 서버 대상입니다.
4	--grep = grep	내부적으로 RegExp로 컴파일 된 패턴과 이름이 일치하는 사양을 실행합니다.
5	--help = true \| false \| json \| JSON	콘솔에이 명령에 대한 도움말 메시지를 표시합니다. 기본값 : false
6	--host = host	청취 할 호스트입니다.
7	--invertGrep = true \| false	'grep'옵션으로 지정된 선택을 반전합니다. 기본값 : false
8	--포트	애플리케이션을 제공하는 데 사용할 포트입니다.
9	--prod = true \| false	"--configuration = production"의 약자입니다. true 인 경우 빌드 구성을 프로덕션 대상으로 설정합니다. 기본적으로 프로덕션 타겟은 모든 빌드가 번들링, 제한된 트리 쉐이킹 및 제한된 데드 코드 제거를 사용하도록 작업 공간 구성에 설정됩니다.
10	--protractorConfig = protractorConfig	각도기 구성 파일의 이름입니다.
11	--명세서	각도기 구성의 사양을 재정의합니다.
12	--suite = suite	각도기 구성에서 모음을 재정의합니다.
13	--webdriverUpdate = true \| false	웹 드라이버를 업데이트 해보십시오. 기본값 : true

먼저 ng build 명령을 사용하여 업데이트 된 각도 프로젝트로 이동합니다 .

이제 e2e 명령을 실행하십시오.

예

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

이제 실패를 수정하려면 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>

이제 e2e 명령을 실행하십시오.

예

\>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는 또한 브라우저를 열고 UI를 사용하여 수락 테스트 케이스를 실행하는 데 사용합니다.