angular4单元测试使用选择更改事件更新模型

似乎无法使用

change

事件对

select

控件的

ngModel

绑定进行测试：

组成部分：

@Component({
    selector: 'my-area',
    templateUrl: 'app/test.component.html'
})
export class TestComponent {
  selectedFred;
  freds = [{name:"kruger"},{name:"Durst"}];
}

模板：

<select [(ngModel)]="selectedFred">
    <option *ngFor="let f of freds" [ngValue]="f">{{f.name}}</option>
</select>

普朗克： 我做错了什么

使用

input

控件进行类似的单元测试就像一个符咒，请参见：

   it('should allow us to set a bound select field', fakeAsync(() => {
     let input = fixture.debugElement.query(By.css('select')).nativeElement;
      console.error(input);
        input.value = component.freds[1];
        input.selectedValue = component.freds[1];
        input.dispatchEvent(new Event('change'));
        tick();

        expect(component.selectedFred.name).toEqual('Durst');
    }));