使用 setInterval 测试功能时，Mocha 和 Chai 测试失败

Question

我是 TDD 新手，正在使用 Mocha 和 Chai。我创建了一个测试，当值增加时通过，但是当增加值放在 setInterval 内时，它会失败。这段代码的目的是让某些东西在屏幕上移动。

function startMovingThing(){
    var position = setInterval(function() {
        moveThing(10);
    }, 100);
}

function moveThing(number){
    thing.position += number;
    thingOnScreen.style.left = thing.position + 'px';
}

测试：

describe('Thing', function() {

    it('should increase position', function(){
        assert.increases(startMovingThing, thing, 'position');
    });

});

我怎样才能让这个测试（或测试应该是什么）通过？

我不希望 moveThing() 超出区间，因为如果清除区间并调用函数，则事物不应移动。

Answer 1

好的，问题是您使用的是异步的 setInterval，并且您试图断言该值以同步方式更改。

这是你的测试的修改版本，使用 sinonjs 来模拟时间过去。

var assert = require('chai').assert;
var sinon = require('sinon');

var thing = { position: 0 }
var thingOnScreen = { style: { left: '' } };

function startMovingThing(){
    var position = setInterval(function() {
        moveThing(10);
    }, 100);
}

function moveThing(number){
    thing.position += number;
    thingOnScreen.style.left = thing.position + 'px';
}

describe('Thing', function() {

  beforeEach(function() {
    this.clock = sinon.useFakeTimers();
  });

  afterEach(function() {
    this.clock = sinon.restore();
  });

  it('should increase position', function(){
    startMovingThing();
    this.clock.tick(101);
    assert.equal(thing.position, 10);
  });
});

综上所述，sinonjs 正在替换 setInterval 的全局功能，并且正在执行代码而无需等待指定的毫秒数。