Comment puis-je vérifier l'AJAX de jQuery événements avec Jasmine?

Je pense qu'il y a deux types de tests que vous pouvez faire:

1. Tests d'unité factice de la requête AJAX (à l'aide de Jasmin espions), vous permet de tester tous de votre code qui s'exécute juste avant de la requête AJAX, et juste après. Vous pouvez même utiliser le Jasmin pour de faux une réponse du serveur. Ces tests serait plus rapide - et ils n'auraient pas besoin de gérer asynchrone de comportement puisqu'il n'y a pas de réelles AJAX passe.
2. Les tests d'intégration effectuer des requêtes AJAX. Ces aurait besoin d'être asynchrone.

Jasmin peut vous aider à faire les deux types de tests.

Voici un exemple de comment vous pouvez les faux de la requête AJAX, puis d'écrire un test unitaire pour vérifier que le faux requête AJAX a été d'aller à l'URL:

it("should make an AJAX request to the correct URL", function() {
    spyOn($, "ajax");
    getProduct(123);
    expect($.ajax.mostRecentCall.args[0]["url"]).toEqual("/products/123");
});

function getProduct(id) {
    $.ajax({
        type: "GET",
        url: "/products/" + id,
        contentType: "application/json; charset=utf-8",
        dataType: "json"
    });
}

Pour Jasmin 2.0 utiliser à la place:

expect($.ajax.calls.mostRecent().args[0]["url"]).toEqual("/products/123");

comme indiqué dans cette réponse

Ici est un analogue de l'unité de test qui vérifie votre rappel a été exécuté, sur une requête AJAX terminer avec succès:

it("should execute the callback function on success", function () {
    spyOn($, "ajax").andCallFake(function(options) {
        options.success();
    });
    var callback = jasmine.createSpy();
    getProduct(123, callback);
    expect(callback).toHaveBeenCalled();
});

function getProduct(id, callback) {
    $.ajax({
        type: "GET",
        url: "/products/" + id,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: callback
    });
}

Pour Jasmin 2.0 utiliser à la place:

spyOn($, "ajax").and.callFake(function(options) {

comme indiqué dans cette réponse

Enfin, vous avez fait allusion ailleurs que vous pouvez écrire des tests d'intégration qui font des requêtes AJAX - pour l'intégration des fins. Cela peut être fait à l'aide de Jasmin est un système caractéristiques: attend(), waitsFor() et court():

it("should make a real AJAX request", function () {
    var callback = jasmine.createSpy();
    getProduct(123, callback);
    waitsFor(function() {
        return callback.callCount > 0;
    });
    runs(function() {
        expect(callback).toHaveBeenCalled();
    });
});

function getProduct(id, callback) {
    $.ajax({
        type: "GET",
        url: "data.json",
        contentType: "application/json; charset=utf-8"
        dataType: "json",
        success: callback
    });
}

voici un exemple simple de la suite de tests
pour une application js comme ce

var app = {
               fire: function(url, sfn, efn) {
                   $.ajax({
                       url:url,
                       success:sfn,
                       error:efn
                   });
                }
         };

un test de l'échantillon de suite, qui sera appel le rappel basé sur l'url regexp

describe("ajax calls returns", function() {
 var successFn, errorFn;
 beforeEach(function () {
    successFn = jasmine.createSpy("successFn");
    errorFn = jasmine.createSpy("errorFn");
    jQuery.ajax = spyOn(jQuery, "ajax").andCallFake(
      function (options) {
          if(/.*success.*/.test(options.url)) {
              options.success();
          } else {
              options.error();
          }
      }
    );
 });

 it("success", function () {
     app.fire("success/url", successFn, errorFn);
     expect(successFn).toHaveBeenCalled();
 });

 it("error response", function () {
     app.fire("error/url", successFn, errorFn);
     expect(errorFn).toHaveBeenCalled();
 });
});

Essayer jqueryspy.com
Il fournit un élégant jquery comme syntaxe pour décrire vos tests et permet les rappels à l'essai après l'ajax a complet. Son grand pour des tests d'intégration et vous pouvez configurer maximum ajax temps d'attente en secondes ou en milleseconds.