直接访问jQuery小部件工厂插件方法

直接访问jQuery小部件工厂插件方法,jquery,spy,jquery-ui-widget-factory,Jquery,Spy,Jquery Ui Widget Factory,使用jQuery小部件工厂,我想在内部测试调用的方法。我怎样才能揭露那些方法来监视他们 $.widget 'foo', _init: -> @_bar() _bar -> barSpy = sinon.spy WidgetPluginObject, '_bar' $('#foo').foo() expect(barSpy).to.be.called.once 我希望引用WidgetPluginObject表示的widgetplugin对象,以便监视它的方法 更新

使用jQuery小部件工厂,我想在内部测试调用的方法。我怎样才能揭露那些方法来监视他们

$.widget 'foo',
  _init: ->
    @_bar()

  _bar ->

barSpy = sinon.spy WidgetPluginObject, '_bar'
$('#foo').foo()
expect(barSpy).to.be.called.once
我希望引用WidgetPluginObject表示的widgetplugin对象,以便监视它的方法

更新


这是为了使用摩卡/柴进行单元测试;不适用于任何类型的调试。

我认为术语inspect或debug比spy更合适

无论如何,您可以使用firefox的firebug或我最喜欢的Chrome的inspector调试任何源代码

在下图中,如果单击标题旁边的小箭头,它将展开一个菜单,您可以在其中导航文档结构以查找javascript。检查器的右侧是调试工具

要在Chrome中调出inspector,请点击F12,或者右键单击页面上的任意位置并选择inspect element


这是用于单元测试,而不是调试。。。我正在更新这个问题以便更清楚。你能澄清什么是“我如何访问小部件”吗?它是一个选择器、一个元素、一个实际的小部件实例还是小部件的原型本身?这是我似乎找不到的缺失部分。如何引用包含插件方法的小部件对象?编辑问题