ember-qunit은 통합 테스트에서 구성 요소를 어떻게 렌더링합니까?

Question

다음은 ember-qunit의 기본 구성 요소/통합 테스트입니다. {{my-component}}이 어디

addon/ 
.. components/ 
.... my-component/ 
...... component.js 
...... style.less 
...... template.hbs 
app/ 
.. components/ 
.... my-component.js 
...... component.js 
tests/ 
.. integration/ 
.... components/ 
...... my-component-test.js 

어떻게 엠버 결정 않습니다

import { moduleForComponent, test } from 'ember-qunit'; 
import hbs from 'htmlbars-inline-precompile'; 

moduleForComponent('my-component', 'TODO: put something here', { 
    integration: true 
}); 

test('it renders', function(assert) { 
    this.render(hbs`{{my-component}}`); 

    console.log('This is the rendered element', this.$()[0]); 
    assert.ok(false); 
}); 

는이 같은 디렉토리 구조를 가진 엠버 - 부가 기능이?

이이 같은 정맥에 가지이다, 난 그냥 내보내기/가져 와서 addon 구성 요소에 정규 app 구성 요소를 연결 한
How does Ember-CLI precompile templates?

편집 주석으로 당 1

그것.

app/components/my-component/component.js 
export { default } from 'my-application/components/my-component' 

그러나, 콘솔 로그는이를 보여줍니다 관례

This is the rendered element <div id="ember234 class="ember-view"> 
           <!----> 
          </div> 

Answer 1

합니다.

Ember app/components 디렉토리 또는 app/components/templates 디렉토리 또는 app/helpers 디렉토리 아래에 my-component이라는 파일을 찾으십시오.

export { default } from 'my-addon/components/my-component';