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를 사용하여 수락 테스트 케이스를 실행하는 데 사용합니다.