Comment se moquer de $de la fenêtre.emplacement.remplacer dans AngularJS test unitaire?

J'ai eu le service suivant:

angular.module("services")
.factory("whatever", function($window) {
  return {
    redirect: function() {
      $window.location.replace("http://www.whatever.com");
    }
  };
});

La façon de se moquer de $window objet de test de l'unité pour éviter le rechargement de la page lors de l'exécution de tests?

J'ai essayé d'utiliser

spyOn($window.location, 'replace').andReturn(true);

mais il n'a pas (encore "Some of your tests did a full page reload!" erreur) et

$provide.value('$window', {location: {replace: jasmine.createSpy()}})

mais j'obtenais un message d'erreur (Error: [ng:areq] Argument 'fn' is not a function, got Object) avec la trace de la pile de pointer seulement angulaire propre source, il n'est donc pas très utile...

J'ai été confronté au même problème. Avez-vous trouver une solution?
La solution fournie par PaulL pour envelopper $window.location dans un service séparé, en fait, il fonctionne très bien. N'avez pas essayé LostInComputer de solution pour le moment.

InformationsquelleAutor szimek | 2013-11-27

58

En Chrome (n'a pas de test inother navigateurs), de l'emplacement.remplacer la est en lecture seule, donc spyOn n'était pas capable de le remplacer.

$provide.value devrait fonctionner. Quelque chose doit être mal quelque part dans votre code.

Ici est un travail de l'unité de test
```
describe('whatever', function() {
    var $window, whatever;

    beforeEach(module('services'));

    beforeEach(function() {
      $window = {location: { replace: jasmine.createSpy()} };

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

      inject(function($injector) {
        whatever = $injector.get('whatever');
      });
    });

    it('replace redirects to http://www.whatever.com', function() {
      whatever.redirect();
      expect($window.location.replace).toHaveBeenCalledWith('http://www.whatever.com');
    });
});
```
- Angulaire encore injecte de la fenêtre réelle de l'objet pour les services
- Merci de nous montrer ton code
- Voici un code de travail démontrer la réponse que j'ai posté. À terme, 1. vous devez avoir NodeJS 2. appelez le "npm install' 3. appel "grognement d'essai" pour exécuter les tests
- Mes excuses! J'ai découvert que j'avais un bug dans mon code de test.
- Votre solution fonctionne parfaitement bien!
- J'ai également eu à fournir un scrollTo espion, sinon angularjs se plaignait: $window = { location: { replace: jasmine.createSpy() }, scrollTo: jasmine.createSpy() }
- Est-ce à la charge sur une newerish version de jasmin? Je suis en train de le faire et toujours pas, peut-être que mon ancienne version est-elle un problème?
- Ma réponse a été posté il y a 2 ans donc je doute que le fait d'avoir une ancienne version est la raison.
- Qu'est-ce que le global module que vous utilisez? Est-il angular.module? angular.mock.module?
InformationsquelleAutor LostInComputer
6

Je vais avec un plus facile, mais peut-être moins élégant. Je suis en train d'écrire un wrapper pour la somme de fenêtre.l'emplacement, à laquelle je peux ensuite se moquer. Relatives à votre code, je serais en se moquant de l'autre.rediriger la fonction, plutôt que de se moquant de $de la fenêtre (je suppose ici que votre fonction réelle est plus complexe).

Donc je finirais avec:
```
angular.module("services")
.factory("whatever", function($window) {
  return {
    do_stuff_that_redirects: function() {
      lots of code;
      this.redirect("http://www.whatever.com");
      maybe_more_code_maybe_not;
    },

    redirect: function(url) {
      $window.location.replace(url);
    }
  };
});
```
Je peux alors directement se moquer de la méthode de redirection, et seulement de la confiance, puisque c'est une seule ligne de code, il ne peut pas vraiment se tromper.
```
spyOn(whatever, 'redirect').andCallFake(function(){});
expect(whatever.redirect).toHaveBeenCalledWith('http:/my.expected/url');
```
C'est suffisant pour mes besoins, et me permet de valider l'url appelée.

InformationsquelleAutor PaulL
4

Je vais vous proposer une autre approche qui pourrait fonctionner pour vous. J'ai connu le même problème alors que les tests unitaires d'un contrôleur à "l'action" qui, en définitive, redirige l'utilisateur (à plein chargement de la page, mais à une autre page dans le plus grand site web/application). Pour donner le contexte, le contrôleur envoie une requête AJAX, et si la réponse est OK, il va rediriger l'utilisateur vers une autre page via $de la fenêtre.emplacement.replace():
```
$http.post('save', data)
        .success(function(responseData, status, headers, config) {
            if(responseData.redirect) {
                $window.location.replace(responseData.redirect);
            }
        })
        .error(function(responseData, status, headers, config) {
             console.error("ERROR while trying to create the Event!!");
        });
```
Le test pour le contrôleur en fonction de la cause, "Certains de vos tests a fait un rechargement complet de la page!" erreur. J'ai donc ajouté ce qui suit à la beforeEach() la fonction du contrôleur de spec, pour se moquer de l ' $service de fenêtre:
```
mockWindow = { location: { replace: function(url) { console.log('redirecting to: ' + url); } } };
eventCtrl = $controller('EventCtrl', { $scope: scope, $window: mockWindow });
```
Bien sûr, cette solution m'empêche de (proprement) vérifier que la fonction de remplacement a été appelé avec un argument, mais je ne m'en soucie pas vraiment de ce droit maintenant.... Espérons que cela aide.
- Ce serait le travail pour les contrôleurs, mais ne permettrait pas si vous voulez injecter $de la fenêtre dans un service.
InformationsquelleAutor Shawn Flahave
0

Je pense que ce que vous voulez est d'utiliser le $lieu service, plutôt que d'appeler $window.location. Il y a aussi toute une page expliquant cette fonctionnalité ici: http://docs.angularjs.org/guide/dev_guide.services.$emplacement.

À l'aide de cela, il devrait être assez simple à utiliser un écrasé version du $service de localisation dans des tests.
- Merci, mais selon les docs: "Quand vous avez besoin de changer l'URL et de recharger la page ou de naviguer vers une autre page, utilisez un niveau inférieur de l'API, $fenêtre.emplacement.href." et c'est exactement ce que je veux - pour rediriger vers une URL externe.
- Ah, je vois. Je ne pense pas que c'est possible, mais la seule chose que je peux image qui travaillera ensuite, est de talon de la fenêtre.l'emplacement de l'objet avec un propre.
InformationsquelleAutor calamari
0
```
$location.path('/someNewPath');
```
$lieu.replace();
//ou vous pouvez la chaîne ainsi: $lieu.path('/someNewPath').replace();

InformationsquelleAutor Kevin Barasa

Vous devez vous connecter pour publier un commentaire.