Question

我正在尝试关注Alisdar's新的Itegration测试，而不是在我的ember组件上进行单元测试。

我真的很喜欢这种新方法，但在测试其中调用其他组件的组件时我遇到了问题。图。

alpha分量：

App.TestAlphaComponent = Ember.Component.extend({
  listWords: []
});

alpha组件视图使用beta组件：

{{#each listNumbers as num}}
  {{test-beta word=num}}
{{/each}}

beta组件：

App.TestBetaComponent = Ember.Component.extend({
  word: 'hello world' 
});

beta组件视图：

<h1>{{ word }} </h2>

TestAlphaComponent的Mocha Chai集成测试

import Ember from 'ember';
import { expect } from 'chai';
import {
  describeComponent,
  it
} from 'ember-mocha';
import hbs from 'htmlbars-inline-precompile';
import tHelper from "ember-i18n/helper";
import testBeta from "app/components/test-beta";

var foo;

describeComponent(
  'test-alpha',
  'Integration: testAlphaComponent',
  {
    integration: true
  },
  function() {
    beforeEach(function () {
      this.container.lookup('service:i18n').set('locale', 'en');
      this.registry.register('helper:t', tHelper);
      this.registry.register(
        'component:test-beta',
        testBeta
      );

      Ember.run(this, 'set','foo', ['foo','bar','baz']);
      this.render(hbs`{{test-alpha listWords=foo}}`);
    });
    it('prints foo bar baz in h1s', function() {
        expect($('h1').to.have.length(3);
    });
  });
);

我的测试失败了。 testBeta永远不会被调用，也不会抱怨缺少组件。将testBetaComponent注入testAlpha的集成测试环境的正确方法是什么？

Answer 1

组件需要在其名称中加上破折号。添加短划线后，将自动添加子组件。请参阅注释：

http://guides.emberjs.com/v1.13.0/components/defining-a-component/

编写Ember.js组件集成测试子组件

1 个答案: