Comment se moquer angulaire traduire filtre dans les tests unitaires pour les directives

Dans mon directive modèles, j'ai besoin d'utiliser l'angle de traduire filtre en tant que tel:

    <label for="data-source-btn">
      <span id="data-source-btn-span"></span>
      {{'Data Source' | translate}}
    </label>

Ensuite dans mon test de l'unité de la présente directive, j'obtiens l'erreur:

Inconnu fournisseur de: translateFilterProvider <- translateFilter

J'ai essayé d'injecter $filter et se $translate par $translate = $filter('translate'); qui ne résout pas le problème - c'est vraiment pour tester le filtre

Je peux injecter le module pascalprecht.translate, mais c'est du lourd. Comment puis-je mieux se moquer du filtre?

InformationsquelleAutor jokomo | 2014-08-20
  1. 50

    Ci-dessous est un exemple simple de la façon dont vous pouvez simuler le filtre. 

    var mockTranslateFilter;

beforeEach(function() {
  module(function($provide) {
    $provide.value('translateFilter', mockTranslateFilter);
  });

  mockTranslateFilter = function(value) {
    return value;
  };
});
    • Puis-je réellement se moquer d'une traduction ici?
    • Lors de l'utilisation de cela, je reçois toujours un Failed to instantiate module app.translate due to: Unknown provider: $translateProvider.
    InformationsquelleAutor jokomo
  2. 0

    C'est de travailler pour moi. Mais bien sûr, vous devez définir mockTraslateFilter valeur de la fonction bewfore vous permettra de l'utiliser dans un autre d'une fonction.

    var mockTranslateFilter;

beforeEach(function() {
  mockTranslateFilter = function(value) {
    return value;
  };
  module(function($provide) {
    $provide.value('translateFilter', mockTranslateFilter);
  });
});

    encore plus courte, si vous utilisez ES6:

        beforeEach(angular.mock.module(progressBarComponent, ($provide) =>      {
        $provide.value('translateFilter', (v) => v);
    }));
    InformationsquelleAutor zahar_g
  3. 0

    C'est l'ES6 façon:

    beforeEach(angular.mock.module('myModule'), ($provide) => {
    $provide.value('$translate', t => ({ then: cb => cb(t) }));
}));

    Ce n'est pas se moquer de l' $translate.méthode instantanée. Pour cela, vous pouvez assigner la fonction à une variable, puis attribuer angulaire.l'identité de la méthode de la instantde la propriété.

    InformationsquelleAutor sbaechler