Как сделать так, чтобы выбранные данные были правильными

Question

Я запускаю модульное тестирование в угловых единицах, я хочу убедиться, что извлеченные данные заполняют примененный фильтр / критерии.Я объяснил это ясно в коде

Это метод, который будет проверен

getData() {

    this.http.post<Transactions[]>('/api/getrecords', this.filter)
    .subscribe(res => {
      if (res['status'] == "FAILURE") {
        console.log(res['err']);

      } else {
        console.log(res['status']);
        this.data = res['data'];
       }
}

Это фильтр

filter = {
    from : "",
    to : "",
  };

Это мой тест, когда явыведите значение data defiend внутри getData, оно не определено

component.filter.from="2019-03-10T22:00:00.000Z";//10th march
component.filter.to="2019-04-11T21:59:59.000Z";//11th april
let getDataSpy = spyOn(component, "getData").and.callThrough();
mockService.getData=of(mockUsageRecords);

component.getData();
fixture.detectChanges();

console.log(component.data);//I expect this to be populated with the fetched data from http.post, but this is empty array. I want the filtered data to appear here