Cargando un archivo JSON simulado dentro de la prueba Karma + AngularJS

Servir JSON a través del fixture es lo más fácil, pero debido a nuestra configuración no pudimos hacerlo fácilmente, así que escribí una función auxiliar alternativa:

Repositorio

Instalar

$ bower install karma-read-json --save

  OR

$ npm install karma-read-json --save-dev

  OR

$ yarn add karma-read-json --dev

Uso

1. Pon karma-read-json.js en tus archivos de Karma. Ejemplo:

   files = [
     ...
     'bower_components/karma-read-json/karma-read-json.js',
     ...
   ]
   

2. Asegúrese de que su JSON esté siendo servido por Karma. Ejemplo:

   files = [
     ...
     {pattern: 'json/**/*.json', included: false},
     ...
   ]
   

3. Utilice la función readJSON en sus pruebas. Ejemplo:

   var valid_respond = readJSON('json/foobar.json');
   $httpBackend.whenGET(/.*/).respond(valid_respond);
   

He estado luchando para encontrar una solución a la carga de datos externos en mis casos de prueba. El enlace anterior: http://dailyjs.com/2013/05/16/angularjs-5 / Funcionó para mí.

Algunas notas:

"defaultJSON" debe usarse como clave en su archivo de datos simulado, esto está bien, ya que solo puede referirse a defaultJSON.

MockedDashboardJSON.js:

'use strict'
angular.module('mockedDashboardJSON',[])
.value('defaultJSON',{
    fakeData1:{'really':'fake2'},
    fakeData2:{'history':'faked'}
});

Luego en su archivo de prueba:

beforeEach(module('yourApp','mockedDashboardJSON'));
var YourControlNameCtrl, scope, $httpBackend, mockedDashboardJSON;
beforeEach(function(_$httpBackend_,defaultJSON){
    $httpBackend.when('GET','yourAPI/call/here').respond(defaultJSON.fakeData1);
    //Your controller setup 
    ....
});

it('should test my fake stuff',function(){
    $httpBackend.flush();
    //your test expectation stuff here
    ....
}

Parece que su solución es la correcta, pero hay 2 cosas que no me gustan de ella:

• utiliza jazmín
• requiere una nueva curva de aprendizaje

Me encontré con este problema y tuve que resolverlo rápidamente ya que no me quedaba tiempo para la fecha límite, e hice lo siguiente

Mi recurso json era enorme, y no podía copiarlo y pegarlo en la prueba, así que tuve que mantenerlo en un archivo separado, pero decidí mantenerlo como javascript en lugar de json, y luego simplemente lo hizo:

var someUniqueName = ... the json ...

E incluí esto en karma conf incluye..

Todavía puedo simular una respuesta http de backend si es necesario con ella.

$httpBackend.whenGET('/some/path').respond(someUniqueName);

También podría escribir un nuevo módulo angular para ser incluido aquí y luego cambiar el recurso json para que sea algo como

angular.module('hugeJsonResource', []).constant('SomeUniqueName', ... the json ... );

Y luego simplemente inyecte SomeUniqueName en la prueba, que se ve más limpia.

Tal vez incluso envolverlo en un servicio

angular.module('allTestResources',[]).service('AllTestResources', function AllTestResources( SomeUniqueName , SomeOtherUniqueName, ... ){
   this.resource1 = SomeUniqueName;
   this.resource2 = SomeOtherUniqueName; 
})

Esta solución fue más rápida para mí, igual de limpio, y no requiere ninguna nueva curva de aprendizaje. así que prefiero esta.

Yo estaba buscando lo mismo. Voy a probar este enfoque. Utiliza los archivos de configuración para incluir los archivos de datos simulados, pero los archivos son un poco más que json, porque el json necesita ser pasado a angular.módulo('MockDataModule').value y luego sus pruebas unitarias también pueden cargar varios módulos y luego el conjunto de valores está disponible para inyectarse en la llamada beforeEach inject.

También se encontró otro enfoque que parece prometedor para las solicitudes xhr que no son costosos, es un gran post que describe las pruebas de midway, que si entiendo bien permite que su controlador/servicio realmente recupere datos como en una prueba e2e, pero su prueba de midway tiene acceso real al alcance del controlador (e2e no creo).

Hay preprocesadores Karma que también funcionan con archivos JSON. Hay uno aquí:

Https://www.npmjs.org/package/karma-ng-json2js-preprocessor

Y shameless plug, este es uno que desarrollé que tiene soporte RequireJS

Https://www.npmjs.org/package/karma-ng-json2js-preprocessor-requirejs

Puede usar el karma-html2js-preprocessor para obtener los archivos json agregados al global __html__.

Vea esta respuesta para más detalles: https://stackoverflow.com/a/22103160/439021

Aquí hay una alternativa a La respuesta de Cameron , sin la necesidad de jasmine-jquery ni ninguna configuración adicional de Karma, para probar, por ejemplo, un servicio Angular usando $resource:

angular.module('myApp').factory('MyService', function ($resource) {
    var Service = $resource('/:user/resultset');
    return {
        getResultSet: function (user) {
            return Service.get({user: user}).$promise;
        }
    };
});

Y la prueba unitaria correspondiente:

describe('MyServiceTest', function(){
    var $httpBackend, MyService, testResultSet, otherTestData ;

    beforeEach(function (done) {
        module('myApp');
        inject(function ($injector) {
            $httpBackend = $injector.get('$httpBackend');
            MyService = $injector.get('MyService');
        });
        // Loading fixtures
        $.when(
            $.getJSON('base/test/mock/test_resultset.json', function (data) { testResultSet = data; }),
            $.getJSON('base/test/mock/test_other_data.json', function (data) { otherTestData = data; })
        ).then(done);
    });

    it('should have some resultset', function() {
        $httpBackend.expectGET('/blahblahurl/resultset').respond(testResultSet);
        MyService.getResultSet('blahblahurl').then(function (resultSet) {
            expect(resultSet.length).toBe(59);
        });
        $httpBackend.flush();
    });
});