使用angular2测试hammerjs事件

Question

我正在构建一个测试套件并尝试覆盖 100% 的代码。事情是，我有平移回调函数。有谁如何正确测试 angular2 上的 karma 和 jasmine 的hammerjs 事件？

HTML

<div (pan)="panning($event)" id="square">

打字稿

public swiper($event) {
  let e = $event;
  let top = e.center.x - (e.target.clientHeight/2);
  let left = e.center.y - (e.target.clientWidth/2);
  e.target.style.transform = 'translate3d('+ top +'px, '+ left +'px, 0px)';
}

谢谢。

M

Answer 1

你应该可以使用this:

it('should call panning on pan', (async() => {
    fixture.debugElement.query(By.css('#square')).triggerEventHandler("pan", myNiceEvent)
    fixture.detectChanges()
    fixture.whenStable().then(testMyChanges)
}

我知道这已经很长时间了，但我自己也为 Angular v5.2.0 苦苦挣扎。

希望这会对某人有所帮助；）