maquette angularjs service pour les tests unitaires à l'aide de jasmin

J'ai Angulaire Application et je veux créer des scénarios de test unitaire pour l'aide jasmin.

Dans mon AngularJS application, j'ai un service : 

var canceler;
var myServices = angular.module('myServices', ['ngResource'])

myServices.factory('getData', ['$http', '$q', function($http, $q){
    var canceler;
    return {
        setData: function(url, callback, error) {
                    canceler = $q.defer();
                    $http.post(url, {}, {timeout:canceler.promise}).success(callback).error(error);
        },
        abort: function(){ canceler.resolve();}
    }
}]);

Ce service est utilisé par le contrôleur.

Maintenant, comment puis-je fournir une maquette pour ce "getData" service de l'injecteur, je suis en utilisant en controllerSpecs.js (pour les tests unitaires à l'aide de jasmin).

Pour la référence, le code de controllerSpecs.js est défini dans Erreur lors de l'utilisation de Jasmin avec AngularJS.

InformationsquelleAutor r.bhardwaj | 2014-01-22
  1. 2

    Essayer quelque chose comme cela

    //creation mock service
var mockGetData = {
  data: [],
  setData: function(url, callback, error){
    //emulate real work, any logic can be here
    data.push('called');
    callback(data);
  }
}

    et l'utilisation de la maquette de service

    it('test description', inject(function ($rootScope, $controller){
  var scope = $rootScope.$new();
  var ctrl = $controller('TodoController', { $scope: scope, getData: mockGetData });
  //some test here....
}))
    • Je suis incapable de comprendre que lorsque nous mettons le vide de données et une fonction dans le nom de mockgetdata qui ne fait rien, ce qui va se passer lorsque je vais appeler la même fonction de jasmin pour tester ses fonctionnalités ?
    • vous pouvez émuler le travail de vrais GetData dans la fonction setData, données propriété n'est pas nécessaire, vous ne pouvez sauvegarder des données au cours de l'essai. J'ai mis à jour la réponse, mais je ne sais pas la logique de votre service, de sorte que vous pouvez utiliser toute logique.
    • a obtenu le point, mais une chose de plus à se demander si, au lieu de la création de la maquette-je obtenir le "getData" service à l'aide de $injecteur.get( 'getData' ), ce qui est dommage dans tout cela ?
    • pas de mal. Mais l'unité des moyens d'essai vous de tester chaque bloc indépendants les uns des autres. Donc, si votre test échoue et que vous utilisez se moquer de service, vous pouvez être sûr que le problème n'est pas dans le service. Sinon, vous avez besoin de plus de temps pour trouver la cause de l'erreur.
    InformationsquelleAutor IgorCh
  2. 11

    Vous pouvez utiliser AngularJS est $provide service. Cette page montre comment, à se moquer de la fonctionnalité d'un service à l'aide de Jasmin espions. En gros, dans votre Jasmin test, vous pouvez inclure:

    var getDataMock;

beforeEach(function() {
  getDataMock = {
    setData: jasmine.createSpy(), 
    abort: jasmine.createSpy()
  };

  module(function($provide) {
    $provide.value('getData', getDataMock);
  });
});

    Cela dit AngularJS qu'au lieu d'utiliser le réel getData service, la maquette sera utilisé à sa place. Dans cet exemple, à l'aide d'un Jasmin d'espion pour la simulation permet de créer facilement des attentes au sujet de comment et quand les getData service est appelé par le contrôleur. Vous pouvez également définir getDataMock à tout autre objet, si elle fait sens pour soutenir la même API que le réel getData service.

    Pour les points de bonus, vous pouvez spécifier le getDataMock objet dans un fichier séparé, de sorte que la fantaisie peut être facilement utilisé dans un certain nombre de tests unitaires où la chose étant testés utilise getData. Toutefois, cela nécessite un peu de configuration avec tout ce que Jasmine coureur vous êtes en utilisant.

    C'est tout en supposant que vous souhaitez unité de test de la contrôleur. Si vous voulez de l'unité de test de la getData service lui-même, AngularJS fournit une belle se moquant de l'utilitaire spécifiquement pour les requêtes http.

    • J'ai utilisé le getDataMock comme vous l'avez écrit et l'obtention d'erreur suivant TypeError: Cannot read property 'en cours' de indéfini à isSpecRunning dans angular-mock.js
    • J'ai utilisé le getDataMock comme vous l'avez écrit et l'obtention d'erreur suivant TypeError: Cannot read property 'en cours' de indéfini à isSpecRunning dans angular-mock.js
    • vous pouvez poster votre entière exemple dans un JSFiddle?
    • Je suis vraiment besoin de comprendre comment obtenir votre "point bonus". Comment puis-je spécifier un simulacre de service dans '$'donner?
    • C'est une meilleure réponse que l'on a accepté la réponse. Il est intéressant de noter que l'affectation de la getDataMock dans le beforeEach plutôt qu'à l'extérieur assure les espions obtenir remis pour chaque test.
    • liens en réponse sont morts

    InformationsquelleAutor jelinson