如何对搜索功能进行单元测试？

Question

首先，我只是单元测试或一般测试的新手，所以我仍在思考一些概念。已经掌握了单元测试的基础知识，并且我目前也在学习 rxjs 大理石测试，所以目前我一直坚持如何使用文档中的代码以相同的方式测试搜索 w/c 函数。

所以让我们在 Angular 文档中使用英雄之旅中的代码

this.heroes$ = this.searchTerms.pipe(
  // wait 300ms after each keystroke before considering the term
  debounceTime(300),

  // ignore new term if same as previous term
  distinctUntilChanged(),

  // switch to new search observable each time the term changes
  switchMap((term: string) => this.heroService.searchHeroes(term)),
);

这是我目前的测试结果

const searchResults$ = (inputs$: Observable<string>) =>
  inputs$.pipe(
    debounceTime(300),
    distinctUntilChanged(),
    switchMap((term: string) => fakeHeroService.searchHeroes(term))
  );

  it('should return the correct results', () => {
    scheduler.run(helpers => {
      const { cold, hot, expectObservable } = helpers;

      // these are the search terms typed by user, observable
      // emitted by this.searchTerms
      const inputMarbles = '^-a 300ms b-c 300ms';

      // each emitted response by each service call
      const outputMarbles = '-- 300ms a-- 300ms c';

      // verify that service is called N times
      // verify that it's passed with certain argument per run


      searchServiceSpy = spyOn(heroService, 'searchHeroes').and.returnValue(
        cold(outputMarbles)
      );
      const source$ = hot(inputMarbles);

      const output$ = source$.pipe(searchResults$);

      expectObservable(output$).toBe(outputMarbles);

      /* expect(fakeSearchService.getMatches).toHaveBeenCalledTimes(2); */
    });
  });

我只是无法让它工作。

Answer 1

我建议在单独的测试中测试链的每个部分（debounce、disticnt、switchMap）。

您可以将observer-spy 与fakeAsync 组合使用，以便更轻松地进行测试。

例如，要测试debounce，你可以这样写（以下代码可能不完整，但这只是为了说明这一点）-

import {subscribeAndSpyOn} from '@hirez_io/observer-spy';

it('should debounce by 300 ms', fakeAsync(() => {

  // basically with "debounce" you only care if 2 triggers happened and enough time passed, 
  // the number of results should be 1...

  const observerSpy = subscribeAndSpyOn(serviceUnderTest.heroes$);
  serviceUnderTest.searchTerms.next();
  tick(100);
  serviceUnderTest.searchTerms.next();
  tick(300);
  expect(observerSpy.getValuesLength).toBe(1);

}));

并为其他使用“恰到好处原则”的其他运营商编写类似的测试来为链中的其他运营商设置条件。