각도 2 단위 테스트 routerLink 클릭

Question

I는 다음과 같은 몇 가지 링크가있는 구성 요소를 테스트하기 위해 노력하고있어 : 또한, 이미 this question로보고 시도

<a routerLink="/contact">Contact</a> 

하지만이 해결되지 않았다 문제. 나는 그 질문 (아래 코드)에 의해 제안 된 솔루션을하려고하면 내가 공급자를 설정하는 트라이 경우

, 나는,이 오류

beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
     imports: [RouterTestingModule], 
     declarations: [FooterComponent], 
    }).compileComponents(); 
})); 

beforeEach(() => { 
    fixture = TestBed.createComponent(FooterComponent); 
    component = fixture.componentInstance; 
}); 

describe('...',() => { 
    it('should navigate to "/contact" when clicking on link', async(inject([Location], (location: Location) => { 
     fixture.debugElement.query(By.css('.menu')).children[1].nativeElement.click(); 
     fixture.detectChanges(); 
     fixture.whenStable().then(() => { 
      console.log(location.path()); 
     }); 
    }))); 
}); 

No provider for Location!

가 계속 : [위치] 나는이 오류가 발생합니다 :

spyOn(router, 'navigate'); 
expect(router.navigate).toHaveBeenCalled(); 

01 :

Failed: StaticInjectorError[LocationStrategy]:
StaticInjectorError[LocationStrategy]:
NullInjectorError: No provider for LocationStrategy!

나는 다음과 같이 라우터 스파이 시도

하지만 '절대로 호출하지 않음'으로 테스트에 실패합니다.

이 문제를 어떻게 해결할 수 있습니까?

Answer 1

의견에서 Aluan Haddad가 지적한대로 imports에 CommonModules이 누락되었습니다.

그 후 오류는 사라졌지만 제대로 작동하지 못했습니다. 이유는 내가 MockModule을 사용했기 때문입니다. 여기서는 모든 공통 서비스, 구성 요소, 모듈 등을 가져옵니다. RouterTestingModule을 포함하여 테스트에서 사용되었습니다.

MockModule에서 RouterTestingModule을 제거하고 imports으로 직접 이동하면 문제가 해결됩니다.

// before 
imports: [MockModule], 

// after 
imports: [RouterTestingModule.withRoutes(routing)],