Jaśmin nie może wywołać zdarzenia kliknięcia

Question

Próbuję zaimplementować prosty test Jasmine, w którym Jasmine przetestuje, czy jakiś kod jest uruchamiany po kliknięciu przycisku wprowadzania. Ale nie rozumiem, dlaczego kliknięcie nie uruchamia się? Zdaję sobie sprawę, że będzie to możliwe, jeśli po prostu mam funkcję .click() przedEach, ale nie sądzę, że tak to działa.

specyfikacje

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); 
    }); 
}); 

osprzętu

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

Answer 1

Czy rzeczywiście dodaje element do DOM w uchwycie? Poza tym brakuje ci a); w urządzeniu, aby zamknąć wywołanie zwrotne kliknięcia.

Ten pracował dla mnie:

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); 
    }); 
}); 

Oprawa

(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

Myślę, że Urządzenie powinno być tak, aby odpowiadał Twoim przypadku testu

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

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