相关疑难解决方法(0)

角度单元测试选择 onChange 监视空值

我想使用间谍测试选择 onChange 事件,但出现错误

Expected spy onSelect to have been called with [ 'en' ] but actual calls were [ '' ].
Run Code Online (Sandbox Code Playgroud)

成分

@Component({
  selector: 'tnos-languages',
  templateUrl: './languages.component.html',
  styleUrls: ['./languages.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class LanguagesComponent {
  @Input() languages: Language[];
  @Output()
  change: EventEmitter<string> = new EventEmitter<string>();
  constructor() { }
  onSelect(locale: string) {
    this.change.emit(locale);
  }
}
Run Code Online (Sandbox Code Playgroud)

模板

<select #selectLanguage (change)="onSelect(selectLanguage.value)">
  <option  *ngFor="let language of languages" [value]="language.locale">
    {{language.label}}
  </option>
</select>
Run Code Online (Sandbox Code Playgroud)

测试

const languages: Language[] = [{
  id: 1,
  label: 'Italiano',
  locale: 'it',
  default: …
Run Code Online (Sandbox Code Playgroud)

unit-testing angular

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

unit-testing ×1