Component not in dom in willDestroyElement

lib/ember-test-helpers/test-module-for-component.js

@@ -38,7 +38,7 @@ export default TestModule.extend({
         return subject;
       });
 
-      _this.teardownSteps.push(function() {
+      _this.teardownSteps.unshift(function() {
         Ember.run(function() {
           Ember.tryInvoke(containerView, 'destroy');
         });

tests/test-module-for-component-test.js

@@ -30,10 +30,20 @@ var ColorController = Ember.ObjectController.extend({
   }.property('model')
 });
 
+var BoringColor = Ember.Component.extend({
+  willDestroyElement: function(){
+    var stateIndicatesInDOM = (this._state === 'inDOM');
+    var actuallyInDOM = Ember.$.contains(document, this.$()[0]);
+
+    ok((actuallyInDOM === true) && (actuallyInDOM === stateIndicatesInDOM), 'component should still be in the DOM')
+  }
+});
+
 function setupRegistry() {
   setResolverRegistry({
     'component:x-foo': Ember.Component.extend(),
     'component:pretty-color': PrettyColor,
+    'component:boring-color': BoringColor,
     'template:components/pretty-color': Ember.Handlebars.compile('Pretty Color: <span class="color-name">{{name}}</span>'),
     'controller:color': ColorController
   });
@@ -206,3 +216,18 @@ test("className", function(){
   // div contents directly
   equal($.trim($('#ember-testing').text()), 'Pretty Color: red');
 });
+
+moduleForComponent('boring-color', 'component:boring-color -- still in DOM in willDestroyElement', {
+  beforeSetup: function() {
+    setupRegistry();
+  },
+
+  setup: function() {
+    this.render();
+  }
+});
+
+test("className", function(){
+  expect(1)
+  // the assertion is in the willDestroyElement() hook of the component
+});