angularjs - test - Cómo simular el filtro angular de traducción en pruebas unitarias para directivas

pruebas unitarias angularjs

Question

En mis plantillas directivas, necesito usar el filtro de traducción angular como tal:

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

Luego, en mi prueba unitaria para esta directiva, recibo el error:

Proveedor desconocido: translateFilterProvider <- translateFilter

Intenté inyectar $filter y obtener $translate por $translate = $filter(''translate''); que no resuelve el problema, esto es realmente para probar el filtro

Puedo inyectar el módulo pascalprecht.translate , pero eso es mano dura. ¿Cómo me burlo del filtro?

Answer 1

A continuación se muestra un ejemplo simple de cómo puede burlarse del filtro.

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

Answer 2

Esta es la forma ES6:

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

Esto no se burla del método $ translate.instant. Para esto, puede asignar la función a una variable y luego asignar el método angular.identity a la propiedad instant .

Answer 3

Esto es trabajo para mí. Pero, por supuesto, debe establecer el valor de mockTraslateFilter para que funcione antes de usarlo en otro funciton.

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

aún más corto, si usas ES6:

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