Wie man einen Dienst spottet, ohne TestBed zu verwenden

Question

Ich möchte einige Komponententests für meine Komponente schreiben, ohne die externe Vorlage zu berühren. Aber ich weiß nicht, wie man einen Dienst verspottet, von dem meine Komponente abhängt.

my-component.ts

@Component({ 
    selector: 'my-component', 
    templateUrl: './my-component.component.html', 
    styleUrls: ['./my-component.component.scss'] 
}) 
export class MyComponent { 

    constructor(public service: AnotherService) {} 

} 

my-component.spec.ts

let component: MyComponent; 

beforeEach(() => { 
    myComponent = new MyComponent(null); 
}); 

another.service.ts

@Injectable() 
export class AnotherService { 
    toto: string; 
} 

Das funktioniert aber statt null Ich möchte AnotherService verspotten, so habe ich ein Mock-Service:

class AnotherServiceStub { 
    toto: string 
} 

und

myComponent = new MyComponent(<AnotherService> new AnotherServiceStub()); 

Aber mit ActivatedRoute zum Beispiel

component = new MyComponent(<ActivatedRoute> {}); 

funktioniert nicht. Typescript bat mich, alle Attribute der ActivatedRoute-Klasse in meinen Mock wie url, params, queryParams usw. hinzuzufügen. Wie kann ich das vermeiden?

Answer 1

Dienst spottet, dass vollständig auf die Schnittstelle der ursprünglichen Klasse entsprechen, können zur Verfügung gestellt werden wie:

myComponent = new MyComponent(stub); 

Wenn ein Modell an die Schnittstelle teilweise entspricht und Typprüfung nicht besteht, kann type assertion verwendet werden:

myComponent = new MyComponent(<AnotherService>stub); 

Wenn Typen überhaupt nicht übereinstimmen, kann doppelte Behauptung verwendet werden:

myComponent = new MyComponent(<AnotherService><any>stub);