1

我是 JavaScript 测试的新手，在尝试使用 sinon.js 监视现有函数时遇到了问题。

假设我有一个名为

nsClientInfectionControlIndex.handleEditButton();

看起来像

var nsClientInfectionControlIndex = {

showQtipError : function (message)
{
    ///<summary>Shows qTip error on edit button</summary>
    ///<param name="message">The text message to be displayed</param>
    $( "#editBtn" ).qtip( nsCBS.ErrorTip( message  ) ).qtip( "show" );
},

goToEditPage : function (id)
{
    ///     <summary>Navigates browser window to edit page</summary>
    ///     <param name="id">The data-id (Client Infection Control Id) attribute from selected row</param>
    var url = '/ClientInfectionControl/ClientInfectionControl/'
    window.location.href = url + "?id=" + id;
},

handleEditButton: function () {
    var id = $( ".selectedRow" ).attr( "data-id" );
    if ( id != null ) {
        nsClientInfectionControlIndex.goToEditPage( id );
    } else {
        nsClientInfectionControlIndex.showQtipError( "Please select a Client Infection Control Note first." );
    }
},

};

现在在我的 test.js 中，我使用了以下代码

var errorSpy = sinon.spy( nsClientInfectionControlIndex.showQtipError );

//Act
nsClientInfectionControlIndex.handleEditButton();

//Assert
equal( errorSpy.called, true, "test" );

并且测试失败（返回错误），尽管我希望是真的，因为调用了 nsClientInfectionControlIndex.showQtipError。

尽管据我了解 Sinon 文档，我通过在构造函数中包含函数来正确地监视我的函数。http://sinonjs.org/docs/#sinonspy

如果我以这种方式接近间谍，我可以让它正常工作，

var errorSpy = sinon.spy();
nsClientInfectionControlIndex.showQtipError = errorSpy;

//Act
nsClientInfectionControlIndex.handleEditButton();

//Assert
equal( errorSpy.called, true, "test" );

然而，这取代了原来的方法功能。我是在错误地接近这个吗？任何帮助，将不胜感激。

4

1 回答 1

3

在监视对象函数时，您必须分别提供对象和函数名称，而不是提供实际函数。这使得诗浓可以用间谍代替真正的功能。

var errorSpy = sinon.spy( nsClientInfectionControlIndex, "showQtipError" );

警告：如果任何代码在设置间谍之前将函数存储到变量中，它将绕过间谍。

// before test runs
var callback = nsClientInfectionControlIndex.showQtipError;

// in test
var errorSpy = ...

// activated by test
callback();  <-- bypasses spy
于 2013-09-11T18:28:11.197 回答