无法读取测试中未定义的属性“http”-Angular 2+

Question

试图为我的测试获取一个新的令牌，但努力寻找原因......

我不确定这是否是最好的方式，或者我是否应该嘲笑它，但这是我现在想做的方式......

我得到的错误是：

TypeError: Cannot read property 'http' of undefined
        at getValidToken src/app/services/auth/auth.service.spec.ts:15:17)
        at Suite.<anonymous> src/app/services/auth/auth.service.spec.ts:31:22)
        at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
        at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run node_modules/zone.js/dist/zone.js:138:1)
        at Suite.<anonymous> node_modules/zone.js/dist/zone-testing.js:491:1)
        at Env.jasmineEnv.(anonymous function) [as fdescribe] node_modules/zone.js/dist/zone-testing.js:424:1)
        at Object../src/app/services/auth/auth.service.spec.ts src/app/services/auth/auth.service.spec.ts:8:1)

Answer 1

this 引用父函数，所以如果你这样做

  function getValidToken() {
    return this.http.post(apiBaseUrl + '/auth', postTokenJson)
    .then(map(tok => {
      return tok;
    }));
  }

你会得到一个错误，因为getValidToken 内部没有http 函数

解决方案是在这样的变量中实例化父“this”：

  var pThis=this;
  function getValidToken() {
    return pThis.http.post(apiBaseUrl + '/auth', postTokenJson)
    .then(map(tok => {
      return tok;
    }));
  }