Как проверить предмет с жасминовыми шариками - PullRequest
Новая
       12

Как проверить предмет с жасминовыми шариками

0 голосов
/ 29 августа 2018

Угловой 6, Rxjs, Jest, Jasmine-мрамор.

очень распространенный сценарий: компонент, который ищет элементы на стороне сервера. В компоненте есть некоторые элементы управления, которые могут изменять критерии поиска, и я хотел бы написать код в «реактивном стиле». Итак, в коде компонента у меня есть что-то вроде этого: 

class SearchComponent  implements OnInit {
  public searchData: SearchData = {};
  public searchConditions$ = new Subject<SearchData>();

  constructor(private searchService: SearchService) { }

  public results$: Observable<ResultData> = this.searchConditions$.pipe(
    distinctUntilChanged(this.compareProperties), // omissis but it works
    flatMap(searchData => this.searchService.search(searchData)),
    shareReplay(1)
  );

  // search actions
  ngOnInit() {
    this.searchConditions$.next(this.searchData);
  }
  public onChangeProp1(prop1: string) {
    this.searchData = { ...this.searchData, prop1 };
    this.searchConditions$.next(this.searchData);
  }
  public onChangeProp2(prop2: string) {
    this.searchData = { ...this.searchData, prop2 };
    this.searchConditions$.next(this.searchData);
  }
}

То есть Subject, который запускает условия поиска каждый раз, когда что-то меняется в пользовательском интерфейсе.

Теперь я хотел бы проверить, что служба поиска будет вызываться только для отдельного ввода. Я могу сделать это "без мрамора" следующим образом: 

test('when searchConditions$ come with equal events search service will not be called more than once', (done: any) => {
    service.search = jest.fn(() => of(TestData.results));
    component.results$.subscribe({
        complete: () => {
            expect(service.Search).toHaveBeenCalledTimes(1);
            done();
        }
    });

    component.searchConditions$.next(TestData.searchCriteria);
    component.searchConditions$.next(TestData.searchCriteria);
    component.searchConditions$.next(TestData.searchCriteria);
    component.searchConditions$.complete();
});

Теперь я хотел бы преобразовать этот тест, используя шарики жасмина , но я не знаю, как ...

Я бы хотел что-то вроде этого: 

test('when searchConditions$ come with equal events search service will not be called more than once', (done: any) => {
    service.search = jest.fn(() => of(TestData.results));
    component.searchConditions$ = cold('--a--a|', { a : TestData.searchCriteria});
    const expected = cold('--b---|', { b : TestData.results});
    expect(component.results$).toBeObservable(expected);
});

Очевидно, это не работает ...

Обновление

как-то близко ... используя "помощника по тестированию" 

test('when searchConditions$ comes with equal events search service will not be called more than once - marble version', () => {
    service.search = jest.fn(() => of(TestData.results));
    const stream   = cold('--a--a|', { a : TestData.searchCriteria});
    const expected = cold('--b---|', { b : TestData.results});
    stubSubject(component.searchConditions$, stream);
    expect(component.results$).toBeObservable(expected);
});


// test helpers
const stubSubject = (subject: Subject<any> , marbles: TestObservable) => {
    marbles.subscribe({
        next: (value: any) => subject.next(value),
        complete: () => subject.complete(),
        error: (e) => subject.error(e)
    });
};
...