Jak drwić rur podczas testowania komponentu

Question

Obecnie jestem nadrzędne dostawców do korzystania z usług szydzili tak:

beforeEach(inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { 
    tcb.overrideProviders(AddFieldToObjectDropdownComponent, 
     [ 
      provide(ServiceA, { useClass: MockServiceA })), 
      provide(ServiceB, { useClass: MockServiceB })) 
     ])... 

chcę zrobić to samo dla rur że ta część stosuje. Próbowałem, provide(PipeA, { useClass: MockPipeA }) i provide(PipeA, { useValue: new MockPipeA() }), ale oba nie działały.

Answer 1

Możesz dodać mockpipes w declarations z TestBed:

TestBed.configureTestingModule({ 
      declarations: [ 
       AppComponent, 
       MockPipe 
      ], 
      ... 

W MockPipe musi mieć @Pipe dekorator z oryginalną nazwą.

import {Pipe, PipeTransform} from '@angular/core'; 

@Pipe({name: 'pipename'}) 
class MockPipe implements PipeTransform { 
    transform(value: number): number { 
     //Do stuff here, if you want 
     return value; 
    } 
} 

Answer 2

Aby odgiąć rurę, użyj odpowiedzi Dinistro. Aby szpiegować rurę, możesz ją uzupełnić następująco:

let pipeSpy: jasmine.Spy; 

beforeEach(() => { 
    TestBed.configureTestingModule... 

    pipeSpy = spyOn(MockPipe.prototype, 'transform'); 
}; 

it('should do whatever',() => { 
    doYourStuff(); 

    expect(pipeSpy).toHaveBeenCalled(); 
}