如何使用茉莉花测试 jquery 调用？

Question

我在 Angular 的组件中有下一个方法：

private onTopClick() {
  $('body,html').animate({ scrollTop: 0 });
}

我如何用茉莉花测试这个？只是为了检查是否调用了“动画”方法。

Answer 1

你需要使用几个函数...

• 首先，为animate函数设置spy。可能您希望为所有测试或在每个测试之前执行此操作，可能只是针对一个测试；你可能还想在spy拦截呼叫后做，例如.and.callFake()或.and.callThrough()等...

  beforeEach(function() {
       spyOn($.fn, "animate");
  });
  

• 在您的实际测试中检查是否调用了 animate 函数。可能看起来像......

   it("should call '$(selector).animate'", function () {
        onTopClick();
        expect($.fn.animate).toHaveBeenCalled();
   });
  

有关 Jasmine 测试的更多信息是 over here。