Comment écrire une spécification de test unitaire pour un fournisseur utilisant la requête http dans ionic2?

Question

Je veux tester la classe de mon fournisseur, donc je suis incapable d'écrire des spécifications pour les fournisseurs.

Mon fournisseur est la suivante:

service.ts

//imports are done correctly. 

@Injectable() 
export class Service { 

    constructor(private http: Http) { } 

    getGoogle():Observable<any> { 
     console.log("Inside service"); 
     return this.http.get('https://jsonplaceholder.typicode.com/posts/1'); 
    } 
} 

Mon page.ts est la suivante:

page.ts

//imports are done correctly. 

export class Page1 { 

    constructor(private service: Service, private navCtrl: NavController) { } 
    async get() { 
    console.log("inside get method"); 
    const data = await this.service.getGoogle().toPromise(); 
     console.log('The response is' , data); 
     } 
} 

service.spec.ts

//imports are done correctly 

describe('Service',() => { 
    let comp: Service; 
    let fixture: ComponentFixture<Service>; 
    let de: DebugElement; 

    beforeEach(async(() => { 
     TestBed.configureTestingModule({ 
      declarations: [], 
      imports: [ 
       IonicModule.forRoot(Service) 

      ], 
      providers: [Http] 
     }).compileComponents(); 

    })); 
    beforeEach(() => { 
     fixture = TestBed.createComponent(Service); 
     comp = fixture.componentInstance; 
     de = fixture.debugElement; 
    }); 
    afterEach(() => { 
     fixture.destroy(); 
    }); 
it('test the http request to te server',()=>{ 
      //code to test http request of the Service class 

}); 

}); 

Toutes les importations sont faites correctement, seule la logique de tester le getGoogle() avec http.get() doit être testé.

S'il vous plaît aider ou partager des liens ou me dire quelques étapes afin de faire des tests de ce contenu ionique2.

Merci

Answer 1

This Rangle tutorial est un excellent endroit pour commencer.

Vous pouvez railler vos fournisseurs comme celui-ci

class MockService { 
    public data = 'Test data'; 

    getGoogle() { 
    return Observable.of(this.data); 
    } 
} 

Fournir à Testbed

TestBed.configureTestingModule({ 
    declarations: [ 
    Page1 
    ], 
    providers: [ 
    { provide: Service, useClass: MockService } 
    ] 
}); 

Et utiliser tick et fakeAsync pour simuler le fonctionnement async

it('should get', fakeAsync(() => { 
    comp.get(); 
    tick(); 
    // If you want to assign the data to a class variable. If not, change the 
    // condition for whatever you want to test the method to do. 
    expect(comp.data).toEqual('Test data'); 
}));