Допустим, я использую автозаполнение материала следующим образом:
<mat-form-field class="example-full-width">
<input #newroomInput matInput [matAutocomplete]="autoGroup" [formControl]="newsRoomCtrl">
<mat-autocomplete #autoGroup="matAutocomplete" (optionSelected)='onNewsRoomSelect($event.option.value); newroomInput.value=""'>
<mat-option *ngFor="let newsroomsource of filteredNewsRoomSources | async" [value]="newsroomsource" >
<span>{{ newsroomsource.sourceName }}</span> |
<small>Type: {{ newsroomsource.sourceType }}</small>
</mat-option>
</mat-autocomplete>
</mat-form-field>
Как мне убедиться, что <mat-autocomplete>
optionSelected
событие вызывает правильную функцию
it('should call onNewsRoomSelect on autocomplete optionselect event', () => {
//Spy on comp.onNewsRoomSelect(selectedNewsRoom: NewsRoomSource);
//DElibratedly fire event comp.optionSelected)=()
//check if onNewsRoomSelect() is called
});