title: How to mock Pipe when testing Component
body: <p>Currently I am overriding providers to use mocked services like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>beforeEach(inject([TestComponentBuilder], (tcb: TestComponentBuilder) =&gt; {
      tcb.overrideProviders(AddFieldToObjectDropdownComponent,
          [
               provide(ServiceA, { useClass: MockServiceA })),
               provide(ServiceB, { useClass: MockServiceB }))
          ])
      ...
  </code></pre>
  
  <p>I want to do same thing for pipes that the component uses. I tried, <code>provide(PipeA, { useClass: MockPipeA })</code> and <code>provide(PipeA, { useValue: new MockPipeA() })</code> but both didn't work.</p>