Angular2 Jasmine test Image Source

Question

J'ai un composant avec une image dans le modèle

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

Lors de l'exécution tâche de karma, il lance une telle erreur

mentionner que l'application

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

rend l'image fine, seul karma se plaint.

Tout conseil sera apprécié. Supposons que vous utilisez le karma-jasmine pour effectuer le test.

Answer 1

Les fichiers seront hébergés sur le port 9876.

Disons que votre img src est ./assets/images/logo.png, vous devez vous attendre src être http://localhost:9876/assets/images/logo.png au lieu de simplement ./assets/images/logo.png

Answer 2

Vous pouvez essayer quelque chose comme ceci:

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