title: Angular 2: template not updating in test
body: <p>I am just trying to make this work.</p>
  
  <pre><code>it('should have expected &lt;h1&gt; text', async(() =&gt; {
    let fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
  
    const sectionEl = fixture.debugElement.query(By.css("section"));
  
    spyOn(fixture.debugElement.componentInstance, "runMe");
  
    sectionEl.nativeElement.click();
    expect(fixture.debugElement.componentInstance.runMe).toHaveBeenCalled();
  
    expect(sectionEl.nativeElement.textContent).toBe("changed!");
  </code></pre>
  
  <p>So, the <code>runMe</code> function did not change the section's text, but the spy shows <code>runMe</code> was called.</p>