​

var App = Ember.Application.create();

​

var SomeComponent = Ember.Component.extend({

  template: Ember.Handlebars.compile('{{someAttr}}'),

  someAttr: 'foo value'

});

​

var component;

module('SomeComponent', {

  setup: function(){

    component = SomeComponent.create();

    Ember.run(function(){

      component.appendTo('#qunit-fixture');

    });

  },

  teardown: function(){

    Ember.run(function(){

      component.destroy();

      component = null;

    });

  }

});

​

test('Outputs the default value', function() {

  Ember.run(function() {

    component.set('someAttr', 'default value');

    stop();

    Em.run.schedule('afterRender',function(){

      start();

      var result = component.$().text().trim();

      equal(result, "default value", "it should render the default value");

    });

  });

});

​

test('Outputs a different attribute value on the component, when set and present in the template', function() {

  Ember.run(function() {

    component.set('someAttr', 'a non-default value');

    stop();

    Em.run.schedule('afterRender',function(){

      start();

      var result = component.$().text().trim();

      equal(result, "a non-default value", "it should render the default value");

    });

  });

});

​