角度2的茉莉花測試案例導航到其他頁面

我正在編寫使用茉莉花的角度2代碼的測試用例。我試圖在用戶註銷後回到登錄頁面。我如何測試頁面位置？角度2的茉莉花測試案例導航到其他頁面

2016-12-01 devtiwa

您真正需要做的就是測試路由器導航方法是否使用正確的參數（即登錄頁面的路由）進行調用。嘗試測試實際的導航可能會導致比單元測試所需的副作用更多的副作用。

要檢查是否調用了Router.navigate方法，只需使用存根和間諜就可以了。

@Component({}) 
class SomeComponent { 
    constructor(private router: Router) {} 

    logout() { 
    this.router.navigate(['/login']) 
    } 
} 

let routerStub; 

beforeEach(() => { 
    routerStub = { 
    navigate: jasmine.createSpy('navigate'); 
    } 
    TestBed.configureTestModule({ 
    declaration: [ SomeComponent ], 
    providers: [ 
     { provide: Router, useValue: routerStub } 
    ] 
    }); 
}); 

it('it should navigate to login after user logs out',() => { 
    let component = TestBed.createComponent(SomeComponent).componentInstance; 
    component.logout(); 

    expect(routerStub.navigate).toHaveBeenCalledWith(['/login']); 
})

來源

2016-12-01 01:06:27

我沒有使用路由器。相反，使用NavController。對此有何建議？ – devtiwa

爲NavController創建一個存根，並在'push'方法或'setRoot'上偵察。哪一個你正在使用 –

'讓導航= {setRoot：jasmine.createSpy（'setRoot'）}' –

Angular團隊努力將測試融入角度環境的所有本地方面。如果您使用本地角路由器，那麼他們已經構建了測試供您使用。看看這個BLOG。如果你沒有使用角度路由器，那麼你認爲自己是獨立的。

來源

2016-12-01 01:00:06

角度2的茉莉花測試案例導航到其他頁面

回答

相關問題