¿Cómo probar un método en Jasmine si el código en `beforeEach` es asíncrono?

Question

Estoy tratando de escribir algunas pruebas con Jasmine, pero ahora tengo un problema si hay algún código que es asincrónico en beforeEach.

El código de ejemplo se parece a:

describe("Jasmine", function() { 

    var data ; 

    beforeEach(function(){ 
     console.log('Before each'); 
     getSomeDataFromRemote(function(res){ 
      data = res; 
     }); 
    }); 

    it("test1", function() { 
     expect(data).toBe(something); 
     console.log('Test finished'); 
    }); 

}); 

Se puede ver, en el beforeEach, quiero obtener algunos datos de forma remota, y asignarlo a la data de forma asíncrona.

Pero en el test1, cuando intento para verificar:

expect(data).toBe(something); 

Los datos son undefined, porque getSomeDataFromRemote no ha terminado todavía.

¿Cómo corregirlo?

Answer 1

Al igual que la materia asíncrono dentro de un it se puede utilizar el runs y waitsFor en su beforeeach:

define('Jasmine' , function() { 
    var data ; 

    beforeEach(function(){ 
     runs(function() { 
      getSomeDataFromRemote(function(res){ 
       data = res; 
      }); 
     }); 

     waitsFor(function() { return !!data; } , 'Timed out', 1000); 
    }); 

    it("test1", function() { 
     runs(function() { 
       expect(data).toBe(something); 
     }); 
    }); 
}); 

Aunque voy a suponer que es porque este era el código de prueba creo que probablemente debería tener getSomeDataFromRemote la llamada dentro de su it ya que es en realidad lo que se está probando;)

se pueden ver algunos ejemplos más grandes en algunas pruebas que he escrito para una API asíncrona aquí: https://github.com/aaronpowell/db.js/blob/f8a1c331a20e14e286e3f21ff8cea8c2e3e57be6/tests/public/specs/open-db.js

Answer 2

En este caso, normalmente corto la llamada asíncrona para responder de inmediato.

No estoy seguro si lo has visto o no, pero here es un poco de documentación sobre las pruebas asincrónicas con Jasmine.

Answer 3

Tengo un artículo en profundidad que describe cómo probar las funciones de JavaScript asíncrono por medio Jazmín: http://www.larsavery.com/blog/how-to-test-asynchronous-javascript-functions-using-jasmine/

Answer 4

Jasmine 2.0

Tenga cuidado porque en el nuevo Jasmine 2.0 esto va a cambiar y que va a ser mocha estilo. Debe utilizar la función done() en beforeEach() y it(). Por ejemplo, imagine que desea probar si existe una página y no está vacía, en un servidor LAMP, usando jQuery $.get. En primer lugar es necesario agregar jQuery para el archivo SpecRunner.html, y en su archivo spec.js:

describe('The "index.php" should', function() { 
    var pageStatus; 
    var contents; 

    beforeEach(function (done) { 
     $.get('views/index.php', function (data, status) { 
      contents = data; 
      pageStatus = status; 
      done(); 
     }).fail(function (object, status) { 
      pageStatus = status; 
      done(); 
     }); 
    }); 

    it('exist', function(done) { 
     expect(status).toBe('success'); 
     done(); 
    }); 

    it('have content', function(done) { 
     expect(contents).not.toBe(''); 
     expect(contents).not.toBe(undefined); 
     done(); 
    }); 
}); 

Como se puede ver, se pasa a la función done() como parámetro para beforeEach() y it(). Cuando ejecuta la prueba, it() no se iniciará hasta que se llame al done() en la función beforeEach(), por lo que no se lanzarán las expectativas hasta que tenga la respuesta del servidor.

la página existe

Si la página existe capturamos el estado y los datos de la respuesta del servidor, y lo llamamos done(). Luego verificamos si el estado es "exitoso" y si los datos no están vacíos o no están definidos.

La página no existe

Si no existe la página capturamos el estado de la respuesta del servidor, y lo llamamos done(). Luego verificamos si el estado no es "satisfactorio" y si los datos están vacíos o indefinidos (esto debe ser porque el archivo no existe).