javascript - Jasmine probando.load() para obtener la URL llamada

jasmine2.0

Question

Tengo una función que carga una plantilla y quiero verificar que se está llamando a la URL correcta.

Como no puedo encontrar ninguna información más que para espiar las llamadas ajax, supongo que es lo mismo para las llamadas .load() . Estoy usando Jasmine 2.4.1

Función

function templateLoader() {
    var templateURL = ''/path/to/template.html'';
    $(''#myElement'').load(templateURL, function(response, status, xhr) {
        if (status === "error") {
            common.templateError(templateURL, xhr);
        } else {
            ns.successFunction();
        }
    });
}

Prueba de jazmín

var templateURL = ''/path/to/template.html'';
spyOn($(''#myElement''), "load");
templateLoader(); // call the function
expect($(''#myElement'').load.calls.mostRecent().args[0]["url"]).toEqual(templateURL);

Cuando ejecuto esta prueba, aparece el siguiente error:

TypeError: no se puede leer la propiedad ''mostRecent'' de undefined

¿Hay alguna manera diferente de hacer esto? También quiero verificar que se está llamando a la función de éxito, pero hasta que pueda verificar que la URL es correcta, no puedo hacer eso.

Answer 1

Pocas observaciones:

• Su carga es una función Ajax, por lo que tendría que spyOn $.ajax lugar de $(#myElement).load
• No se puede verificar tanto la URL de la llamada como el successCallBack al mismo tiempo sin burlarse de la función ajax. Esto se debe a que su successCallback se ejecuta solo después de obtener una respuesta del servidor, mientras tanto se ejecuta la prueba.
• Por lo tanto, el truco es burlarse de la llamada ajax en sí misma y llamar a una función falsa para resolver la promesa, que en realidad resuelve el valor de éxito en el tiempo de ejecución, es decir, sincrónicamente, lo que ayuda a sus expectativas.

Nota: utilicé el jazmín 2.5

El siguiente código ilustra todos los puntos mencionados anteriormente. Para verlo en acción, acércate al violín aquí

function templateLoader(templateURL) {
  $(''#myElement'').load(templateURL, null, function(response, status, xhr) {
    if (status === "error") {
      common.templateError(templateURL, xhr);
    } else {
      successFunction();
    }
  });
}

successFunction = function() {
  console.log("This is a success Function");
}

describe("spec to test ajax url", function() {
  it(''test load call url'', function() {
    spyOn($, ''ajax'').and.callThrough();
    spyOn(window, ''successFunction'').and.callThrough();
    templateLoader("https://jsonplaceholder.typicode.com/posts/1");
    expect($.ajax.calls.mostRecent().args[0]["url"]).toEqual("https://jsonplaceholder.typicode.com/posts/1");    
  });

  it(''test success function'', function(){
    spyOn(window, ''successFunction'').and.callThrough();
    spyOn($, ''ajax'').and.callFake(function(e) {
      return new $.Deferred().resolve({}).promise();
    });
    templateLoader("https://jsonplaceholder.typicode.com/posts/1");
    expect($.ajax.calls.mostRecent().args[0]["url"]).toEqual("https://jsonplaceholder.typicode.com/posts/1");    
    expect(window.successFunction).toHaveBeenCalled();
    });
});