Backbone + Jasmine Test AJAX Erfolg Rückruf in Router

Question

sagen, dass ich die folgende Backbone-Router haben:

class App.Routers.ThingsRouter extends Backbone.Router 
    initialize: -> new App.Collections.ThingsCollection() 

    index: -> 
    that = this 
    @collection.fetch success: -> 
     view = new App.Views.ThingsIndex(collection: that.collection) 
     $('#app-container').html(view.render().el) 

Ich brauche einen Jasmine Spion zu schreiben, die diese beobachten und sicherstellen, dass App.Views.ThingsIndex() genannt wird. Da es jedoch AJAX ist, wird Folgendes nicht:

describe 'index', -> 
    @router = new App.Routers.ThingsRouter() 
    spyOn(@router.collection, 'fetch') 
    fake = { render: -> '' } 
    @previewsIndexStub = spyOn(Periscope.Views, 'PreviewsIndex').andReturn(fake) 
    @router.index() 
    expect(@previewsIndexStub).toHaveBeenCalled() 

Da Jasmin die Erwartungsfunktion ausgeführt wird, bevor der AJAX-Aufruf abgeschlossen werden kann. Gibt es eine gute Möglichkeit, einen Rückruf so zu testen?

Answer 1

Verwenden Sie die eingebauten Jasmines waitFor & runs-Methode, um zu warten, bis der Ajax-Aufruf abgeschlossen ist, bevor Sie Ihre expect-Funktion ausführen. Informationen zu diesen beiden Funktionen finden Sie unter Jasmine - Asynchronous specs.

describe 'index', -> 
    @router = new App.Routers.ThingsRouter() 
    spyOn(@router.collection, 'fetch') 
    fake = {}; fake.render = -> ''; 
    @previewsIndexStub = spyOn(Periscope.Views, 'PreviewsIndex').andReturn(fake) 
    @router.index() 
    waitsFor => @previewsIndexStub.wasCalled 
    ### 
    Or if you want to wait for the method to be called more than once 
    use form waitsFor => @previewsIndexStub.callCount > 1 
    ### 
    runs => expect(@previewsIndexStub).toHaveBeenCalled()