Estoy probando un poco de JavaScript con Jasmine y deseo espiar (simular) un elemento del DOM al que se accede mediante un selector jQuery.
Mi especificación es:
it("should be able to mock DOM call", function() { spyOn($("#Something"), 'val').andReturn("bar"); result = $("#Something").val(); expect(result).toEqual("bar"); });En mi specrunner.html tengo:
<input type="hidden" id="Something" value="foo" />Desafortunadamente, la especificación falla con:
debería poder simular la llamada DOM Se esperaba que 'foo' fuera igual a 'bar'.
Esta línea está mal:
spyOn($("#Something"), 'val').andReturn("bar");La función spyOn de Jasmine espera dos parámetros. El primero es un objeto existente. El segundo es un nombre de función como una cadena. Está pasando correctamente el nombre de la función como una cadena ("val") pero no está pasando un objeto existente como primer parámetro.
$("#Something")...no es un objeto existente. Es el resultado (el valor de retorno) de un selector jQuery. Más específicamente, devolverá un objeto jQuery que representa los nodos coincidentes, algo así como una matriz de resultados.
$... es un objeto existente.
$.fn... es un objeto existente.
$("#Something")... no es un objeto existente, es el resultado de un selector jQuery .
Esto funcionará:
it("should be able to mock DOM call", function () { //spyOn($.fn, "val").andReturn("bar"); //pre-jasmine 2.0 syntax spyOn($.fn, "val").and.returnValue("bar"); //Jasmine 2.0 Syntax var result = $("#Something").val(); expect(result).toEqual("bar"); });Parece que encontré una buena solución.
it "should open past statuses", -> # We can't use $('.past') here cause each time $('.past') called it returns different objects # so we need to store spy in variable showSpy = spyOn($.fn, 'show') # do the stuff $('.show-past').click() # then check if 'show' action was called expect($.fn.show).toHaveBeenCalled() # and if it realy our object expect(showSpy.mostRecentCall.object.selector).toEqual('.past')Esto no se basa en su código, pero espero que esto pueda ayudar a alguien. Y, sí, ejemplo en CoffeScript.
El problema es que las dos llamadas a $ devuelven dos nodos diferentes envueltos en jQuery.
Esto debería funcionar:
it("should be able to mock DOM call", function(){ // var node = $("Something"); // spyOn(node, 'val').andReturn('bar'); // expect(node.val()).toEqual('bar'); var node = $("Something"); spyOn(node, 'val').and.returnValue('bar'); expect(node.val()).toEqual('bar'); });La próxima vez, la ayuda prevalecerá más en la lista de correo de Jasmine: jasmine-js@googlegroups.com.