Angular 测试不调用期望导致“规范没有期望”

Question

我有一个对我的后端进行 HTTP 调用的服务，我正在尝试测试它是否会得到用户的响应，在运行测试时我得到一个 Spec has no expectation，即使我在订阅中有一个。所有这些测试都通过了，但 2 的输出为 SPEC HAS NO EXPECTATION

这是我的代码：

describe('Auth Service Testing', () => {
  let httpClientSpy: { get: jasmine.Spy };
  let authServ: AuthService;
  let authAct: AuthActions;
  let userAct: UserActions;
  let checkoutAct: CheckoutActions;
  let productAct: ProductActions;
  let store: Store<any>;
  let localStorageServ: LocalStorageService;
  let authResponse;
  const expectedUserResponse = {
    users: [],
    count: 25,
    current_page: 1,
    pages: 2
  };

  beforeEach(() => {
    httpClientSpy = jasmine.createSpyObj('HttpClient', ['get']);
    authServ = new AuthService(
      <any>httpClientSpy,
      authAct,
      userAct,
      checkoutAct,
      productAct,
      store,
      localStorageServ
    );
  });

  it('should get users response', () => {
    httpClientSpy.get.and.returnValue(asyncData(expectedUserResponse));

    authServ.authorized().subscribe((users) => {
      authResponse = users;
      expect(users).toEqual(jasmine.objectContaining({ users: [] }));
    });

  });

  it('should equal to expected users response', () => {
    expect(authResponse).toEqual(expectedUserResponse);
  });

  it('should return null if theres an error', () => {
    httpClientSpy.get.and.returnValue(asyncError(expectedUserResponse));
    authServ
      .authorized()
      .subscribe(() => {}, (error) => expect(error).toBe(null));
  });
});

另外，我遵循了 Angular HTTP 测试指南 angular test 我想知道这是一个错误还是其他什么。

因果报应：

Auth Service Testing
SPEC HAS NO EXPECTATIONS should return null if there's an error
SPEC HAS NO EXPECTATIONS should get users response
should equal to expected users response

更新

缺少的代码是这个expect(httpClientSpy.get.calls.count()).toBe(1);这很奇怪，我以为这个调用发出了一个http get请求httpClientSpy.get.and.returnValue(asyncError(expectedUserResponse));

但是在指南的错误测试中，他们没有这个。有人能解释一下吗？

来自朝鲜的很多爱。

Answer 1

使用订阅对 observable 进行单元测试真的很困难。单元测试将通过但应该失败的许多极端情况。即使您将done() 回调与finiazlier 或错误处理程序一起使用。

当一个 observable 只发出 一个 预期结果时，你应该使用 Promise。

  it('should get users response', async () => {
    httpClientSpy.get.and.returnValue(asyncData(expectedUserResponse));

    const users = await = authServ.authorized().toPromise();

    expect(users).toEqual(jasmine.objectContaining({ users: [] }));
  });

当一个 observable 发出多个值时，您可以转换为数组并仍然使用 Promise。

  it('should get users response', async () => {
    httpClientSpy.get.and.returnValue(asyncData(expectedUserResponse));

    const users = await = authServ.authorized().pipe(
        toArray()
    ).toPromise();

    expect(users).toEqual(jasmine.objectContaining([{ users: [] }]));
  });

toPromise() 的优点是它总是可以解析。即使 observable 没有发出任何值，并且如果在 observable 中抛出任何未捕获的错误，它也会导致单元测试失败。