ユニットテスト角度オブザーバブル

Question

私はテストの世界で初めてで、既存のアンギュラ2コードの単体テストを書き始めました。私はconfirmDeleteの機能を持っており、Obserable<boolean>を返し、PrimeNGの内部でConfirmationServiceを使用して、ポップアップでユーザーからのフィードバックを得る。機能の

定義は以下のとおりである：

confirmDelete(): Observable<boolean> { 
    let confirmObservable = Observable.create((observer: Observer<boolean>) => {    
     this.confirmationService.confirm({ 
      header: 'Delete Confirmation', 
      message: 'Do you really want to delete this record?', 
      accept:() => { 
       observer.next(true); 
       observer.complete();    
      }, 
      reject:() => { 
       observer.next(false); 
       observer.complete(); 
      } 
     }); 

    }); 

    return confirmObservable; 

} 

私は、コードのこの部分のためのユニットテストを書きたいです。私はConfirmationServiceのためのスタブを書くつもりだったが、私はユニットテストの世界には新しいので、セットアップが難しいと思っている。

私の質問は、この特定のシナリオで単体テストを書く正しいアプローチは何ですか。

EDIT： -

私は@peeskilletによって提案された解決策を試してみましたが、その後、私はConfirmationServiceとMockConfirmationService間の型の不一致エラーを取得し始めました。

以下は、PrimeNGライブラリにあるConfirmationServiceおよびConfirmationクラスの宣言です。

export interface Confirmation { 
    message: string; 
    icon?: string; 
    header?: string; 
    accept?: Function; 
    reject?: Function; 
    acceptVisible?: boolean; 
    rejectVisible?: boolean; 
    acceptEvent?: EventEmitter<any>; 
    rejectEvent?: EventEmitter<any>; 
} 
export declare class ConfirmationService { 
    private requireConfirmationSource; 
    private acceptConfirmationSource; 
    requireConfirmation$: Observable<Confirmation>; 
    accept: Observable<Confirmation>; 
    confirm(confirmation: Confirmation): this; 
    onAccept(): void; 
} 

Answer 1

私はおそらくacceptとreject機能の参照に上モック保留になるだろう。テストでは、ブール値が正しいことを確認するためにテストを呼び出すことができます。あなたのテストで続いて

class MockConfirmationService { 
    accept: Function; 
    reject: Function; 

    confirm(config: any) { 
    this.accept = config.accept; 
    this.reject = config.reject; 
    } 
} 

のような何かがちょうどacceptがtrueが放出されることをテストするために呼び出す、とfalseが放出されることをテストするrejectを呼び出します。

describe('serivce: ModalService',() => { 

    let modalService: ModalService; 
    let confirmService: MockConfirmationService; 

    beforeEach(() => { 
    confirmService = new MockConfirmationService(); 
    TestBed.configureTestingModule({ 
     providers: [ 
     ModalService, 
     { provide: ConfirmationService, useValue: confirmService } 
     ] 
    }); 

    modalService = TestBed.get(ModalService); 
    }); 

    it('should return true when accepted', async(() => { 
    modalService.confirmDelete().subscribe(result => { 
     expect(result).toBe(true); 
     console.log('accepted test complete'); 
    }); 
    confirmService.accept(); 
    })); 

    it('should return false when rejected', async(() => { 
    modalService.confirmDelete().subscribe(result => { 
     expect(result).toBe(false); 
     console.log('rejected test complete'); 
    }); 
    confirmService.reject(); 
    })); 
}); 

Answer 2

私はpeeskilletの答えから構築しました。 P-confirmDialogコンポーネントは、サービス加入呼び出すので、私は私はPrimeNg源において見出さrequireConfirmationSourceを添加しなければなりませんでした。私の模擬は次の通りです：

// 
import { Subject } from 'rxjs/Subject'; 
import { Observable } from 'rxjs/Observable'; 
// 
export class ConfirmationServiceMock { 
    public key: string = 'mock1'; 
    public header: string = 'Delete Confirmation'; 
    public icon: string = ''; 
    public message: string = ''; 
    // Call Accept to emulate a user accepting 
    public accept: Function; 
    // Call Reject to emulate a user rejecting 
    public reject: Function; 
    private requireConfirmationSource = new Subject<any>(); 
    requireConfirmation$ = this.requireConfirmationSource.asObservable(); 
    // 
    public confirm(config: any) { 
     console.log('In confirm service mock...'); 
     this.message = config.message; 
     this.accept = config.accept; 
     this.reject = config.reject; 
     console.log(this.message); 
     return this; 
    } 
} 
//