[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 @ 2022-10-17 14:12  Zhentiw  阅读(23)  评论(0编辑  收藏  举报