sproutcore 1.9.2 → 1.10.0.rc.1

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/views/view/createLayer.js

@@ -8,40 +8,42 @@
 
 // ..........................................................
 // createLayer()
-// 
+//
 module("SC.View#createLayer");
 
 test("returns the receiver", function() {
-  var v= SC.View.create();
+  var v = SC.View.create();
   equals(v.createLayer(), v, 'returns receiver');
+  v.destroy();
 });
 
 test("calls renderToContext() and sets layer to resulting element", function() {
-  var v= SC.View.create({
+  var v = SC.View.create({
     tagName: 'span',
-    
+
     renderToContext: function(context, firstTime) {
       context.push("foo");
     }
   });
-  
+
   equals(v.get('layer'), null, 'precondition - has no layer');
   v.createLayer();
-  
+
   var elem = v.get('layer');
   ok(!!elem, 'has element now');
   equals(elem.innerHTML, 'foo', 'has innerHTML from context');
   equals(elem.tagName.toString().toLowerCase(), 'span', 'has tagName from view');
   elem = null ;
+  v.destroy();
 });
 
 test("invokes didCreateLayer() on receiver and all child views", function() {
   var callCount = 0, mixinCount = 0;
-  var v= SC.View.create({
-    
+  var v = SC.View.create({
+
     didCreateLayer: function() { callCount++; },
     didCreateLayerMixin: function() { mixinCount++; },
-    
+
     childViews: [SC.View.extend({
       didCreateLayer: function() { callCount++; },
       childViews: [SC.View.extend({
@@ -50,7 +52,7 @@ test("invokes didCreateLayer() on receiver and all child views", function() {
       }), SC.View.extend({ /* no didCreateLayer */ })]
     })]
   });
-  
+
   // verify setup...
   ok(v.didCreateLayer, 'precondition - has root');
   ok(v.childViews[0].didCreateLayer, 'precondition - has firstChild');
@@ -60,15 +62,17 @@ test("invokes didCreateLayer() on receiver and all child views", function() {
   v.createLayer();
   equals(callCount, 3, 'did invoke all methods');
   equals(mixinCount, 2, 'did invoke all mixin methods');
+  v.destroy();
 });
 
 test("generated layer include HTML from child views as well", function() {
   var v = SC.View.create({
     childViews: [ SC.View.extend({ layerId: "foo" })]
   });
-  
+
   v.createLayer();
   ok(Q$('#foo', v.get('layer')).get(0), 'has element with child layerId');
+  v.destroy();
 });
 
 test("does NOT assign layer to child views immediately", function() {
@@ -77,11 +81,12 @@ test("does NOT assign layer to child views immediately", function() {
   });
   v.createLayer();
   ok(!v.childViews[0]._view_layer, 'has no layer yet');
+  v.destroy();
 });
 
 // ..........................................................
 // USE CASES
-// 
+//
 
 // when view is first created, createLayer is NOT called
 

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/views/view/destroy.js

@@ -16,12 +16,20 @@ test('isDestroyed works.', function() {
 });
 
 test('childViews specified as classes are also destroyed.', function() {
-  var v = SC.View.create({ childViews: [ SC.View ] }),
-      v2 = v.childViews[0];
+  var v = SC.View.create({ childViews: [ SC.View.extend({ childViews: [ SC.View ] }) ] }),
+      v2 = v.childViews[0],
+      v3 = v2.childViews[0];
+
   v.destroy();
   ok(v2.get('isDestroyed'), 'destroying a parent also destroys a child, mwaha.');
-  ok(!v2.get('parentView'), 'destroying a parent removes the parentView reference from the child.');
-  ok(v2.get('owner') === null, 'destroying a parent removes the owner reference from the child.');
+  ok(v3.get('isDestroyed'), 'destroying a parent also destroys a grandchild, mwaha.');
+
+  SC.run(function() {
+    ok(!v2.get('parentView'), 'destroying a parent removes the parentView reference from the child.');
+    ok(v2.get('owner') === null, 'destroying a parent removes the owner reference from the child.');
+    ok(!v3.get('parentView'), 'destroying a parent removes the parentView reference from the grandchild.');
+    ok(v3.get('owner') === null, 'destroying a parent removes the owner reference from the grandchild.');
+  });
 });
 
 test('childViews specified as instances are also destroyed.', function() {
@@ -29,6 +37,51 @@ test('childViews specified as instances are also destroyed.', function() {
       v = SC.View.create({ childViews: [v2] });
   v.destroy();
   ok(v2.get('isDestroyed'), 'destroying a parent also destroys a child, mwaha.');
-  ok(!v2.get('parentView'), 'destroying a parent removes the parentView reference from the child.');
-  ok(v2.get('owner') === null, 'destroying a parent removes the owner reference from the child.');
-});
+
+  SC.run(function() {
+    ok(!v2.get('parentView'), 'destroying a parent removes the parentView reference from the child.');
+    ok(v2.get('owner') === null, 'destroying a parent removes the owner reference from the child.');
+  });
+});
+
+/**
+  There was a bug introduced when we started destroying SC.Binding objects when
+  destroying SC.Objects.
+
+  Because the view was overriding destroy to destroy itself first (clearing out
+  parentViews), later when we try to clean up bindings, any bindings to the
+  parentView property of a view would not be able to remove observers from the
+  parent view instance.
+*/
+test("Destroying a view, should also destroy its binding objects", function () {
+  var v, v2;
+
+  SC.run(function() {
+    v = SC.View.create({
+      childViews: ['v2'],
+      foo: 'baz',
+      v2: SC.View.extend({
+        barBinding: '.parentView.foo'
+      })
+    });
+  });
+
+  v2 = v.get('v2');
+
+  ok(v.hasObserverFor('foo'), "The view should have an observer on 'foo'");
+  ok(v2.hasObserverFor('bar'), "The child view should have an observer on 'bar'");
+
+  v.destroy();
+
+  ok(!v.hasObserverFor('foo'), "The view should no longer have an observer on 'foo'");
+  ok(!v2.hasObserverFor('bar'), "The child view should no longer have an observer on 'bar'");
+});
+
+test('Resigns firstResponder when destroyed.', function() {
+  var pane = SC.Pane.create();
+  var v = SC.View.create({ parentView: pane, acceptsFirstResponder: YES });
+  v.becomeFirstResponder();
+  ok(v.get('isFirstResponder'), 'view starts as firstResponder.');
+  v.destroy();
+  ok(!v.get('isFirstResponder'), 'destroying view resigns firstResponder.');
+});

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/views/view/destroyLayer.js

@@ -3,15 +3,15 @@
 // Copyright: ©2006-2011 Apple Inc. and contributors.
 // License:   Licensed under MIT license (see license.js)
 // ==========================================================================
-/*globals module, test, equals, context, ok, same, Q$ */
+/*global module, test, equals, ok */
 
 
 module("SC.View#destroyLayer");
 
-test("it if has no layer, does nothing", function() {
+test("it if has no layer, does nothing", function () {
   var callCount = 0;
   var view = SC.View.create({
-    willDestroyLayer: function() { callCount++; }
+    willDestroyLayer: function () { callCount++; }
   });
   ok(!view.get('layer'), 'precond - does NOT have layer');
 
@@ -19,15 +19,15 @@ test("it if has no layer, does nothing", function() {
   equals(callCount, 0, 'did not invoke callback');
 });
 
-test("if it has a layer, calls willDestroyLayer on receiver and child views then deletes the layer", function() {
+test("if it has a layer, calls willDestroyLayer on receiver and child views then deletes the layer", function () {
   var callCount = 0;
 
   var view = SC.View.create({
-    willDestroyLayer: function() { callCount++; },
+    willDestroyLayer: function () { callCount++; },
     childViews: [SC.View.extend({
       // no willDestroyLayer here... make sure no errors are thrown
       childViews: [SC.View.extend({
-        willDestroyLayer: function() { callCount++; }
+        willDestroyLayer: function () { callCount++; }
       })]
     })]
   });
@@ -39,16 +39,16 @@ test("if it has a layer, calls willDestroyLayer on receiver and child views then
   ok(!view.get('layer'), 'view no longer has layer');
 });
 
-test("if it has a layer, calls willDestroyLayerMixin on receiver and child views if defined (comes from mixins)", function() {
+test("if it has a layer, calls willDestroyLayerMixin on receiver and child views if defined (comes from mixins)", function () {
   var callCount = 0;
 
   // make sure this will call both mixins...
   var mixinA = {
-    willDestroyLayerMixin: function() { callCount++; }
+    willDestroyLayerMixin: function () { callCount++; }
   };
 
   var mixinB = {
-    willDestroyLayerMixin: function() { callCount++; }
+    willDestroyLayerMixin: function () { callCount++; }
   };
 
   var view = SC.View.create(mixinA, mixinB, {
@@ -61,25 +61,11 @@ test("if it has a layer, calls willDestroyLayerMixin on receiver and child views
   equals(callCount, 5, 'invoked willDestroyLayerMixin on all mixins');
 });
 
-test("returns receiver", function() {
+test("returns receiver", function () {
   var view = SC.View.create().createLayer();
   equals(view.destroyLayer(), view, 'returns receiver');
 });
 
-test("removes layer from parentNode if in DOM", function() {
-  var view = SC.View.create();
-  var layer = view.createLayer().get('layer');
-
-  ok(layer, 'precond - has layer');
-  document.body.appendChild(layer); // add to document body
-
-  view.destroyLayer();
-
-  if(layer.parentNode) equals(layer.parentNode.nodeType, 11, 'layer no longer in parent node');
-  else equals(layer.parentNode, null, 'layer no longer in parent node');
-  layer = null; // cleanup
-});
-
 /**
   There is a bug that if childView layers are rendered when the parentView's
   layer is created, the `layer` property on the childView will not be
@@ -91,8 +77,10 @@ test("removes layer from parentNode if in DOM", function() {
   no longer has a parent view and would return undefined for its `layer`.
 
   This left elements in the DOM.
+
+  UPDATE:  The addition of the SC.View statechart prevents this from happening.
 */
-test("Tests that if the childView's layer was never cached and the childView is removed, it should still destroy the childView's layer", function() {
+test("Tests that if the childView's layer was never cached and the childView is removed, it should still destroy the childView's layer", function () {
   var childView,
     layerId,
     pane,
@@ -113,7 +101,12 @@ test("Tests that if the childView's layer was never cached and the childView is
   ok(document.getElementById(layerId), 'child layer should be in the DOM');
   ok(!childView._view_layer, 'child view should not have cached its layer');
   view.removeChild(childView);
-  ok(document.getElementById(layerId), 'child layer should be in the DOM');
+  // Before SC.View states, this would be the case
+  // ok(document.getElementById(layerId), 'child layer should be in the DOM');
+  ok(!document.getElementById(layerId), 'child layer should not be in the DOM');
   childView.destroy();
   ok(!document.getElementById(layerId), 'child layer should not be in the DOM');
+
+  pane.remove();
+  pane.destroy();
 });

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/views/view/didAppendToDocument.js

@@ -5,13 +5,13 @@
 // License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
-/*global module test htmlbody ok equals same stop start Q$ */
+/*global module test ok equals same */
 
 
 var counter, pane, view, additionalView;
 
 module("SC.View#didAppendToDocument", {
-  setup: function() {
+  setup: function () {
     counter = 0;
 
     pane = SC.MainPane.create({
@@ -20,7 +20,7 @@ module("SC.View#didAppendToDocument", {
           render: function (context, firstTime) {
             context.push('new string');
           },
-          didAppendToDocument: function(){
+          didAppendToDocument: function (){
             ok(document.getElementById(this.get('layerId')), "view layer should exist");
             counter++;
           }
@@ -30,35 +30,36 @@ module("SC.View#didAppendToDocument", {
     view = pane.childViews[0];
 
     additionalView = SC.View.create({
-      didAppendToDocument: function(){
+      didAppendToDocument: function (){
         ok(document.getElementById(this.get('layerId')), "additionalView layer should exist");
         counter++;
       }
     });
   },
 
-  teardown: function() {
+  teardown: function () {
     pane.remove().destroy();
     pane = null;
   }
 });
 
-test("Check that didAppendToDocument gets called at the right moment", function() {
+test("Check that didAppendToDocument gets called at the right moment", function () {
 
   equals(counter, 0, "precond - has not been called yet");
   pane.append(); // make sure there is a layer...
   equals(counter, 1, "didAppendToDocument was called once");
 
-  SC.run(function() {
+  SC.run(function () {
     view.updateLayer();
   });
 
-  equals(counter, 2, "didAppendToDocument is called every time a new DOM element is created");
+  // This seems incorrect.  It's not appending the view layer again it's just updating it.
+  // equals(counter, 1, "didAppendToDocument is called every time a new DOM element is created");
 
   pane.appendChild(additionalView);
 
   SC.RunLoop.begin().end();
-  equals(counter, 3, "");
+  equals(counter, 2, "");
 });
 
 
@@ -66,9 +67,9 @@ test("Check that didAppendToDocument gets called at the right moment", function(
 // a layer and the parentView uses static layout, then the frame returned will be {x: 0, y:0, width: 0, height: 0}
 // and any further requests for the childView's frame will not return a new value unless the parentViewDidChange
 // or parentViewDidResize.  A weird case, but we prevent it from failing anyhow.
-test("Check that childView is updated if the pane has a static layout and view doesn't have a fixed layout", function() {
+test("Check that childView is updated if the pane has a static layout and view doesn't have a fixed layout", function () {
   var childFrame,
-      wrongFrame = {x:0, y:0, width: 0, height: 0},
+      wrongFrame = { x:0, y:0, width: 0, height: 0 },
       correctFrame;
 
   pane.set('useStaticLayout', YES);
@@ -76,7 +77,7 @@ test("Check that childView is updated if the pane has a static layout and view d
   childFrame = view.get('frame');
   same(childFrame, wrongFrame, 'getting frame before layer exists on non-fixed layout childView should return an empty frame');
 
-  SC.run(function() {
+  SC.run(function () {
     pane.append(); // make sure there is a layer...
   });
   childFrame = view.get('frame');
@@ -86,7 +87,7 @@ test("Check that childView is updated if the pane has a static layout and view d
 });
 
 
-test("Check that childView is updated if it has a static layout", function() {
+test("Check that childView is updated if it has a static layout", function () {
   var childFrame,
       wrongFrame = {x:0, y:0, width: 0, height: 0},
       correctFrame;

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/views/view/enabled_states_test.js

@@ -0,0 +1,341 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals ok */
+
+var parent, view, child;
+
+/** Test the SC.View states. */
+module("SC.View#enabledState", {
+
+  setup: function () {
+    child = SC.View.create();
+    view = SC.View.create({ childViews: [child] });
+    parent = SC.View.create({ childViews: [view] });
+  },
+
+  teardown: function () {
+    parent.destroy();
+    parent = view = child = null;
+  }
+
+});
+
+/**
+  Test the initial state.
+  */
+test("Test initial states.", function () {
+  // Test expected state of the views.
+  equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+  equals(view.enabledState, SC.CoreView.ENABLED, "A regular view should be in the state");
+  equals(child.enabledState, SC.CoreView.ENABLED, "A regular child view should be in the state");
+  ok(parent.get('isEnabled'), "isEnabled should be true");
+  ok(parent.get('isEnabledInPane'), "isEnabledInPane should be true");
+  ok(view.get('isEnabled'), "isEnabled should be true");
+  ok(view.get('isEnabledInPane'), "isEnabledInPane should be true");
+  ok(child.get('isEnabled'), "isEnabled should be true");
+  ok(child.get('isEnabledInPane'), "isEnabledInPane should be true");
+});
+
+/**
+  Test changing isEnabled to false on the child.
+  */
+test("Test toggling isEnabled on child.", function () {
+  SC.run(function () {
+    child.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.ENABLED, "A regular view should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED, "A disabled child view should be in the state");
+    ok(parent.get('isEnabled'), "isEnabled should be true");
+    ok(parent.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(view.get('isEnabled'), "isEnabled should be true");
+    ok(view.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(!child.get('isEnabled'), "isEnabled should be false");
+    ok(!child.get('isEnabledInPane'), "isEnabledInPane should be false");
+  });
+});
+
+/**
+  Test changing isEnabled to false on the view.
+  */
+test("Test toggling isEnabled on view.", function () {
+  SC.run(function () {
+    view.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.DISABLED, "A disabled view should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED_BY_PARENT, "A regular child view with disabled ancestor should be in the state");
+    ok(parent.get('isEnabled'), "isEnabled should be true");
+    ok(parent.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(!view.get('isEnabled'), "isEnabled should be false");
+    ok(!view.get('isEnabledInPane'), "isEnabledInPane should be false");
+    ok(child.get('isEnabled'), "isEnabled should be true");
+    ok(!child.get('isEnabledInPane'), "isEnabledInPane should be false");
+  });
+
+  SC.run(function () {
+    child.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.DISABLED, "A disabled view should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED, "A disabled child view with disabled ancestor should be in the state");
+    ok(parent.get('isEnabled'), "isEnabled should be true");
+    ok(parent.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(!view.get('isEnabled'), "isEnabled should be false");
+    ok(!view.get('isEnabledInPane'), "isEnabledInPane should be false");
+    ok(!child.get('isEnabled'), "isEnabled should be true");
+    ok(!child.get('isEnabledInPane'), "isEnabledInPane should be false");
+  });
+
+  SC.run(function () {
+    view.set('isEnabled', true);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.ENABLED, "A regular view should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED, "A disabled child view should be in the state");
+    ok(parent.get('isEnabled'), "isEnabled should be true");
+    ok(parent.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(view.get('isEnabled'), "isEnabled should be false");
+    ok(view.get('isEnabledInPane'), "isEnabledInPane should be false");
+    ok(!child.get('isEnabled'), "isEnabled should be true");
+    ok(!child.get('isEnabledInPane'), "isEnabledInPane should be false");
+  });
+});
+
+/**
+  Test changing isEnabled to false on the view.
+  */
+test("Test toggling isEnabled on parent.", function () {
+  SC.run(function () {
+    parent.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.DISABLED, "A disabled parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.DISABLED_BY_PARENT, "A regular view with disabled parent should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED_BY_PARENT, "A regular child view with disabled ancestor should be in the state");
+    ok(!parent.get('isEnabled'), "disabled parent isEnabled should be false");
+    ok(!parent.get('isEnabledInPane'), "disabled parent isEnabledInPane should be false");
+    ok(view.get('isEnabled'), "view isEnabled should be true");
+    ok(!view.get('isEnabledInPane'), "view isEnabledInPane should be false");
+    ok(child.get('isEnabled'), "child isEnabled should be true");
+    ok(!child.get('isEnabledInPane'), "child isEnabledInPane should be false");
+  });
+
+  SC.run(function () {
+    child.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.DISABLED, "A disabled parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.DISABLED_BY_PARENT, "A regular view with disabled parent should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED, "A disabled child view with disabled ancestor should be in the state");
+    ok(!parent.get('isEnabled'), "isEnabled should be false");
+    ok(!parent.get('isEnabledInPane'), "isEnabledInPane should be false");
+    ok(view.get('isEnabled'), "view isEnabled should be true");
+    ok(!view.get('isEnabledInPane'), "view isEnabledInPane should be false");
+    ok(!child.get('isEnabled'), "disabled child isEnabled should be false");
+    ok(!child.get('isEnabledInPane'), "disabled child isEnabledInPane should be false");
+  });
+
+  SC.run(function () {
+    parent.set('isEnabled', true);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.ENABLED, "A regular view should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED, "A disabled child view should be in the state");
+    ok(parent.get('isEnabled'), "isEnabled should be true");
+    ok(parent.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(view.get('isEnabled'), "isEnabled should be true");
+    ok(view.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(!child.get('isEnabled'), "disabled child isEnabled should be false");
+    ok(!child.get('isEnabledInPane'), "disabled child isEnabledInPane should be false");
+  });
+});
+
+/**
+  Test changing isEnabled to false on the view.
+  */
+test("Test toggling isEnabled on view.", function () {
+  SC.run(function () {
+    view.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.DISABLED, "A disabled view should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED_BY_PARENT, "A regular child view with disabled ancestor should be in the state");
+    ok(parent.get('isEnabled'), "isEnabled should be true");
+    ok(parent.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(!view.get('isEnabled'), "isEnabled should be false");
+    ok(!view.get('isEnabledInPane'), "isEnabledInPane should be false");
+    ok(child.get('isEnabled'), "isEnabled should be true");
+    ok(!child.get('isEnabledInPane'), "isEnabledInPane should be false");
+  });
+
+  SC.run(function () {
+    child.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.DISABLED, "A disabled view should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED, "A disabled child view with disabled ancestor should be in the state");
+    ok(parent.get('isEnabled'), "isEnabled should be true");
+    ok(parent.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(!view.get('isEnabled'), "isEnabled should be false");
+    ok(!view.get('isEnabledInPane'), "isEnabledInPane should be false");
+    ok(!child.get('isEnabled'), "isEnabled should be true");
+    ok(!child.get('isEnabledInPane'), "isEnabledInPane should be false");
+  });
+
+  SC.run(function () {
+    view.set('isEnabled', true);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.ENABLED, "A regular view should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED, "A disabled child view should be in the state");
+    ok(parent.get('isEnabled'), "isEnabled should be true");
+    ok(parent.get('isEnabledInPane'), "isEnabledInPane should be true");
+    ok(view.get('isEnabled'), "isEnabled should be false");
+    ok(view.get('isEnabledInPane'), "isEnabledInPane should be false");
+    ok(!child.get('isEnabled'), "isEnabled should be true");
+    ok(!child.get('isEnabledInPane'), "isEnabledInPane should be false");
+  });
+});
+
+/**
+  Test changing isEnabled to false on the view.
+  */
+test("Test shouldInheritEnabled.", function () {
+  SC.run(function () {
+    view.set('shouldInheritEnabled', false);
+    parent.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.DISABLED, "A disabled parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.ENABLED, "A regular view with shouldInheritEnabled with disabled parent should be in the state");
+    equals(child.enabledState, SC.CoreView.ENABLED, "A regular child view should be in the state");
+  });
+
+  SC.run(function () {
+    view.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.DISABLED, "A disabled parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.DISABLED, "A disabled view with shouldInheritEnabled and disabled parent should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED_BY_PARENT, "A regular child view with disabled ancestor should be in the state");
+  });
+
+  SC.run(function () {
+    parent.set('isEnabled', true);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    equals(parent.enabledState, SC.CoreView.ENABLED, "A regular parent view should be in the state");
+    equals(view.enabledState, SC.CoreView.DISABLED, "A disabled view should be in the state");
+    equals(child.enabledState, SC.CoreView.DISABLED_BY_PARENT, "A regular child view with disabled ancestor should be in the state");
+  });
+});
+
+test("Test toggling isEnabled adds/removes disabled class.", function () {
+  parent.createLayer();
+  parent._doAttach(document.body);
+
+  ok(!parent.$().hasClass('disabled'), "A regular parent should not have disabled class.");
+  SC.run(function () {
+    parent.set('isEnabled', false);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    ok(parent.$().hasClass('disabled'), "A disabled parent should have disabled class.");
+  });
+
+  SC.run(function () {
+    parent.set('isEnabled', true);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    ok(!parent.$().hasClass('disabled'), "A re-enabled parent should not have disabled class.");
+  });
+
+  parent._doDetach();
+  parent.destroyLayer();
+});
+
+test("Test optimized display update.", function () {
+  SC.run(function () {
+    parent.set('isEnabled', false);
+  });
+
+  parent.createLayer();
+  parent._doAttach(document.body);
+
+  // Test expected state of the views.
+  SC.run(function () {
+    ok(parent.$().hasClass('disabled'), "A disabled when attached parent should have disabled class.");
+  });
+
+  parent._doDetach();
+  parent.destroyLayer();
+  parent.createLayer();
+  parent._doAttach(document.body);
+
+  SC.run(function () {
+    parent.set('isEnabled', true);
+  });
+
+  // Test expected state of the views.
+  SC.run(function () {
+    ok(!parent.$().hasClass('disabled'), "A re-enabled parent should not have disabled class.");
+  });
+
+  parent._doDetach();
+  parent.destroyLayer();
+});
+
+test("initializing with isEnabled: false, should still add the proper class on append", function() {
+  var newView = SC.View.create({
+    isEnabled: false
+  });
+
+  parent.createLayer();
+  parent._doAttach(document.body);
+  parent.appendChild(newView);
+
+  ok(newView.$().hasClass('disabled'), "An initialized as disabled view should have disabled class on append.");
+});