Ember JS tutorial: TypeError: Cannot read property 'maps' of undefined

Question

我目前正在运行浏览他们网站上的官方 EmberJS 教程，我正在 this part。当我运行 ember serve 时，应用程序本身一切正常，但问题是当我运行单元测试新服务时。我正在运行ning ember test --server，我收到一个错误，我截取了以下屏幕截图：

单元测试代码：

import { moduleFor, test } from 'ember-qunit';
import Ember from 'ember';

const DUMMY_ELEMENT = {};

let MapUtilStub = Ember.Object.extend({
  createMap(element, location) {
    this.assert.ok(element, 'createMap called with element');
    this.assert.ok(location, 'createMap called with location');
    return DUMMY_ELEMENT;
  }
});

moduleFor('service:maps', 'Unit | Service | maps', {
  needs: ['util:google-maps']
});

test('should create a new map if one isnt cached for location', function (assert) {
  assert.expect(4);
  let stubMapUtil = MapUtilStub.create({ assert });
  let mapService = this.subject({ mapUtil: stubMapUtil });
  let element = mapService.getMapElement('San Francisco');
  assert.ok(element, 'element exists');
  assert.equal(element.className, 'map', 'element has class name of map');
});

test('should use existing map if one is cached for location', function (assert) {
  assert.expect(1);
  let stubCachedMaps = Ember.Object.create({
    sanFrancisco: DUMMY_ELEMENT
  });
  let mapService = this.subject({ cachedMaps: stubCachedMaps });
  let element = mapService.getMapElement('San Francisco');
  assert.equal(element, DUMMY_ELEMENT, 'element fetched from cache');
});

根据教程，我的理解是 this.subject({ cachedMaps: stubCachedMaps }) 会为我设置所有 maps 但服务本身似乎未定义，导致没有属性 maps。这是正确的吗？可能是什么原因造成的？

来自运行ning ember --version 的系统规格：

ember-cli: 2.13.0
节点：6.8.1
os：达尔文 x64

Answer 1

您发布的测试代码应该可以工作，所以问题一定出在其他地方。

您能否将其余代码与教程应用程序的完整版本进行比较？您可以克隆 repo @ https://github.com/ember-learn/super-rentals

所有测试运行都很好，包括地图服务。

Answer 2

所以运行变成了同样的东西。看起来在每次测试之间，前一个存根都被擦掉了。所以我在第二次测试中再次添加它并且效果很好：

test('should use existing map if one is cached for location', 
  function(assert) {
    assert.expect(1);
    let stubCachedMaps = Ember.Object.create({
      sanFrancisco: DUMMY_ELEMENT
    });
    let stubMapUtil = MapUtilStub.create({ assert });
    let mapService = this.subject({ mapUtil: stubMapUtil, cachedMaps: stubCachedMaps });
    let element = mapService.getMapElement('San Francisco');
    assert.equal(element, DUMMY_ELEMENT, 'element fetched from cache');
});

Answer 3

我运行也一样。 @cythrawll 的解决方案有效，但这不是 TypeError: Cannot read property 'maps' of undefined 错误的根本原因。

在教程中他们忘记添加

<script src="https://maps.googleapis.com/maps/api/js?v=3.22"></script>

在 test/index.html 文件中。 Issue 已报告。

Ember JS tutorial: TypeError: Cannot read property 'maps' of undefined

Ember JS tutorial: TypeError: Cannot read property 'maps' of undefined

javascript

ember.js

ember-testing