jasmine 和 jquery-ui -effect() 方法不存在

Question

这很简单。我的 JS 只是调用：

$("#search_box").focus().effect("highlight",{},3000);

    describe('initialization', function(){
        beforeEach(function(){
            var search_box = $("#search_box");
        });

        it('should initially focus on the search box', function(){
            spyOn(search_box, 'focus');
            wizard._initialize();
            expect(search_box.focus).toHaveBeenCalled();
        });

        it('should initially highlight the search box', function(){
            spyOn(search_box, 'effect');
            wizard._initialize();
            expect(search_box.effect).toHaveBeenCalledWith("highlight", {}, 3000);
        });

    });

focus() 有效，但effect 无效。它说effect()方法不存在，就好像我没有加载jquery-ui库一样。

我已将 jquery-ui 添加到我的 jasmine.yml 文件中，并已验证它是否由运行程序加载。

有什么建议吗？

Answer 1

我有类似的问题。我通过从应用程序的 jasmine.yml 文件中删除这一行来使事情正常工作：

- public/javascripts/**/*.js

我已明确更改内容以明确包含每个 js 文件。我想人们应该小心使用通配符条目。

希望有帮助，

--何塞

Answer 2

如果将来有人需要这个答案：

您不能像这样监视效果方法：

spyOn(search_box, 'effect');

您应该像这样监视效果方法：

spyOn($.fn, 'effect');

Answer 3

我认为您需要将 search_box 的声明移到 beforeEach 函数之外。

更改：

describe('initialization', function(){
    beforeEach(function(){
        var search_box = $("#search_box");
    });
});

至：

describe('initialization', function(){
    var search_box;
    beforeEach(function(){
        search_box = $("#search_box");
    });
});

如果您使用了“use strict”；调试器可能已经指出了这一点。这就是说，使用 JQuery 与 jasmine 间谍也存在问题，我现在没有时间详细说明。