Jasmineはクリックイベントをトリガーできません

Question

Jasmineが入力ボタンをクリックしてコードを実行しているかどうかをテストする簡単なJasmineテストを実装しようとしています。しかし、クリックがトリガーしていない理由がわかりません。 beforeEachに.click()という機能があるだけだとわかりますが、それは動作するとは思われません。

スペック

describe("export citations", function(){ 
    var btn 
    beforeEach(function(){    
    btn= $("input#myButton").eq(0); 
    }); 

    it("should call click function", function() { 
    btn.trigger("click"); 
    expect($("#content").length).toBeGreaterThan(0); 
    }); 
}); 

フィクスチャ

$(function(){ 
    $("input#myButton").click(function(e){ 
    //Run a bunch of code here 
    } 
}); 

Answer 1

は、あなたが実際に固定具にDOMに要素を追加したことがありますか？またあなたは欠けている）;クリックコールバックを閉じます。

これは私の仕事：

describe("export citations", function() { 
    var btn; 
    beforeEach(function() { 
    btn= $("input#myButton").eq(0); 
    }); 

    it("should call click function", function() { 
    btn.click(); 
    expect($("#content").length).toBeGreaterThan(0); 
    }); 
}); 

フィクスチャ

(function() { 
    $("body").html("<input id='myButton' type='button'>"); 

    $("body").html("<div id='content'></div>"); 

    $("input#myButton").click(function() { 
    $("#content").html("<p>Hello</p>"); 
    }); 
})(); 

Answer 2

を私はあなたのフィクスチャは、テストケース

(function() { 
     $("body").html("<input id='myButton' type='button'>"); 

     $("input#myButton").click(function() { 
      $("body").append("<div id='content'>") 
     }); 
    })();