Question

我正在使用Qunit对一些jQuery进行单元测试。对于我的一些测试，我想要一个函数（称为cycle（）），并且为了以后的测试，我想调用原始函数。我已经在模块中组织和分离这些，但存根仍然存在。我从sinon.js文档中想到，一旦测试完成，原始函数将被恢复（删除存根），当然在移动到新模块之后。

部分困难似乎是我使用了匿名存根，因此很难简单地调用stub.restore。

有什么建议吗？感谢。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Javascript tests</title>
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit 1.17.1.css">
</head>

<body>
<div id="qunit"></div>
<div id="qunit-fixture">
<img id="logo" src="" width=100 height=100 alt="dummy logo">
<ol>
<li class="criterion">
    <img id="gfx" src="" width=100 height=100 alt="dummy graphic">
    <img id="SC1" class="tl-red" 
        src="../../../static/images/img_trans.png">Some text blurb
</li>
</ol>

<ol>
<li class="learning_outcome">
    <img id="LO8" class="tl-red"
        src="../../../static/images/img_trans.png" >More blurb...
</li>
</ol>
</div>

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="http://code.jquery.com/qunit/qunit-1.17.1.js"></script>
<script src="../../../static/sinon.js"></script>
<script src="http://sinonjs.org/releases/sinon-qunit-1.0.0.js"></script>
<script src="../../../static/jQplugins/carhartl-jquery-cookie-fedc4cb/jquery.cookie.js"></script>
<script src="../../../static/traffic.js"></script><!--cycle defined in there-->
<script>
/*global $, test, equal */


module("Traffic light is bound to cycle function");

test("Double click LO triggers cycle function", function (assert) {
    cycle = sinon.stub();
    $('img#LO8').dblclick();
    assert.equal(cycle.calledOnce, true, 'cycle called after dblclick on LO');
});

module("Cycle function tests");

test("The cycle function requires img argument", function (assert) {
    assert.throws(function() {
        cycle(); /*This is still stubbed out, but why? */
    },
        Error,
        'passing no image throws Error');
});
</script>
</body>
</html>

Answer 1

不幸的是，Sinon不会自动为您自动恢复您的存根方法。

您在测试中所做的是使用Sinon存根函数覆盖全局cycle。您不需要保留旧的还原，然后在测试结束时将其还原，您需要这样做。

例如：

test("Double click LO triggers cycle function", function (assert) {
    var origCycle = cycle;
    cycle = sinon.stub();
    $('img#LO8').dblclick();
    assert.equal(cycle.calledOnce, true, 'cycle called after dblclick on LO');
    cycle = origCycle;
});

您可能对sinon.stub(obj, "method")语法感到困惑，该语法允许您在测试结束时调用obj.method.restore()来恢复原始方法，但您仍需要自己手动恢复它。

但是，如果您愿意，可以使用该语法：

test("Double click LO triggers cycle function", function (assert) {
    sinon.stub(window, 'cycle');
    $('img#LO8').dblclick();
    assert.equal(cycle.calledOnce, true, 'cycle called after dblclick on LO');
    window.cycle.restore(); // or even just `cycle.restore()`
});

Answer 2

如果您使用的是沙盒，则可以自动恢复存根。这是通过将您的测试用例函数包含在sinon.test(...)的调用中来完成的。

有关详细信息，请参阅Sinon沙箱文档：http://sinonjs.org/docs/#sandbox

恢复匿名的sinon.stub

2 个答案: