在路径更改时使用过滤器时未呈现路径模型

时间:2017-11-17 11:38:21

标签: ember.js ember-data ember-cli ember-cli-mirage

我正在尝试在新应用上设置海市蜃楼进行测试。

ember-cli:2.16.2

ember-cli-mirage:0.4.0

我有一个虚拟测试,只是试图设置海市蜃楼并验证它是否正常工作。 我会做类似于测试route.model()的事情。 使用海市蜃楼JSONAPISerializer,我的工厂和移民模型都没有。

// models/trip.js
import DS from 'ember-data';

export default DS.Model.extend({
  name: DS.attr('string'),
});

我的测试:

import {moduleFor, test} from 'ember-qunit';
import {startMirage} from 'frontend/initializers/ember-cli-mirage';

moduleFor('route:trips.index', 'Unit | Route | trips.index', {
  needs: ['service:session', 'model:trip', 'adapter:application'],

  beforeEach() {
    this.server = startMirage();
  },

  afterEach() {
    this.server.shutdown();
  }
});

test('model', function (assert) {
  let route = this.subject();

  this.server.create('trip');

  Ember.run(() => {
    this.get('store').findAll('trip')
  });

  assert.ok(route);
});

我收到此错误:

TypeError: Cannot read property 'push' of null
    at Class._setupRelationshipsForModel (http://localhost:4200/assets/vendor.js:196482:36)
    at Class._pushInternalModel (http://localhost:4200/assets/vendor.js:196473:10)
    at http://localhost:4200/assets/vendor.js:196425:20
    at Backburner.run (http://localhost:4200/assets/vendor.js:20213:36)
    at Backburner.join (http://localhost:4200/assets/vendor.js:20222:33)
    at Class._push (http://localhost:4200/assets/vendor.js:196397:50)
    at http://localhost:4200/assets/vendor.js:192955:18
    at tryCatcher (http://localhost:4200/assets/vendor.js:63559:21)
    at invokeCallback (http://localhost:4200/assets/vendor.js:63737:33)
    at publish (http://localhost:4200/assets/vendor.js:63723:9)

在开发/生产和使用真实服务器获取数据方面正常工作。

如果我不用海市蜃楼创建我的唱片,也不例外。

看起来问题只发生在Ember.run

删除Ember.run不会引发异常,但我需要它才能正确测试(并避免You have turned on testing mode, which disabled the run-loop's autorun. You will need to wrap any code with asynchronous side-effects in a run等错误...)

2 个答案:

答案 0 :(得分:0)

store.findAll返回一个承诺。尝试解决承诺并在.then()

中运行您的断言

(忽略这不是测试路线的方式这一事实,但我知道你只是使用这个测试来实现你的海市蜃楼设置)

答案 1 :(得分:0)

正如@rstellar在此https://github.com/samselikoff/ember-cli-mirage/issues/1220#issuecomment-350155703所建议的那样,一个有效的解决方案就是在函数周围使用async / await。

当我们尝试在销毁商店后设置关系时会发生此问题。该解决方案将阻止这种情况发生,直到函数结束。

以下是工作代码:

import {moduleFor, test} from 'ember-qunit';
import wait from 'ember-test-helpers/wait'; // import wait from ember here
import {startMirage} from 'frontend/initializers/ember-cli-mirage';

moduleFor('route:trips.index', 'Unit | Route | trips.index', {
  needs: ['service:session', 'model:trip', 'adapter:application'],

  beforeEach() {
    this.server = startMirage();
  },

  afterEach() {
    this.server.shutdown();
  }
});

test('model', async function (assert) { // Declare this function as async 
  let route = this.subject();

  this.server.create('trip');

  Ember.run(() => {
    this.get('store').findAll('trip')
  });

  assert.ok(route);

  await wait(); // The actual wait
});

在Ember打开PR以使错误更明确。