title: Angular click select option in component test
body: <p>I have tried the following to try to click an option in a select dropdown none of which work. </p>
  
  <pre><code>selectEl = fixture.debugElement.query(By.css('#dropdown'));
  selectEl.nativeElement.options[3].nativeElement.dispatchEvent(new Event('click'));
  selectEl.queryAll(By.css('option'))[3].nativeElement.click();
  selectEl.nativeElement.options[3].nativeElement.click();
  </code></pre>
  
  <p>After each i run <code>fixture.detectChanges();</code> to run the change detection but when I go to check the elements value it hasn't changed.  <code>expect(selectEl.nativeElement.options[selectEl.nativeElement.selectedIndex].textContent).toBe('name2');</code></p>
  
  <p>Am I missing something simple to get this to work?</p>