Angular testing async pipe does not trigger the observable : <p>I want to test a component that uses the async pipe. This is my code:</p>

<pre><code>@Component({
  selector: 'test',
  template: `
    &lt;div&gt;{{ number | async }}&lt;/div&gt;
  `
})
class AsyncComponent {
  number = Observable.interval(1000).take(3)
}

fdescribe('Async Compnent', () =&gt; {
  let component : AsyncComponent;
  let fixture : ComponentFixture&lt;AsyncComponent&gt;;

  beforeEach(
    async(() =&gt; {
      TestBed.configureTestingModule({
        declarations: [ AsyncComponent ]
      }).compileComponents();
    })
  );

  beforeEach(() =&gt; {
    fixture = TestBed.createComponent(AsyncComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });


  it('should emit values', fakeAsync(() =&gt; {

    tick(1000);
    fixture.detectChanges();
    expect(fixture.debugElement.query(By.css('div')).nativeElement.innerHTML).toBe('0');

});
</code></pre>

<p>But the test failed. It's seems Angular does not execute to Observable from some reason. What I am missing? </p>

<p>When I'm trying to log the observable with the <code>do</code> operator, I don't see any output in the browser console. </p>
