title: Testing select input change in Angular2/Jasmine
body: <p>I'm having trouble figuring out how to simulate a change in the value of a dropdown list in my jasmine unit test.</p>
  
  <p>When the dropdown list value is changed, it emits an event. </p>
  
  <p>My current test looks like: </p>
  
  <pre><code>spyOn(component.varChange, 'emit');
  
  let selectEl: DebugElement = fixture.debugElement.query(By.css("#selectBox"));
  selectEl.nativeElement.selectedIndex = 0;
  selectEl.nativeElement.dispatchEvent(new Event("input"));
  fixture.detectChanges();
  expect(component.varChange.emit).toHaveBeenCalledWith(testData[0]);
  </code></pre>
  
  <p>The error I receive is:<code>Expected spy emit to have been called with [ Object({ ... }) ] but it was never called.</code></p>