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

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

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

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

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

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

所以这个测试将通过:

it("timeout test",function() {
    $timeout(function() {
        timerCallback();
    },100);
    expect(timerCallback).not.toHaveBeenCalled();
    $timeout.flush(99);
    expect(timerCallback).not.toHaveBeenCalled();
    $timeout.flush(1);
    expect(timerCallback).toHaveBeenCalled();
});

demo fiddle

猜你在找的Angularjs相关文章