TypeError:无法读取null的属性'token'

时间:2018-05-22 09:31:34

标签: angular typescript testing jasmine

我有这项服务从ws返回所有城市。

@Injectable()
export class CityService {
  constructor(private http: Http, private router: Router,
  private auth: AuthService) { }

  public getAllCity(): Observable<City[]> {
    let headers = new Headers();
    headers.append('x-access-token', this.auth.getCurrentUser().token);
    return this.http.get(Api.getUrl(Api.URLS.getAllCity), {
      headers: headers
    })
      .map((response: Response) => {
        let res = response.json();
        if (res.StatusCode === 1) {
          this.auth.logout();
        } else {
          return res.StatusDescription.map(city => {
            return new City(city);
          });
        }
      });
  }
}

现在,我已尝试使用此代码来测试我的服务。在这篇文章中,我想知道,如何测试此服务CityService

describe('Service: City', () => {
    let service: CityService;

    beforeEach(() => {
        TestBed.configureTestingModule({
            declarations: [],
            providers: [CityService, AuthService, Http, ConnectionBackend],  
            imports: [RouterTestingModule, HttpClientTestingModule, HttpModule] 
        });
    });

    beforeEach(() => {
        service = TestBed.get(CityService);
    });

    it('#getAllCity should return real value', () => {
        expect(service.getAllCity()).toBe('real value');
    });
});

我尝试了这段代码,但却向我显示错误:

  

TypeError:无法读取null

的属性'token'

如何在ng test测试/如何展示我的城市?

这是我的第一次尝试,您可以向我推荐任何示例,或者像我的代码那样的教程吗?

1 个答案:

答案 0 :(得分:0)

当您没有任何当前用户时,这是可能的。 所以只要没有当前用户就返回

if(!this.auth.getCurrentUser()){
    return;
}