ユニットテストでsubscribeメソッドにアクセスできない

Question

シンプルなサービス取得メソッドの単体テストで非常に奇妙な問題が発生しています。私はAngular 4とcliを使ってカルマ/ジャスミンをテストしています。

マイサービス方法：

getAccounts(): Observable<ApiData> { 
    return this.authHttp.get('../../assets/mock_data/productsOverview.json') 
     .map(
     data => { 
      return JSON.parse(data['_body']); 
     }, 
     err => { 
      return err; 
     } 
    ); 
    } 

そして、ここでは、私のテストケースである：

import { TestBed, inject, async } from '@angular/core/testing'; 
import { Http, BaseRequestOptions, RequestOptions, HttpModule, ConnectionBackend } from '@angular/http'; 
import { MockBackend, MockConnection } from '@angular/http/testing'; 
import { AuthHttp, AuthConfig } from 'angular2-jwt'; 
import { encodeTestToken } from 'angular2-jwt/angular2-jwt-test-helpers'; 
import { AppModule } from '../app.module'; 
import { PersonalAccountsService, ApiData } from './personal-accounts.service'; 
import { Observable } from 'rxjs/Observable'; 

export function authHttpServiceFactory(http: Http, options: RequestOptions) { 
    return new AuthHttp(new AuthConfig({ 
    headerName: 'Authorization', 
    headerPrefix: 'Bearer', 
    tokenName: 'token', 
    tokenGetter: (() => localStorage.getItem('token')), 
    globalHeaders: [ 
     { 'Content-Type': 'application/json' }, 
     { 'Ocp-Apim-Subscription-Key': localStorage.getItem('key') }], 
    }), http, options); 
} 

const MyMockedService = { 
    method:() => { } 
} 

describe('PersonalAccountsService',() => { 

    beforeEach(() => { 
    TestBed.configureTestingModule({ 
     providers: [ 
     PersonalAccountsService, 
     BaseRequestOptions, 
     MockBackend, 
     { 
      provide: Http, 
      useFactory: (mockBackend: MockBackend, defaultOptions: BaseRequestOptions) => { 
      return new Http(mockBackend, defaultOptions); 
      }, 
      deps: [MockBackend, BaseRequestOptions], 
     }, 
     { 
      provide: AuthHttp, 
      useFactory: (http) => { 
      return new AuthHttp(new AuthConfig({ 
       tokenName: 'token', 
       tokenGetter: (() => encodeTestToken(this)), 
       globalHeaders: [{ 'Content-Type': 'application/json' }] 
      }), http); 
      }, 
      deps: [Http], 
     }, 
     ], 
     imports: [ 
     HttpModule 
     ], 
    }); 
    }); 

    it('should be created', inject([PersonalAccountsService], 
    (service: PersonalAccountsService) => { 
     expect(service).toBeTruthy(); 
    })); 

    it('identification', async(
     inject(
      [PersonalAccountsService], 
      (service: PersonalAccountsService) => { 
       console.log('ENTERS HERE'); 
       service.getAccounts().subscribe(
        data => { 
         console.log('NOT ENTERING HERE'); 
        }, 
        err => { 
         console.log('NOT ENTERING HERE'); 
        }, 
        () => { 
         console.log('NOT ENTERING HERE') 
        } 
       ); 
      } 
     ) 
    )); 
}); 

これが起こっているのはなぜ？私は長い間それを理解しようとしており、さらに深く掘り下げてもエラーにはなりません。

Answer 1

テストでは、要求が実行される可能性がありますが、MockBackendで嘲笑されませんでした。

コードが第三者サービス（AuthHttp）に依存しているという事実は、単体テストではなく統合テストになります。

できるだけ孤立した状態に保つために、テストされたユニット以外のすべてのユニットをモックまたはスタブする必要があります。サービスin isolation（この場合はDIがテストされていない）、またはTestBedとをテストすることができます。

beforeEach(() => { 
    const authHttpMock = jasmine.createSpyObj('authHttp', ['get']); 
    TestBed.configureTestingModule({ 
    providers: [ 
     { provide: AuthHttp, useValue: authHttpMock } 
     ... 
}); 

it('...', async(inject([PersonalAccountsService, AuthHttp], async (service, authHttpMock) => { 
    const responseMock = Observable.of({ _body: ... }); 
    authHttpMock.get.and.returnValue(responseMock); 

    const accounts$ = service.getAccounts(); 

    expect(authHttpMock.get).toHaveBeenCalledWith(...); 

    const accounts = await accounts$.toPromise(); 

    expect(accounts)... 
    ...