La página del navegador se actualiza cada vez que prueba las vistas del eje principal con Jasmine

Question

Ejecutando la siguiente prueba Jasmine (1), la prueba se realiza con éxito pero enfrento la carga recursiva de la página de prueba principal.

Aquí es mi prueba (1) y aquí el módulo en el que estoy ejecutando la prueba (2):

¿Alguna idea? ¿Cómo puedo solucionar el problema?

P.S .:
El problema se refiere solo al navegador Chrome y Safari.
Aquí es un ejemplo: 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

Backbone utiliza eventos de delegado , que están vinculados cuando se crea la vista. Tu view.el no contiene un formulario cuando se crea, sino que estás creando uno en el método de renderizado. Es por eso que el evento delegar enviar no se ve obligado, y en su lugar está enviando el formulario en la página. Ese formulario enviado va a la misma URL, lo que activa el conjunto de aplicaciones Jasmine para que se ejecute de nuevo, lo que da como resultado un bucle.

Si modifica su código un poco, encontrará que esta versión funciona, ya que existe la <forma> elemento antes de generar la vista.

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