Yasemin jQuery ile form gönderme işleyicisi Test

Question

Ben böyle göndermeniz durumunda iliştirilmiş bir işleyici, olan bir biçim:

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

Ben sağlamak için bu kod satırını sınamak nasıl çalışamaz form gönderildiğinde, doğru olay işleyicisini kullanır.

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

Ben de kullanmaya çalışıyorum: Ben edemedik olarak

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

Fakat sayfa sonsuz döngüye kendisini göndererek tutar Örneğin, bu işe yaramazsa Bunun herhangi bir yerde çalışan bir örneğini bulmak için, eminim yanlış kullanmaktayım (Jasmine, undefined öğesinin undefined olduğu hatayı okuyamıyor "hatayı okuyor" this.actual.data ("events")).

Lütfen yardım edebilir misiniz? Saatlerce çalışıyorum! Teşekkürler.

Answer 1

Etkinlikte casusluk yapmak için Jasmine jQuery kullanıyorum.

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

Ayrıca ben bir fikstür kullanarak formu alay ediyorum.

Formun kendisinde (fikstürde) formun gönderilmesini önlemek için eylemi "javascript: void (0)" olarak ayarlıyorum. Test

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