title: Testing binding on angular
body: <p>Can somebody give some hints about this question?
  I have this form in angular with an input to save a patient name in db using a function save() in the <strong>Component1</strong>.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;form  name="editForm" role="form" novalidate (ngSubmit)="save()" #editForm="ngForm"&gt;
   
   &lt;input #inputValid type="text" class="form-control" name="nombre" id="field_nombre"
                   [(ngModel)]="paciente.nombre" required/&gt;</code></pre>
  </div>
  </div>
  
  This form closes itself on save and I should see the result on the html page of the other component Component2. Its html is like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="table-responsive" *ngIf="pacientes"&gt;
       &lt;tr *ngFor="let paciente of pacientes ;trackBy: trackId"&gt;
                  &lt;td&gt;{{paciente.nombre}}&lt;/td&gt;
                  ....</code></pre>
  </div>
  </div>
  
  <strong>I have actually tested that the data is saved I mean the save function, and also that the button submit calls save.</strong></p>
  
  <p>I want to unit- test the front end part using Jasmine,  that this data that I saved previously appears in my table. How can I do this? Until now I can use ViewChild to take the references of input and the table but I need a hint on how actually to test it.The angular tutorial on testing does not includes examples like this.
  Thanks,</p>