Testowanie obsługi przesyłania formularzy z Jasmine jQuery

Question

Mam formularz, który ma obsługi dołączoną do wypadku przedłożenia takiego:

$('#myForm').bind('submit', $.proxy(this, 'form_onSubmit')); 

nie mogę pracować się, jak przetestować ten wiersz kodu w celu zapewnienia że po przesłaniu formularza używa poprawnej procedury obsługi zdarzeń. Na przykład, to nie zadziała jak utrzymuje strona składając się w nieskończonej pętli:

describe('Submitting the form', function() { 
    it ('Uses the correct event handler', function() { 
     spyOn(myConstructor, 'form_onSubmit'); 
     $('#myForm').trigger('submit'); 
     expect(myConstructor.form_onSubmit).toHaveBeenCalled(); 
    }); 
}); 

Mam również próbuje użyć:

expect($('#myForm')).toHandleWith('submit', myConstructor.form_onSubmit); 

Ale jak nie udało aby znaleźć działający przykład tego gdziekolwiek, jestem pewien, że używam go niepoprawnie (Jasmine rzuca błąd "Nie można odczytać właściwości 'submit' of undefined" gdzie undefined to this.actual.data ("events")).

Czy ktoś może pomóc? Byłem w tym od wielu godzin! Dzięki.

Answer 1

Używam Jasmine jQuery do szpiegowania zdarzenia.

https://github.com/velesin/jasmine-jquery#event-spies

Również jestem szyderczy formularz za pomocą uchwytu.

Na samym formularzu (w urządzeniu) ustawiam akcję na "javascript: void (0)", aby zapobiec przesyłaniu formularzy.

<form class="js-game-form" action="javascript:void(0)"> 
</form> 

Do testu

describe("#submitForm", function(){ 
    it("should submit the form when you press one of the update buttons", function(){ 
     var spyEvent = spyOnEvent(formSelector, 'submit'); 
     $(updateButtonSelector).trigger("click"); 
     expect(spyEvent).toHaveBeenTriggered(); 
    }); 
});