각도 테스트 스텁 및 타이프 라이터

Question

나는

let component: MyComponent; 
let fixture: ComponentFixture<MyComponent>; 
let activatedRoute: ActivatedRouteStub; 

beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
     declarations: [MyComponent], 
     providers: [ 
      {provide: ActivatedRoute, useClass: ActivatedRouteStub}, 
      {provide: Router, useClass: RouterStub} 
     ] 
    }); 
})); 

beforeEach(() => { 
    fixture = TestBed.createComponent(MyComponent); 
    component = fixture.componentInstance; 
    activatedRoute = fixture.debugElement.injector.get(ActivatedRoute); 
    activatedRoute.testParams = { email: email}; 
    fixture.detectChanges(); // calls ngOnInit 
}); 

각 testing guide 다음이었다 내 테스트 중 하나를 설정을 다음 한 같은 곳

@Injectable() 
export class ActivatedRouteStub { 
    // ActivatedRoute.params is Observable 
    private subject = new BehaviorSubject(this.testParams); 
    params = this.subject.asObservable(); 

    // Test parameters 
    private _testParams: {}; 
    get testParams() { return this._testParams; } 
    set testParams(params: {}) { 
     this._testParams = params; 
     this.subject.next(params); 
    } 

    // ActivatedRoute.snapshot.params 
    get snapshot() { 
     return { params: this.testParams }; 
    } 
} 

이었다 모두 내가에 npm install을 수행 할 때까지 잘 transpiling 패키지 업데이트 (각도 4 및 타이프 스크립트) 이제 다음과 같은 오류가 발생합니다.

TS2322: Type 'ActivatedRoute' is not assignable to type 'ActivatedRouteStub'. 
    Property 'subject' is missing in type 'ActivatedRoute'. 

TS2339: Property 'parent' does not exist on type 'ActivatedRouteStub'. 

왜 갑자기 이러한 오류가 발생하는지 알고 싶습니다.

Answer 1

ActivatedRoute 클래스를 검색하고 ActivatedRouteStub에 할당하는 중 문제가 발생했습니다. 수정 사항은 다음과 같습니다.

let activatedRoute: ActivatedRouteStub; 
... 
activatedRoute = fixture.debugElement.injector.get(ActivatedRoute) as any;