javascript - injection - inject controller into controller angularjs

Inyectar servicios dependientes cuando se prueban unidades AngularJS services

Question

Estoy probando el servicio A, pero el servicio A depende del servicio B (es decir, el servicio B se inyecta en el servicio A).

He visto esta pregunta, pero mi caso es un poco diferente porque, en mi opinión, tiene más sentido burlarse del servicio B en lugar de inyectar una instancia real del servicio B. Me burlaría de él con un espía de jazmín.

Aquí hay una prueba de muestra:

describe("Sample Test Suite", function() {
beforeEach(function() {
module(''moduleThatContainsServiceA'');
inject([
''serviceA'', function(service) {
this.service = service;
}
]);
});
it(''can create an instance of the service'', function() {
expect(this.service).toBeDefined();
});
});

El error que recibo es:

Error: proveedor desconocido: serviceBProvider

¿Cómo podría hacer algo como esto?

Answer 1

De hecho, en AngularJS Dependency Injection usa la regla de "últimos triunfos". Entonces puede definir su servicio en su prueba justo después de incluir su módulo y sus dependencias, y luego, cuando el servicio A que está probando solicitará el servicio B usando DI, AngularJS dará una versión burlada del servicio B.

Esto a menudo se hace definiendo un nuevo módulo como MyAppMocks, colocando servicios / valores burlados allí y luego agregando este módulo como dependencia.

Tipo de (esquemáticamente):

beforeEach(function() {
angular.module(''MyAppMocks'',[]).service(''B'', ...));
angular.module(''Test'',[''MyApp'',''MyAppMocks'']);
...

Answer 2

Encuentro que el método más simple es simplemente inyectar el servicio B y simularlo. por ejemplo, el automóvil de servicio depende del motor de servicio. Ahora tenemos que simular el motor al probar el coche:

describe(''Testing a car'', function() {
var testEngine;
beforeEach(module(''plunker''));
beforeEach(inject(function(engine){
testEngine = engine;
}));
it(''should drive slow with a slow engine'', inject(function(car) {
spyOn(testEngine, ''speed'').andReturn(''slow'');
expect(car.drive()).toEqual(''Driving: slow'');
}));
});

Referencia: https://github.com/angular/angular.js/issues/1635

Answer 3

Estaba haciendo esto en CoffeeScript y encontré un gotcha extra. (Además, encontré que el código en esta página es confuso y escueto.) Aquí hay un ejemplo completo de trabajo:

describe ''serviceA'', ->
mockServiceB = {}
beforeEach module ''myApp'' # (or just ''myApp.services'')
beforeEach ->
angular.mock.module ($provide) ->
$provide.value ''serviceB'', mockServiceB
null
serviceA = null
beforeEach inject ($injector) ->
serviceA = $injector.get ''serviceA''
it ''should work'', ->
expect( true ).toBe( true )
#serviceA.doStuff()

Sin devolver explícitamente null después de $provide.value , seguí obteniendo Error: Argument ''fn'' is not a function, got Object $provide.value Error: Argument ''fn'' is not a function, got Object . Encontré la respuesta en este hilo de Grupos de Google .

Answer 4

Esto es lo que funcionó para mí. La clave es definir un módulo real para burlarse. Llamar a angular.mock.module hace que el módulo real se pueda burlar y permite que las cosas se conecten.

 beforeEach( ->
@weather_service_url = ''/weather_service_url''
@weather_provider_url = ''/weather_provider_url''
@weather_provider_image = "test.jpeg"
@http_ret = ''http_works''
module = angular.module(''mockModule'',[])
module.value(''weather_service_url'', @weather_service_url)
module.value(''weather_provider_url'', @weather_provider_url)
module.value(''weather_provider_image'', @weather_provider_image)
module.service(''weather_bug_service'', services.WeatherBugService)
angular.mock.module(''mockModule'')
inject( ($httpBackend,weather_bug_service) =>
@$httpBackend = $httpBackend
@$httpBackend.when(''GET'', @weather_service_url).respond(@http_ret)
@subject = weather_bug_service
)
)

Answer 5

La solución Valentyn funcionó para mí, pero hay otra alternativa.

beforeEach(function () {
angular.mock.module("moduleThatContainsServiceA", function ($provide) {
$provide.value(''B'', ...);
});
});

Luego, cuando el servicio A de AngularJS solicite el Servicio B mediante Inyección de Dependencia, se proporcionará su simulacro de Servicio B en lugar del Servicio B del móduloThatContainsServiceA.

De esta forma, no es necesario crear un módulo angular adicional solo para simular un servicio.