Question

所以我的代码就这样做了......

diff = timevalue - (((Date.now() - startDate)/1000)|0);

document.getElementById("timer").innerHTML = diff.toLocaleString();

我当前测试的一部分看起来像这样......

  it("count should define tictoc", function(){
    jasmine.clock().install();
    aTimer.count(25);
    jasmine.clock().tick(1002);
    expect(aTimer.tictoc).toEqual(1);
    expect(document.getElementById("timer").innerHtml).toBe("success");
    jasmine.clock().uninstall();
  });

但是我从茉莉花中取回了......

“TypeError：无法设置属性'innerHTML'为null”

现在我认为这是因为html元素不存在....这是有道理的，因为我正在测试....但是我如何模拟该元素以便我的测试工作？

Answer 1

我得到了它：

  it("count should define tictoc", function(){
    jasmine.clock().install();
    var dummyElement = document.createElement('span');
    document.getElementById = jasmine.createSpy('HTML Element').and.returnValue(dummyElement);

    aTimer.count(25);
    jasmine.clock().tick(1002);
    expect(aTimer.tictoc).toEqual(1);
    expect(document.getElementById("timer").innerHTML).toEqual('25');
    jasmine.clock().uninstall();
  });

我如何为innerHTML元素编写茉莉花测试

1 个答案: