Làm thế nào để chế nhạo ống khi kiểm tra phần

Question

nhà cung cấp Hiện nay tôi đang trọng để sử dụng dịch vụ chế giễu như thế này:

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

tôi muốn làm điều tương tự cho các đường ống mà các thành phần sử dụng. Tôi đã thử, provide(PipeA, { useClass: MockPipeA }) và provide(PipeA, { useValue: new MockPipeA() }) nhưng cả hai đều không hoạt động.

Answer 1

Bạn có thể thêm mockpipes của bạn trong declarations của TestBed:

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

Các MockPipe cần phải có trang trí @Pipe với tên ban đầu.

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

Để cạy ống, hãy sử dụng câu trả lời của Dinistro. Để theo dõi đường ống, bạn có thể bổ sung điều đó với các thông tin sau:

let pipeSpy: jasmine.Spy; 

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

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

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

    expect(pipeSpy).toHaveBeenCalled(); 
}