1

给定的类有一个返回缓存流的方法，但是该流可以由另一个私有热流触发，这使得缓存流发出一个新值。

班上

export class SomeClass {
  private cache: Observable<number>;
  private trigger$ = new Subject();
  private multiply = 1;

  constructor(private num: number) {}

  getNumber(): Observable<number> {
    return (
      this.cache ||
      (this.cache = concat(of(void 0), this.trigger$).pipe(
        switchMap(() => of(this.num * this.multiply++)),
        shareReplay(1)
      ))
    );
  }

  trigger(): void {
    this.trigger$.next();
  }
}

示例：https ://stackblitz.com/edit/rxjs-gpyc46?file=index.ts

测试它的方法是什么？这次尝试失败

it("trigger updates", () => {
  testScheduler.run(({ expectObservable }) => {
    const num$ = someClass.getNumber();
    expectObservable(num$).toBe("a", { a: 3 });
    someClass.trigger();
    expectObservable(num$).toBe("a", { a: 6 });
    someClass.trigger();
    expectObservable(num$).toBe("a", { a: 9 });
  });
});

示例：https ://stackblitz.com/edit/rxjs-test-tricky-flow?file=src%2Fsome-class.spec.ts

UPD：所以这里的问题似乎无法模拟该trigger$属性。

它看起来像这样

it("trigger updates", () => {
  testScheduler.run(({ hot, expectObservable }) => {
    spyOnProperty(someClass, 'trigger$', 'get').and.returnValue(hot('^--b--c'));
    const num$ = someClass.getNumber();
    expectObservable(num$).toBe("a--b--c", { a: 3, b: 6, c: 9 });
  });
});

但是trigger$必须以这种方式更改属性

  get trigger$() {
    return new Subject();
  }

示例：https ://stackblitz.com/edit/rxjs-test-tricky-flow-x2arxf?file=src%2Fsome-class.ts

4

0 回答 0