我正在使用jest来覆盖我的angular项目中的单元测试,我是使用jest进行单元测试的新手。
下面是我的DragDropDirective代码:
@HostListener('dragenter',['$event'])
@HostListener('dragover',['$event'])
public handleDragOver(event:DragEvent):void{
if(!this.enabled){
return;
}
event.dataTransfer?.dropEffect=='move';
this.stopAndPreventDefault(event);
this._dragInProgress=true;
}
@HostListener('dragleave',['$event'])
@HostListener('dragend',['$event'])
public handleDragEnd(event:DragEvent):void{
if(!this.enabled){
return;
}
this.stopAndPreventDefault(event);
event.dataTransfer?.effectAllowed=='copy';
this._dragInProgress=false;
}
stopAndPreventDefault(e:UIEvent):void{
e.stopPropagation();
e.preventDefault();
}
有人能帮我一下吗?
1条答案
按热度按时间lyfkaqu11#
下面是使用
Jest
编写DragDropDirective单元测试的示例:前两个测试检查当使用
DragEvent
调用handleDragOver
和handleDragEnd
方法时,是否正确设置了_dragInProgress
。第三个测试检查在禁用指令时是否未设置
_dragInProgress
。第四个测试检查在调用
handleDragOver
、handleDragEnd
、handleDragEnter
和handleDragLeave
方法时是否调用了stopAndPreventDefault
。