Angular2茉莉花測試圖像源

Question

我在模板與圖像的成分

<div class="logo"><img src="../images/logo.png"/></div> 

當運行業力的任務，它拋出這樣的錯誤

Uncaught Error: Cannot find module "../images/logo.png" 

一提的是應用程序呈現圖像細膩，只有因果報應正在抱怨。

任何意見將不勝感激。

Answer 1

假設您使用karma-jasmine來運行測試。該文件將在港主辦9876

比方說，你的IMG SRC是./assets/images/logo.png，那麼你應該期望SRC是http://localhost:9876/assets/images/logo.png，而不是僅僅./assets/images/logo.png

Answer 2

你可以嘗試這樣的事：

it('should render the logo', async(() => { 
    const fixture = TestBed.createComponent(AppComponent); 
    fixture.detectChanges(); 
    const compiled = fixture.debugElement.nativeElement; 
    expect(compiled.querySelector('div.logo>img').src).toContain('/images/logo.png'); 
}));