title: Selecting mat-option with protractor fails
body: <p>The following way of selecting a mat-option fails:  </p>
  
  <blockquote>
    <p>No element found using locator: by.cssContainingText("mat-option",
    "København K")</p>
  </blockquote>
  
  <p><code>element(by.id('area')).element(by.cssContainingText('mat-option', 'København K')).click();</code> </p>
  
  <p>here is the HTML:</p>
  
  <pre><code>     &lt;mat-select id="area" formControlName="area" placeholder="Working area"&gt;
    &lt;mat-option *ngFor="let area of areas" [value]="area"&gt;
      {{ area }}
    &lt;/mat-option&gt;
  </code></pre>
  
  <p>I don´t see why it fails.</p>