0

我正在为我的 Ember CLI 应用程序编写集成测试，我的一个测试每次都失败。这是我目前的测试：

// tests/integration/project-test.js
test('displays "Projects" when the user views a project from Collaborate', function() {
  visit('/collaborate');

  click('.table > tbody > tr > td > a'); // it goes to /collaborate/projects/:id
  expect(0);
});

当它导航到 时/collaborate/projects/:id，我收到错误“无法读取 null 的属性 'setLegend'。” 我将其追溯到我的组件：

// app/components/foo-comp.js
import Ember from "ember";

export default Ember.Component.extend({
  fooObject: null,
  didInsertElement: function () {
    var foo = new Foo();

    this.set('fooObject', foo);
    Ember.run.once(this, 'updateChart');
  },
  updateChart: function () {
    var foo = this.get('fooObject');
    foo.setLegend(); // this is where the error comes from
  }.observes('data','fooObject')
});

请注意，如果我更改updateChart为，测试确实通过了：

updateChart: function () {
  var foo = this.get('fooObject');

  if (foo) {
    foo.setLegend();
  }
}.observes('data','fooObject')

为什么它不会在测试期间设置该变量？它在开发和生产中运行良好，所以我不确定为什么会这样。我假设这是因为didInsertElement在测试运行时没有触发。想法？想法？

灰烬版本：

version: 0.1.12
node: 0.10.33
npm: 2.1.8

编辑

难道Foo()是来自外部模块？也许测试无权访问它，因此无法将其添加到页面中？我对此表示怀疑，并且我已经尝试将其添加到.jshintrc，但我想它仍然可能与此有关。我还在Foo运行测试时进行了控制台记录，它确实显示在控制台中。

老实说，这可能与将其插入 DOM 有关。我在初始化其他组件时遇到了问题，所以它可能didInsertElement没有按照我的想法运行。

4

1 回答 1

0

嗯，也许您的测试不会等待所有内容都被加载？

我不确定，但您可以尝试：

test('displays "Projects" when the user views a project from Collaborate', function() {
  expect(0);
  visit('/collaborate');
  andThen(function() {
    click('.table > tbody > tr > td > a');
  });
});
于 2015-02-05T00:34:52.247 回答