Chargement d'un fichier JSON simulé dans le test Karma+AngularJS

servir JSON via le fixe est le plus facile mais à cause de notre configuration nous ne pouvions pas le faire aussi facilement donc j'ai écrit une fonction d'aide alternative:

dépôt

Installer

$ bower install karma-read-json --save

  OR

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

  OR

$ yarn add karma-read-json --dev

Utilisation

1. Mettre karma-lire-json.js dans vos dossiers Karma. Exemple:

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

2. assurez-vous que votre JSON est servi par le Karma. Exemple:

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

3. utilisez la fonction readJSON dans vos tests. Exemple:

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

j'ai eu du mal à trouver une solution pour charger des données externes dans mes bases de test. Le lien ci-dessus: http://dailyjs.com/2013/05/16/angularjs-5 / A travaillé pour moi.

quelques notes:

"defaultJSON" doit être utilisé comme clé dans votre fichier de données simulé, c'est très bien, comme vous pouvez simplement vous référer à defaultJSON.

mockedDashboardJSON.js:

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

puis dans votre fichier test:

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
    ....
}

on dirait que votre solution est la bonne mais il y a 2 choses que je n'aime pas:

• il utilise jasmin
• il faut une nouvelle courbe d'apprentissage

je viens de rencontrer ce problème et j'ai dû le résoudre rapidement car je n'avais plus le temps pour la date limite, et j'ai fait ce qui suit

ma ressource json était énorme, et je ne pouvais pas copier coller dans le test donc j'ai dû le garder fichier séparé - mais j'ai décidé de le garder comme javascript plutôt que json, et puis j'ai tout simplement fait:

var someUniqueName = ... the json ...

et je l'ai inclus dans Karma conf includes..

je peux encore me moquer d'une réponse http d'arrière-plan si nécessaire avec elle.

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

je pourrais aussi écrire un nouveau module angulaire pour être inclus ici et puis changer la ressource json pour être quelque chose comme

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

et puis injecter simplement SomeUniqueName dans le test, qui semble plus propre.

peut-être même l'envelopper dans un service

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

ces solutions étaient plus rapides pour moi, tout aussi propres, et ne nécessitaient pas de nouvelle courbe d'apprentissage. donc, je préfère celui-ci.

je cherchais la même chose. Je vais essayer cette approche . Il utilise les fichiers de configuration pour inclure les fichiers de données simulées, mais les fichiers sont un peu plus que json, parce que le json doit être passé à angular.module ('MockDataModule').la valeur et ensuite vos tests unitaires peuvent également charger plusieurs modules et ensuite le jeu de valeur est disponible pour être injecté dans l'appel avant chaque injection.

également trouvé une autre approche qui semble prometteur pour les requêtes xhr qui ne sont pas coûteuses, c'est un excellent post qui décrit le test de mi-chemin, qui si je comprends bien permet à votre contrôleur/service de récupérer effectivement des données comme dans un test e2e, mais votre test de mi-chemin a un accès réel à la portée du contrôleur (e2e ne le fait pas je pense).

il y a des préprocesseurs Karma qui fonctionnent aussi avec les fichiers JSON. Il y en a un ici:

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

et sans vergogne, celui-ci est un que j'ai développé qui a besoin de soutien js

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

vous pouvez utiliser le karma-html2js-préprocesseur pour obtenir les fichiers JSON ajoutés au __html_ global.

voir cette réponse pour plus de détails: https://stackoverflow.com/a/22103160/439021

Voici une alternative à Cameron 'S réponse, sans la nécessité de jasmine-jquery ni aucune config Karma supplémentaire, pour tester p.ex. un service angulaire en utilisant $resource :

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

et l'essai unitaire correspondant:

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();
    });
});