title: Unit Testing select menu change event (not getting updated value)
body: <p>Trying to get my select menus change event to fire correctly with the correct value.  It seems to be firing but the value is not changing.</p>
  
  <p>I have this select menu in my component:</p>
  
  <pre><code>&lt;select id="seasonDropDown" style="width:200px;height: 36px;" aria-label="Select a Season" (change)="changeSeason($event.target.value)"&gt;
          &lt;option *ngFor="let item of seasons" [value]="item.id" [selected]="item.id === seasonId"&gt;Season {{item.id}}&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>I have this change event:</p>
  
  <pre><code>  public changeSeason(seasonId: number) {
      this.test = 'blah';  //for testing sake
      console.log('change season ' + seasonId)
      this.seasonId = seasonId;
      this.notify.emit(this.seasonId);
    }
  </code></pre>
  
  <p>I have tried testing it like the code below but commponent.seasonId never changes from its default value.  It should get changed in changeSeason method.  I know the method is firing because when I test expect(component.test).toEqual('blah') it will pass:</p>
  
  <pre><code>    it('should emit new season on change event', fakeAsync(() =&gt; {
  
          let select = fixture.debugElement.query(By.css('#seasonDropDown')).nativeElement;
  
          select.value = 2;
          select.selectedValue = 2;
  
          fixture.detectChanges();
  
          select.dispatchEvent(new Event('change'));
          tick();
  
          fixture.detectChanges();
  
  
          expect(component.seasonId).toEqual(2);
          //expect(component.test).toEqual('blah');  this will pass so I know the 
          //changeSeason event is actually getting called 
    }));
  </code></pre>