angularjs – 如何使用jasmine测试$timeout操作的持续时间?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何使用jasmine测试$timeout操作的持续时间?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我在指令中有以下匿名功能
  1. $timeout(function () {
  2. element.removeClass('highlighted')
  3. },2000)

这成功了.现在,如果我想编写一个测试,使用jasmine,以确保在~2s后删除该类,将如何做?

我应该补充一点,到目前为止我尝试过使用jasmine.Clock和waitsFor方法,在这两种情况下,测试都失败了.值得注意的是,当我在指令中将$timeout更改为setTimeout时,两个测试都已通过,因此angular的行为似乎在这里发挥作用.

(注意,在这里使用$timeout.flush()是不能令人满意的,因为它只会证明超时完成,而不是花了多长时间).

从1.2 $timeout.flush()开始,需要一个延迟参数来模拟类似于jasmine.Clock模拟的时钟,但是以一种使Angular $timeout快乐的方式.

所以这个测试将通过:

  1. it("timeout test",function() {
  2. $timeout(function() {
  3. timerCallback();
  4. },100);
  5. expect(timerCallback).not.toHaveBeenCalled();
  6. $timeout.flush(99);
  7. expect(timerCallback).not.toHaveBeenCalled();
  8. $timeout.flush(1);
  9. expect(timerCallback).toHaveBeenCalled();
  10. });

demo fiddle

猜你在找的Angularjs相关文章