각도 테스트 : 개발자의 소개

이 안내서는 angular 5 프로젝트의 자동 테스트, 단위 및 엔드 투 엔드 테스트를 탐색합니다. Angular의 내장 테스트 기능은 Angular CLI 또는 Quick Start 프로젝트를 통해 액세스 할 수있는 중심입니다.

이 안내서는 기본적인 이해를 제공합니다. 포괄적 인 치료에는 훨씬 더 긴 자원이 필요합니다.

주요 개념 :

Angular Testing Fundamentals : Angular 5 프로젝트는 Angular CLI 또는 빠른 시작을 사용한 자동 테스트 기능을 포함합니다.

테스트 기술 :

(테스트 모듈 구성), 재스민 (쓰기 테스트), 카르마 (브라우저 테스트 실행) 및 각도기 (엔드 투 엔드 고환)는 핵심 기술입니다. > 단위 테스트 구성 요소 :

구성 요소는 템플릿 및 종속성 상호 작용을 평가하기 위해 분리 또는 각도 환경 내에서 테스트됩니다. 및 비동기 유틸리티는 이것을 촉진합니다 종속성 테스트 : 다른 구성 요소, 서비스 또는 모듈에 의존하는 구성 요소의 경우 분리를 위해서는 모의 서비스 또는 스키마가 필요합니다.

엔드 투 엔드 테스트 :

Pretractor는 실제 브라우저에서 사용자 작업을 시뮬레이션하여 응용 프로그램 기능을 확인합니다. 코드 적용 범위 :
• 와 같은 도구 테스트 범위의 범위를 보여주는 보고서 생성. 보충 도구 : (코드 라인) 및 Visual Studio Code (지능형 코드 편집) 코드 품질 및 일관성 향상.
• 전제 조건 : 자동 테스트 개념에 대한 각도 4 기초와 친숙함에 대한 강력한 파악이 가정됩니다. 이 안내서는 각 5.2를 사용합니다. 예제 코드를 사용할 수 있습니다 (GitHub 리포지토리에 대한 링크는 여기에 있습니다). TestBed
테스트 기술 :
• 각도 테스트 유틸리티 : 테스트 환경 구축을위한 클래스 및 기능 (주로 테스트 모듈 구성의 경우
  • ). 예 : <..> TestBed jasmine :
  행동 중심 표기법을 사용한 테스트 프레임 워크. 예 : <..>

  TestBed.configureTestingModule({
    imports: [ RouterTestingModule ],
    declarations: [ DashboardComponent ],
    schemas: [ NO_ERRORS_SCHEMA ],
    providers: [
      {
        provide: HeroService,
        useClass: MockHeroService
      }
    ],
  })
  .compileComponents();

  카르마 : 브라우저 환경에서 테스트를 실행하여 명령 줄과 브라우저에서 결과를 표시합니다. 구성은 에 있습니다. 예제 구성 스 니펫 :
  Protractor :

  describe('createCustomer', () => {
    it('should create new customer', (customer) => {
      // ...assertions...
    });
    // ...more tests...
  });

  실제 브라우저에서 사용자 상호 작용을 시뮬레이션하는 각도를위한 엔드 투 엔드 테스트 프레임 워크. 구성은
  • 단위 테스트 : running 는 테스트를 실행합니다. 그런 다음 안내서는 조롱 또는 와 같은 기술을 사용하여 종속성 (기타 구성 요소, 모듈, 서비스)으로 구성 요소 테스트와 같은 일반적인 문제를 해결하는 방법을 자세히 설명합니다. 이 예제는 및 를 사용하는 구성 요소를 테스트하는 방법을 보여줍니다. 서비스를 사용하는 테스트 구성 요소가 해결되어 단위 테스트를 분리하기위한 모의 서비스 생성을 보여줍니다. 서비스 테스트 : 가이드는 와 상호 작용하는 서비스를 테스트하는 예를 제공하고 karma.conf.js를 사용하여 요청 및 응답을 제어하여 다양한 테스트 시나리오를 만듭니다.
  엔드 투 엔드 테스트 : 가이드는 각도기를 사용하여 엔드 투 엔드 테스트를 소개하고, 헬퍼 함수를 ​​만드는 방법 (예 : ) 및 E2E 테스트 (예 : ). 예제는 내비게이션 테스트 및 표시된 텍스트 확인을 보여줍니다

  module.exports = function (config) {
    config.set({
      // ...configuration details...
      browsers: ['Chrome'],
      // ...more configuration...
    });
  };

  코드 커버리지 : 가이드는 를 사용하여 코드 적용 범위 보고서를 생성하는 방법과 에서 커버리지 임계 값을 구성하는 방법을 설명합니다.
  • 추가 유틸리티 : 가이드는 지능형 코드 편집 기능 (IntelliSense, 오류 강조 표시, 각도 확장)을 위해 코드 라인 및 Visual Studio Code에 를 사용하는 것이 좋습니다. 지속적인 통합 (CI)의 이점도 언급되어 있습니다 protractor.conf.js 테스트를 작성할 때 :

    > 가이드는 테스트를 작성하는 것이 적절한시기 (프로토 타이핑 후, 충분한 자금 지원으로)와 테스트 중심 개발 (TDD)의 이점을 논의함으로써 결론을 내립니다. 생산 준비 응용 프로그램에 대한 테스트의 중요성을 강조합니다. FAQ 섹션은 각도 테스트에 대한 일반적인 질문을 다룹니다

위 내용은 각도 테스트 : 개발자의 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!