[Unit testing RxJS] Testing Observables with Subscribe and assert Parttern

const { of } = require("rxjs");
const { mergeMap, map, delay, catchError } = require("rxjs/operators");

describe("subscribe & assert testing in RxJS", () => {
  it("should compare each emitted value", () => {
    const source$ = of(1, 2, 3);
    const final$ = source$.pipe(map((val) => val * 10));
    const expected = [10, 20, 30];
    let index = 0;
    final$.subscribe((val) => {
      expect(val).toEqual(expected[index]);
      index++;
    });
  });

  // recommend to run this kind of test in marable testing
  // this test case only test val emitted
  // but not the time
  // would be better to test exp. after 1 second, "Set" was emitted
  it("should let you test async operations with done callback", (done) => {
    const source$ = of("Ready", "Set", "Go").pipe(
      mergeMap((message, index) => of(message).pipe(delay(index * 1000)))
    );
    const expected = ["Ready", "Set", "Go"];
    let index = 0;
    source$.subscribe(
      (val) => {
        expect(val).toEqual(expected[index]);
        index++;
      },
      null,
      done // tell jasmine, async function has completed
    );
  });

  it("should let you test erros and error message", () => {
    const source$ = of(
      { firstName: "Joe", lastName: "Smith" },
      undefined // trigger error as an invalid user
    ).pipe(
      map(({ firstName, lastName }) => `${firstName} ${lastName}`),
      catchError(() => {
        throw new Error("Invalid user!");
      })
    );
    const expected = ["Joe Smith", new Error("Invalid user!")];
    let actual = [];
    source$.subscribe({
      next: (val) => {
        actual.push(val);
      },
      error: (error) => {
        actual.push(error);
        expect(actual).toEqual(expected);
      },
    });
  });
});

 

posted @   Zhentiw  阅读(23)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2021-10-17 [CSS] Tailwindcss: get started
2021-10-17 [CSS] Purgecss to remove unused css
2019-10-17 [TypeScript] Modifier
2019-10-17 [Flutter] Getting Location Data From Across Platforms
2018-10-17 [Javascript] Link to Other Objects through the JavaScript Prototype Chain
2017-10-17 [Redux-Observable && Unit Testing] Use tests to verify updates to the Redux store (rxjs scheduler)
2017-10-17 [Redux-Observable && Unit Testing] Mocking an ajax request when testing epics
点击右上角即可分享
微信分享提示