角度2でフィルタを使用してサブスクライブ関数の単体テストを書く方法は？

Question

は今、私は以下のようにこのような状況のためのユニットテストを書いています：

public div: HTMLDivElement; 
public currentEvent: EventType; 

public listenToRender() { 
    this.adsService.render.filter((event: EventType) => { 
      return this.div.id === event.slot.getSlotElementId(); 
     }).subscribe((event: EventType) => { 
      let custom_event = new CustomEvent('render', { 
       detail: event 
      }); 
      this.currentEvent= event; 
     }); 
} 

をユニットテストの間に、私は主題でレンダリングモックが、私はそれを渡すことができますかわかりませんフィルタ

return this.div.id === event.slot.getSlotElementId(); 

サブスクライブ機能に移動します。

class MockAdsService { 
    render = new Subject(); 
} 

class MockEventType { 
    name: 'test_event'; 
    slot: { 
     getSlotElementId = function() {return 'test_id'} 
    }; 
} 

describe('test',() => { 
    let mockAdsService: MockAdsService, 
     mockEventType: MockEventType; 

    beforeEach(() => { 
     mockAdsService = new MockAdsService(); 
     mockEventType = new MockEventType(); 
    }); 

    it('listenToRender fired correctly',() => { 
     mockAdsService.render.next(mockEventType); 
     component.listenToRender(); 
     expect(component.currentEvent).toEqual(mockEventType); 
    }); 
}); 

フィルタを通過させるためにsubject.nextに何かを設定する必要はありますか？

Answer 1

非常に簡単です。のイベントが既に発生した後で、コンポーネントを購読しています。寒くても観察するのは遅すぎる。ただ、render.next()とcomponent.listenToRender()通話を切り替えて、すべてがうまく動作するはずです：

it('listenToRender fired correctly',() => { 
    component.listenToRender(); 
    mockAdsService.render.next(mockEventType); 
    expect(component.currentEvent).toEqual(mockEventType); 
});