Javascript Girl
  1. Javascript Girl
  3. Vérifier l'état de la route ui angulaire en utilisant un rapporteur
Intereting Posts
Javascript compare les chaînes sans être sensibles à la casse IE ne permet pas l'événement onClick sur l'élément DOM 'a' créé dynamiquement Equivalent de Angular 1 autrement route dans Angular 2 RemoveEventListener sur les fonctions anonymes en JavaScript JavaScript Play Audio Chargé Obtenir la hauteur du contenu du document, y compris les éléments positionnés absolument / fixés Fermer l'iframe et rafraîchir parent cross domain Comment supprimer des doublons de tableau – javascript Écoutez les invocations d'état et de fonction Exécution de multiples applications Node (Express) sur le même port Traiter avec tel: ancre Est-il possible de fermer une fenêtre de navigateur avec javascript? Trier une liste html avec javascript En javascript, comment recherchez-vous un tableau pour une correspondance de sous-chaîne? La méthode .animate () de jQuery peut-elle être faite pour affecter les variables plutôt que les propriétés CSS?

Vérifier l'état de la route ui angulaire en utilisant un rapporteur

J'utilise le framework Protractor pour tester mon application angulaire.

Puis-je vérifier l'état angulaire dans le test e2e?

Bien sûr, l'idée est d'utiliser browser.executeAsyncScript() vers:

  • Localiser l'élément ayant défini l' ng-app
  • Initialiser l' angular.element et obtenir l'instance de l' injector
  • Obtenir le service de l' $state
  • Utilisez $state.current.name pour obtenir le nom de l'état actuel

Exemple de test de travail à l'aide de la page de démonstration du routeur UI : 

 describe("Current Angular UI router state", function () { beforeEach(function () { browser.get("https://angular-ui.github.io/ui-router/sample/#/"); }); it("should get the current state", function (){ var currentStateName = browser.executeAsyncScript(function(callback) { var el = document.querySelector("html"); // ng-app is defined on html element in this case var injector = angular.element(el).injector(); var service = injector.get('$state'); callback(service.current.name); }); expect(currentStateName).toEqual("home"); }); });

Fortement inspiré de cette réponse .