web-dev-qa-db-fra.com

Tests unitaires avec service privé injecté à l'aide de jasmine angular2

J'ai un problème à essayer de tester un service angular. Je veux vérifier que ce service appelle correctement un autre service qui y est injecté.

Disons que j'ai ce ServiceToTest qui injecte ServiceInjected:

ServiceToTest .service.ts

@Injectable()
export class ServiceToTest  {
    constructor(private _si: ServiceInjected) {}
    public init() {
      this._si.configure();
    }

}

ServiceInjected.service.ts

@Injectable()
export class ServiceInjected {
    constructor() {}
    public configure() {
    /*Some actions*/
    }

}

Avec ces services, j'écris maintenant mon test unitaire:

const serviceInjectedStub = {
  configure(): void {}
}


describe('ServiceToTest service Test', () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [ServiceToTest ,
        { provide: ServiceInjected, useValue: serviceInjectedStub }]
    });
  });
  
  it('should be initialize the service injected', inject([ServiceToTest],
    (tService: ServiceToTest) => {
      spyOn(serviceInjectedStub, 'configure');
      tService.init();
      expect(serviceInjectedStub.configure).toHaveBeenCalled();
    }));

Je m'attendais à ce que mon test soit positif, mais je reçois l'erreur suivante:

Configuration espion attendue pour avoir été appelée.

D'un autre côté, cela fonctionne bien si je règle le service injecté public de cette manière:

private _si: ServiceInjected by public si: ServiceInjected
angularkarma-jasmineangular-servicesinjectablespyon
8
RjHiruma

Vous n'espionnez pas le service lié à votre TestBed. Obtenez le service de votre banc d'essai

beforeEach(() => {
  TestBed.configureTestingModule({
    providers: [ServiceToTest ,
      { provide: ServiceInjected, useValue: serviceInjectedStub }]
  });
  injectedService = TestBed.get(ServiceInjected);
});

Et teste dessus

spyOn(injectedService, 'configure').and.returnValue(/* return same data type here */);
// ...
expect(injectedService.configure).toHaveBeenCalled();
23
user4676340

Ou vous pouvez utiliser jasmine.createSpyObj et lui fournir useValue comme ci-dessous:

describe('YourComponent', () => {

  let serviceInjectedSpy: jasmine.SpyObj<ServiceInjected>;

  beforeEach(async(() => {

     // notice here
     serviceInjectedSpy = jasmine.createSpyObj('ServiceInjected', ['configure']);

     TestBed.configureTestingModule({
        declarations: [YourComponent],
        providers: [
           {provide: ServiceInjected, useValue: serviceInjectedSpy}
        ],
        imports: [
         ...
        ]
     }).compileComponents().then(() => {
        fixture = TestBed.createComponent(YourComponent);
        component = fixture.componentInstance;
     });
  });

  it('should assert my test', () => {
       serviceInjectedSpy.configure.and.returnValue(/* what you want */);
       component.init();
       expect(serviceInjectedSpy.configure).toHaveBeenCalled();
  });

});
2
hzitoun

Utilisez ceci:

spyOn (serviceInjectedStub, 'configure') .et.returnValue (config); // config est un simulacre

1
Swoox

Vous devez utiliser un service factice comme:

class MockAuthService extends AuthService {
  isAuthenticated() {
    return 'Mocked';
  }
}

De cette façon, vous contrôlez le service que vous ne testez pas et vous vous concentrez sur l'autre.

Maintenant, pour vérifier si le service est appelé correctement, vous pouvez peut-être ajouter une variable fictive qui devient true chaque fois que le service fictif est appelé.

0
Fabio Carpinato