Angular2 Jasmin Test-Image Source

Question

Ich habe eine Komponente mit einem Bild in Vorlage

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

Wenn Karma Aufgabe ausgeführt wird wirft es einen solchen Fehler

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

Um diese App zu erwähnen das Bild fein macht, nur Karma beschwert sich.

Jeder Rat wird geschätzt.

Answer 1

Angenommen, Sie verwenden Karma-Jasmin, um den Test durchzuführen. Die Dateien werden auf Port gehostet werden 9876.

sagen Lassen Sie Ihre img src ./assets/images/logo.png ist, dann sollten Sie das src erwarten sein http://localhost:9876/assets/images/logo.png statt nur ./assets/images/logo.png

Answer 2

Sie könnten so etwas wie dies versuchen:

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'); 
}));