angular - 如何在 Angular 应用程序中对 router.navigate 进行单元测试

Question

这个问题已经有答案了:

How can I unit test a component that uses the Router in Angular? (5 个回答)

已关闭 8 个月前。

我正在为 Angular 应用程序运行单元测试，我想对导航在 Angular 应用程序中是否正常工作进行单元测试。

 if (this.customer.length == 0) {
     this.router.navigate(['/nocustomer']);
 } 

以及单元测试

 it(`should navigate to nocustomer`,()=>{
   component.customers.length=0;
   //what must be written here to check this
})

Answer 1

有时，我动态地放置其他参数来调用导航。因此，只期望我在测试中使用的路径:

...
test('Navigate to /nextPage.', inject([Router], (mockRouter: Router) => {

  const spy = spyOn(mockRouter, 'navigate').and.stub();

  component.goToNextPageMethod();

  expect(spy.calls.first().args[0]).toContain('/nextPage');

}));
...

引用:https://semaphoreci.com/community/tutorials/testing-routes-in-angular-2