How to import or inject AngularJS services in Angular 2 in Unit testing

Question

I have one service of my own in AngularJS. I have used it in one of my component in Angular 2. Now when i write unit test for the component I am not able to import or inject that service. Can anyone help me out here with this issue.

abdul subaan · Accepted Answer · 2018-05-26 11:18:56Z

1

You will need to set up the test using the Angular TestBed and inject the service.

import { TestBed, async, ComponentFixture } from '@angular/core/testing';

describe('', () => {
  let fixture: ComponentFixture<TestComponent>;
  let component: TestComponent;
  let service;

  beforeEach(async(() => {

    TestBed.configureTestingModule({
       imports: [
         AppModule
       ],
       declarations: [ 
       ],
       providers: [
       ]}).compileComponents()
      .then(() => {
         fixture = TestBed.createComponent(TestComponent);
         comp = fixture.componentInstance;

         service = TestBed.get(AppService);
      });
   }));
});

Call a service and use spy,

 it('should fetch the cluster list on init', async(() => {
    expect(service.getList).toHaveBeenCalled();
});

edited May 26, 2018 at 11:18

answered May 26, 2018 at 11:05

abdul subaan

916 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to import or inject AngularJS services in Angular 2 in Unit testing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related