Tarayıcı sayfası, omurga görünümlerini Jasmine

Question

ile test ederken yenilenmeye devam ediyor Aşağıdaki Jasmine sınamasını (1) çalıştırarak, sınama başarıyla gerçekleştirilir, ancak ana sınama sayfasının yinelemeli yüklemesiyle karşılaşıyorum.

Herhangi bir fikir: Burada

benim test (1) ve burada hangi ben testi (2) çalıştırıyorum modülüdür? Sorunu nasıl düzeltebilirim?

S.S .:
Sorun sadece Chrome ve Safari Tarayıcısı ile ilgilidir.
Bir örnek: jsfiddle.net/shioyama/EXvZY

---

(1)

describe('When Submit button handler fired', function() { 
    beforeEach(function() { 
     spyOn(MyView.prototype, 'submitForm'); 
     this.view = new MyView(); 
     this.view.render(); 
     this.view.$el.find('form').submit(); 
    }); 

    it('submitForm should be called', function() { 
     expect(MyView.prototype.submitForm).toHaveBeenCalled(); 
    }); 
}); 

---

(2)

var MyView = Backbone.View.extend({ 
    events: { 
     'submit form' : 'submitForm' 
    }, 

    submitForm: function (event) { 
     event.preventDefault(); 
     // some code 
    } 
}); 

Answer 1

Omurga temsilci olaylar kullanır Görünüm oluşturulduğunda bağlı olan. View.el dosyanız oluşturulduğunda form içermiyor, bunun yerine render yönteminde bir tane oluşturuyorsunuz. Bu nedenle, gönderilen temsilci etkinliği sınırlanmaz ve bunun yerine sayfadaki formu gönderirsiniz. Bu form gönderimi, Jasmine paketinin tekrar çalıştırılmasını tetikleyen aynı URL'ye gider ve sonuçta bir döngü oluşturur.

Eğer kod biraz değiştirirseniz

, bu sürüm görüntüleme oluşturulmaz önce <formu> eleman var oldukça çalıştığını göreceksiniz.

var MyView = Backbone.View.extend({ 
    events: { 
     'submit form' : 'submitForm' 
    }, 

    submitForm: function (event) { 
     event.preventDefault(); 
     // some code 
    } 
}); 

//start test runner right after we're done defining our tests in this script 
window.setTimeout(function(){ 
    jasmine.getEnv().addReporter(new jasmine.TrivialReporter()); 
    jasmine.getEnv().execute(); 
}, 0); 

//TESTS GO HERE 
describe('When Submit button handler fired', function() { 
    beforeEach(function() { 
     spyOn(MyView.prototype, 'submitForm').andCallThrough(); 
     this.view = new MyView({ 
      el: $('<div><form><input type="submit" value="Submit" /></form></div>') 
     }); 
     this.view.$el.find('form').submit(); 
    }); 

    it('submitForm should be called', function() { 
     expect(MyView.prototype.submitForm).toHaveBeenCalled(); 
    }); 
});​