angular - 从测试中访问最终管道内的值

Question

我有组件:

isLoading: boolean;
users: User[];
test: number = 1;

ngOnInit() {
  this.isLoading = true;
  this.userService.getUsers()
      .pipe(
        finalize(() => {
          // Disable loading when complete
          this.isLoading = false;
          this.test = 5;
        })
      )
  .subscribe(results => {this.users = results})
}

我已经对其进行了测试 (.spec.ts)

    it('should be 5 after ngOnInit', () => {
      component.ngOnInit();
      expect(component.test).toBe(5);
    });

我收到测试“预期 1 为 5”的错误。为什么会出现这个错误，如果我在 ngOnInit 之后读取值，.finalize 会被忽略？我如何从 .finalize block 中获取值(value)。 fixture.detectChanges() 也无济于事。

Answer 1

可以这样测试:

it('should set test value to 5', () => {
        const userService= TestBed.get(UserService);

        userService.getUsers()
            .pipe(
                finalize(() => {
                    expect(component.test).toEqual(5);
                } )
            )
    });

我为服务使用了模拟:

class MockUserService {
    getUsers(): Observable<number> {
        return of(1, 2, 3);
    }
}

并在configureTestingModule中

            {provide: UserService , useValue: new MockUserService ()}