业力角 2 应用程序中的单元测试事件

Question

我正在尝试使用业力对方法abc(Event(进行单元测试。我的视图页面中有一个下拉菜单，其中包含 4 个选项，更改后将触发 abc(Event( 方法。

这是我的视图页面：

<div class="myClass">
<select (change)="abc($event)" id="my">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
    <option value="four">Four</option>
</select>

我的组件.ts文件包含方法abc的定义。

import {Component,OnInit} from '@angular/core';
import { LocaleService } from '../../../services/locale.service';
@Component({
selector: 'app-localeselector',
templateUrl: './localeselector.component.html',
styleUrls: ['./localeselector.component.scss']
})

export class LocaleselectorComponent implements OnInit{
 private localeService: any;
 private language;
 constructor() { }
 ngOnInit() { }
}
abc(ev: Event) {
    //something...
}
}

如何测试方法 abc？还有如何模拟$event？提前谢谢。

Answer 1

谢谢，它奏效了!! :)我找到了解决方案。能够通过发送对象来模拟事件。

it('should work', () => {
    component.abc({ srcElement: { value: 'xyz' } });
    expect(someMethod.getValue()).toEqual('xyz');
});

我还将 component.ts 文件中的 abc 方法更改为

abc($event){
    //do something...
}