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

发布时间：2020-12-17 07:18:26 所属栏目：安全来源：网络整理

导读：假设我在指令中有以下匿名功能： $timeout(function () { element.removeClass('highlighted') },2000) 这成功了.现在,如果我想编写一个测试,使用jasmine,以确保在~2s后删除该类,将如何做？我应该补充一点,到目前为止我尝试过使用jasmine.Clock和waitsFor方

假设我在指令中有以下匿名功能：

$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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!