Ember 단위 테스트 렌더링 핸들이 null 또는 정의되지 않음을 반환합니다.

Question

핸들 막대 구성 요소를 렌더링하기위한 단위 테스트를 작성하려고합니다. 테스트가 실행되면 객체는 비어 있으며 HTML이 생성되지 않습니다. 나는 다른 구성 요소를 사용하여이 동일한 레이아웃을 따라 왔으며 제대로 렌더링됩니다. 나는 미정/반환 된 객체가 null 왜 혼란 스러워요 여기

내 타다 남은 테스트 코드 : 시험의 출력이

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

moduleForComponent('csv-upload', 'Integration | Component | csv upload', { 
    integration: true 
}); 

test('it renders', function(assert) { 
assert.expect(2); 


this.render(hbs`{{csv-upload}}`); 

assert.equal(this.$().text().trim(), ''); 

// Template block usage: 
this.render(hbs` 
    {{#csv-upload}} 
    template block text 
    {{/csv-upload}} 
`); 

assert.equal(this.$().text().trim(), ''); 
}); 

입니다

: 출력에서 ​​

ok 32 PhantomJS 2.1 - JSHint - integration/pods/components/csv-upload/component-test.js: should pass jshint 
not ok 33 PhantomJS 2.1 - Integration | Component | device actions: it renders 
--- 
    actual: > 
     null 

또 다른 한가지 :

undefined is not an object (evaluating 'this.get('selected').isAny') 

Answer 1

것 같습니다. 이것이 정의되지 않았으므로 구성 요소가 제대로 렌더링되지 않으므로 테스트가 실패하게됩니다. 구성 요소에 selected 속성을 전달하여 도움이되는지 확인하십시오.

참고 : 이것은 대답으로 변환 된 원래 코멘트입니다.

Answer 2

의견은 Jesper Haug Karsrud에서 정답입니다! 고맙습니다!

문제를 해결하려면 렌더링하기 전에 구성 요소의 속성을 설정해야합니다. 변경 사항은 문제를 해결하려면 다음 구성 요소가 일부 속성은 우리의 경우 (selected) 설정 될 것으로 예상처럼

this.set('myProperty', 'fakedata'); 
this.render(hbs`{{csv-upload data=myProperty}}`); 
assert.equal(this.$().html(), '<input id="ember580" type="file" class="ember-view ember-text-field">');