2017-04-02 1 views
0

@ angle/cli로 작업하는 코드 커버리지를 얻는 방법을 알아 내려고했지만, 지금까지별로 운이 없다.새로운 프로젝트에서 코드 커버리지를 볼 수 없다.

각진 CLI를 사용하여 새 프로젝트를 시작했습니다. 기본적으로 내가 한 것은 ng new test-coverage이었고 모든 것이 새 프로젝트 폴더에 설치되면 ng test --code-coverage을 수행했습니다. 테스트는 성공적으로 실행되었지만 코드 커버리지와 유사한 것은 브라우저에 표시되지 않았습니다.

일부 종속성 또는 다른 것이 누락 되었습니까? 어떤 도움을 주시면 감사하겠습니다.

편집 : R. 리차드와 라시드 Oussanaa, 오른쪽 파일이 생성됩니까되었고, 나는 index.html을 열어 액세스 할 수 있습니다.

이제 노드 테스트에이 파일을 통합하여 테스트가 실행 된 직후에 파일이 열리도록하는 방법이 있습니까?

+1

무엇이 출력 디렉토리에 출력 되었습니까? 볼 수있는 index.html 파일이 있어야합니다. –

+1

angular-cli는 프로젝트 디렉토리에 coverage 디렉토리를 생성합니다 –

+0

그게 전부입니다! 고마워, 내가 어떻게 그걸 놓친 지 모르겠다. ... 'ng test'명령에 그 것을 통합 할 수있는 방법이 있습니까? (테스트가 실행될 때 표시되므로 매번 수동으로 실행해야합니까?) – DVM

답변

1

여기에 당신이 할 수있는 작업은 다음과 같습니다

은 기본 응용 프로그램에서 파일을 여는 데 사용되는 크로스 플랫폼 도구입니다 인기 opn 패키지의 CLI를 opn-cli를 설치합니다.

npm install -D opn-cli-D dev 종속성으로 설치하십시오.

"scripts": { 
    ... 
    "test-coverage": "ng test --code-coverage --single-run && opn ./coverage/index.html" 
} 

을 다음과 같이 package.json에서

지금 우리는 정의 된 스크립트를 실행합니다 npm run test-coverage 이 실행 scripts 아래 스크립트를 추가합니다. 여기에 스크립트의 설명입니다

  • ng test --code-coverage --single-run 한 번만, 정보에 따르면,이 테스트를 실행이 따라서, --single-run
  • && 첫 번째 관계없이 파일을 엽니 다
  • opn ./coverage/index.html을 성공하면 기본적으로 두 번째 명령을 실행 플랫폼.
+0

감사합니다. 난 그냥 opn 대신에 HTTP 서버를 사용 – DVM

+0

난 정말 http 서버를 실행하는 것이 좋습니다 않는,하지만 당신이 주장하고 작동한다면, 그것을 위해 가자 :) –

+0

hehe, recommandation 주셔서 감사합니다. https://www.npmjs.com/package/http-server는 충분히 가벼운 것처럼 보였지만 너무 큰 번거 로움이있는 경우 opn으로 전환합니다. – DVM

관련 문제