如何用 Jasmine 模拟 JQuery？

如何测试某个 JQuery 选择器是否已使用 Jasmine 执行？我正在尝试执行以下操作：

spyOn($.fn, 'init').andCallThrough(); 
// my code
expect($.init).toHaveBeenCalled();

但在这次通话之后，$('div')回报Object { selector="div", context=document, NaN=div.spec, more...}，尽管它必须返回（并且$.fn.init('div')确实返回它）：[div.jasmine_reporter, div.banner, div.logo, 4 more...]。这个东西自然会破坏代码，因为 JQuery 对象不再可用。

Example:

假设我想测试 JQuery 选择器是否已被调用，我写道：

    it('tests', function() {
        spyOn($.fn, 'init').andCallThrough();
        $('html');
        expect($.init).toHaveBeenCalled();
    });

这导致 Jasmine 出错：Error: Expected a spy, but got undefined.。然后我在 FireBug 的 $('html') 行上设置了一个断点，当我到达那里并尝试观察时，它的值是什么$('html')是，我得到：

Object { selector="html", context=document, NaN=html, more...}

如果我评论掉spyOn，在那条线上$('html')评估为：

[html]

这就是我期望看到的spyOn以及。

好吧，看起来 Jasmine 通过用包装版本替换被监视的对象来进行间谍活动，这似乎弄乱了整个 jQuery，因为（来自 jQuery 源代码）：

// jQuery 对象实际上只是 init 构造函数“增强”

我建议尝试监视 init 使用的函数之一，特别是“合并”。如果您查看 jQuery 代码，您会发现任何 HTML=>DOM 内容最终都会通过合并调用返回：

return jQuery.merge( this, selector );

（如果您碰巧正在查看 jQuery 1.5.1 的源代码，那就是第 152 行）。

通过监视合并，您应该能够测试您正在测试的任何内容，而不会无意中替换 jQuery 的内容。