Компонент Ember, не обновляющийся в тесте интеграции при инжектируемой услуге

Question

У меня есть компонент боковой панели, который полагается на службу боковой панели, которая вводится в нее через инициализатор.

компонент, то есть вычисленное право собственности, который привязан к тем же собственностям на службе:

title: function() { 
    return this.get('sideBarService.title'); 
}.property('sideBarService.title'), 

Это работает в самом приложении, но я не могу получить компонент для обновления в интеграционном тесте, когда обслуживание.

Вот мой не тест рабочей интеграции:

import Ember from 'ember'; 
import startApp from '../helpers/start-app'; 
import hbs from 'htmlbars-inline-precompile'; 
import { moduleForComponent, test } from 'ember-qunit'; 

var application, container, sideBarService; 

moduleForComponent('side-bar', 'Integration | side-bar',{ 
    integration: true, 
    beforeEach: function() { 
    application = startApp(); 
    container = application.__container__; 
    sideBarService = container.lookup('service:side-bar'); 
    }, 

    afterEach: function() { 
    Ember.run(application, 'destroy'); 
    } 
}); 

test('it displays the correct title', function(assert) { 
    assert.expect(1); 

    Ember.run(function() { 
    sideBarService.set('title', 'Hello'); 
    }); 

    this.render(hbs` 
    {{side-bar}} 
    `); 

    var content = this.$('.side-bar-content .title').text().trim(); 
    var serviceTitle = sideBarService.get('title'); 
    // fails  
    assert.deepEqual(content, serviceTitle); 
}); 

Интересно, если я отладки в тесте и захватить компонент с консолью, а затем захватить sideBarService от компонента, он осознает обновленное значение названия и даже название значения на самом компоненте, кажется, обновляются, но дом никогда не обновляется:

//debugged in browser console 
var sb = container.lookup('component:side-bar') 
undefined 

sb.get('title') 
"Hello" 

sb.get('sideBarService.title') 
"Hello" 

this.$('.title').text().trim() 
"" 

это вопрос цикла запуска? Если да, то что мне нужно сделать, чтобы настроить его?

Редактировать: Что касается комментария Торана. Правильно ли это выглядит?

var done = assert.async(); 
    var content = this.$('.side-bar-content .title').text().trim(); 
    var serviceTitle = sideBarService.get('title'); 
    setTimeout(function() { 
    assert.deepEqual(content, serviceTitle); 
    done(); 
    }); 

Answer 1

я бы, вероятно, идет о фиксации этого, избегая инъекции в инициализаторе и вместо того, чтобы с помощью Ember.inject.service помощника.

// component 

import Ember from 'ember' 

const { Component, inject, computed } = Ember; 
const { service } = inject; 
const { alias } = computed; 

export default Component.extend({ 

    sideBarService: service('side-bar'), 

    title: alias('sideBarService.title') 

}); 

Затем в вашем тесте вы можете передать услугу, когда используете этот компонент.

import Ember from 'ember'; 
import startApp from '../helpers/start-app'; 
import hbs from 'htmlbars-inline-precompile'; 
import { moduleForComponent, test } from 'ember-qunit'; 

var application, container, sideBarService; 

moduleForComponent('side-bar', 'Integration | side-bar',{ 
    integration: true, 
    beforeEach: function() { 
    application = startApp(); 
    }, 

    afterEach: function() { 
    Ember.run(application, 'destroy'); 
    } 
}); 

test('it displays the correct title', function(assert) { 
    assert.expect(1); 

    this.set('sideBarService', Ember.Object.create({ 
    title: 'hello' 
    })); 

    this.render(hbs` 
    {{side-bar sideBarService=sideBarService}} 
    `); 

    var title = this.$('.side-bar-content .title').text().trim(); 
    assert.equal(title, 'hello'); // Hopefully passes 
});