我相当确定问题在于设置为在 $(document).ready 上运行的 jquery 绑定没有可用的夹具 html。因此，当我发生旨在通过 jquery 函数更改 DOM 的事件时，什么也没有发生，我的测试也失败了。我在这里看到了这个问题的“解决方案”，但是对我有用的解决方案需要更改我的工作 jquery 函数以与 .live 方法而不是 .click 方法绑定。我对此有两个问题。首先，我不想更改我的工作代码，以便测试能够正确通过。测试框架应该测试代码是否可以在应用程序中工作，其中 DOM 加载和 javascript 绑定以正确的顺序发生。我对解决方案的第二个问题是 .on 和 .delegate 由于某种原因都不起作用，最终起作用的唯一方法是使用当前正在弃用的 .live 方法。总之，我想弄清楚如何更改我的测试或测试框架本身，以便在 $(document).ready 中运行的函数之前加载固定装置。
我正在使用rails 3.2.8，并且设置了两个不同的分支来进行茉莉花测试。其中一个分支使用 jasminerice gem，另一个使用 jasmine-rails gem。Javascript 和 jQuery（使用 .live 方法时）测试在这两种设置中都正确通过。
这是使用茉莉花的分支的描述：
以下是我的 Gemfile.lock 文件中描述 jasmine 和 jQuery 设置的行：
jasminerice (0.0.9)
coffee-rails
haml
jquery-rails (2.1.3)
railties (>= 3.1.0, < 5.0)
thor (~> 0.14)
Jasminerice 默认包含jasmine-jquery扩展。jasmine-jQuery 扩展提供了我在测试中使用的 toHaveText 方法。
直接位于 spec/javascripts 目录中的测试文件 jasmine_jquery_test.js 包含以下内容：
#= require application
describe ("my basic jasmine jquery test", function(){
beforeEach(function(){
$('<a id="test_link" href="somewhere.html">My test link</a>').appendTo('body');
});
afterEach(function(){
$('a#test_link').remove();
});
it ("does some basic jQuery thing", function () {
$('a#test_link').click();
expect($("a#test_link")).toHaveText('My test link is now longer');
});
it ("does some the same basic jQuery thing with a different trigger type", function () {
$('a#test_link').trigger('click');
expect($("a#test_link")).toHaveText('My test link is now longer');
});
});
describe ('subtraction', function(){
var a = 1;
var b = 2;
it("returns the correct answer", function(){
expect(subtraction(a,b)).toBe(-1);
});
});
我位于 app/assets/javascripts 目录中的 javascript 文件 tests.js 包含以下内容：
function subtraction(a,b){
return a - b;
}
jQuery (function($) {
/*
The function I would rather use -
$("a#test_link").click(changeTheTextOfTheLink)
function changeTheTextOfTheLink(e) {
e.preventDefault()
$("a#test_link").append(' is now longer');
}
*/
$("a#test_link").live('click', function(e) {
e.preventDefault();
$("a#test_link").append(' is now longer');
});
});
我位于同一 app/assets/javascripts 目录中的 application.js 文件具有以下内容：
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require vendor
//= require_tree .
jasmine-rails 分支的描述可以在我的第一个 jasmine test 相关 stackoverflow question的内容中找到。
因此，如果有人知道如何操作测试，以便在加载装置后运行 $(document).ready 函数，我非常想听听您的想法？