无法在单元测试中验证 JSON 的结构，而且结果与预期结果不匹配

Question

我正在尝试运行一个 unit test 函数，该函数在收到 http.post 的响应时被调用。

  handleSuccessResponseForUserProfileRequest(res: HttpSentEvent|HttpHeaderResponse|HttpResponse<any>|HttpProgressEvent|HttpUserEvent<any>) {
    const ev = <HttpEvent<any>>(res);
    if (ev.type === HttpEventType.Response) {
      console.log('response from server: body ',ev.body);
      const isResponseStructureOK: boolean = this.helper.validateServerResponseStructure(ev.body);
      if (isResponseStructureOK) {
        const response: ServerResponseAPI = ev.body;
        this.userProfileSubject.next(new Result(response.result, response['additional-info']));
      } else {
        this.userProfileSubject.next(new Result('error', 'Invalid response structure from server'));
      }
    } else {
    }
  }

validateServerResponseStructure 检查响应的结构是否正确。它应该有 result 和 additional-info 键

validateServerResponseStructure(res: any): boolean {
      const keys = Object.keys(res);
      const isTypeCorrect: boolean = (
        ['result', 'additional-info'].every(key => keys.includes(key))
        && keys.length === 2);
      return isTypeCorrect;

  }

我写的单元格是

fit('should return if user information isn\'t stored', () => {
  const body = JSON.stringify({"result":"success", "additional-info":"some additional info"});
  const receivedHttpEvent = new HttpResponse({body:body});
  const userService: UserManagementService = TestBed.get(UserManagementService);
  const helperService:HelperService = TestBed.get(HelperService);
  spyOn(userService['userProfileSubject'],'next');
  //spyOn(helperService,'validateServerResponseStructure').and.returnValue(true);
  userService.handleSuccessResponseForUserProfileRequest(receivedHttpEvent);
  const expectedResult = new Result('success', 'some additional info');
  expect(userService['userProfileSubject'].next).toHaveBeenCalledWith(expectedResult);

});

如果我在 validateServerResponseStructure 上不 spy 那么我的测试用例会失败，因为 validateServerResponseStructure 失败，即使在我看来结构是好的。

Expected spy next to have been called with [ Result({ result: 'success', additionalInfo: 'some additional info' }) ] but actual calls were [ Result({ result: 'error', additionalInfo: 'Invalid response structure from server' }) ].

如果我监视 validateServerResponseStructure 和 return true 然后我得到错误

Expected spy next to have been called with [ Result({ result: 'success', additionalInfo: 'some additional info' }) ] but actual calls were [ Result({ result: undefined, additionalInfo: undefined }) ].

有趣的是，如果我添加以下两个印刷品，那么它们会显示不同的值！！

console.log('extracted response ',response);
        console.log('sending response '+response.result + 'and additional info' +response['additional-info']);

明白了

extracted response  {"result":"success","additional-info":"some additional info"}
sending response undefined and additional info undefined

我做错了什么？

Answer 1

有趣的是，如果我在单元测试中将 httpResponse 中的 type <T> 更改为 Object 而不是 string，则代码有效。

const body = {"result":"success", "additional-info":"some additional info"};
      const receivedHttpEvent = new HttpResponse({body:body});

无法在单元测试中验证 JSON 的结构，而且结果与预期结果不匹配

Unable to validate a structure of JSON in a unit test and also the result doesn't match the expected outcome

karma-jasmine

angular-test

angular6