使用angular2测试hammerjs事件

时间:2016-07-07 15:38:14

标签: unit-testing angular hammer.js

我正在构建测试套件并尝试覆盖100%的代码。事情是,我有关于平移的回调函数。有没有人如何正确地测试锤子事件与业力&茉莉花在angular2?

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)';
}

谢谢。

中号

1 个答案:

答案 0 :(得分:4)

您应该可以使用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做过努力。

希望这会对某人有所帮助;)