sproutit-sproutcore 1.0.0.20090407205609 → 1.0.0.20090408130025

data/frameworks/sproutcore/frameworks/desktop/tests/panes/sheet/ui.js

@@ -0,0 +1,38 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same stop start */
+
+module("SC.SheetPane UI");
+
+var pane ;
+
+test("verify sheet pane content container is visible at correct location with right size", function() { 
+  pane = SC.SheetPane.create({
+    contentView: SC.View.extend({
+      layout: { width: 400, height: 200, centerX: 0 }
+    })
+  });
+  pane.append();
+
+  ok(pane.get('isVisibleInWindow'), 'pane.isVisibleInWindow should be YES');
+  ok(pane.$().hasClass('sc-sheet'), 'pane should have sc-sheet class');
+  ok(pane.childViews[0].get('isVisibleInWindow'), 'pane.div.isVisibleInWindow should be YES');
+  ok(pane.childViews[0].$().hasClass('sc-view'), 'pane.div should have sc-view class');
+  
+  var pw = pane.childViews[0].layout.width;
+  var ph = pane.childViews[0].layout.height;
+  var ret = pane.childViews[0].layoutStyle();
+
+  equals(ret.top, '0px', 'pane.div should be displayed at default position top');
+  equals(ret.left, '50%', 'pane.div should center horizontally');
+  equals(ret.width, '400px', 'pane.div should have width 400px');
+  equals(ret.height, '200px', 'pane.div should have height 200px');
+  equals(ret.marginLeft, -pw/2+'px', 'pane.div should shift-left %@ px'.fmt(-pw/2));
+
+  pane.remove();
+}) ;

data/frameworks/sproutcore/frameworks/desktop/tests/views/button/methods.js

@@ -0,0 +1,45 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Apple, Inc. and contributors.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+
+module("SC.ButtonView#actions", {
+	setup: function() {
+	  b = SC.ButtonView.create();
+	}
+});
+
+test("Emulate mouse click to verify if the button activates", function() {
+  b.triggerAction();
+  equals(b.get('isActive'), YES, "the should be active for 200ms");
+  
+});
+
+
+test("Test different moused states", function() {
+  b.set('isEnabled', YES);
+  b.mouseDown();
+  equals(b.get('isActive'), YES, "the button should be active after a mouseDown event");
+  b.mouseExited();
+  equals(b.get('isActive'), NO, "the button should be active after a mouseDown event");
+  b.mouseEntered();
+  equals(b.get('isActive'), b._isMouseDown, "the button should be active after a mouseDown event");  
+//  b.mouseUp();
+//  equals(b.get('isActive'), NO, "the button should be inactive after a mouseUP event");
+
+  b.set('buttonBehavior', SC.TOGGLE_BEHAVIOR);
+  b._action();
+  equals(b.get('value'), b.get('toggleOnValue'), "the value should be the same as the toggle value");
+ 
+  b.set('buttonBehavior', SC.TOGGLE_ON_BEHAVIOR);
+  b._action();
+  equals(b.get('value'), b.get('toggleOnValue'), "the value should be the same as the toggle value");
+  
+  b.set('buttonBehavior', SC.TOGGLE_OFF_BEHAVIOR);
+  b._action();
+  equals(b.get('value'), b.get('toggleOffValue'), "the value should be the same as the toggle value");
+});
+
+

data/frameworks/sproutcore/frameworks/desktop/tests/views/button/ui.js

@@ -0,0 +1,140 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same */
+
+htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
+
+  var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
+(function() {
+var pane = SC.ControlTestPane.design()
+  .add("basic", SC.ButtonView, { 
+  })
+  
+  .add("title", SC.ButtonView, { 
+     title: "Hello World" 
+  })
+   
+  .add("icon", SC.ButtonView, { 
+    icon: iconURL 
+  })
+    
+  .add("title,icon", SC.ButtonView, { 
+    title: "Hello World", icon: iconURL  
+  })
+     
+  .add("title,icon,disabled", SC.ButtonView, { 
+    title: "Hello World", icon: iconURL , isEnabled: NO 
+  })
+  
+  .add("title,icon,default", SC.ButtonView, { 
+    title: "Hello World", icon: iconURL , isDefault: YES 
+  })
+
+  .add("title,icon,selected", SC.ButtonView, { 
+    title: "Hello World", icon: iconURL , isSelected: YES 
+  });
+
+pane.show(); // add a test to show the test pane
+
+
+module('SC.ButtonView ui');
+
+test("Check that all button are visible", function() {
+  ok(pane.view('basic').get('isVisibleInWindow'), 'basic.isVisibleInWindow should be YES');
+  ok(pane.view('title').get('isVisibleInWindow'), 'title.isVisibleInWindow should be YES');
+  ok(pane.view('icon').get('isVisibleInWindow'), 'icon.isVisibleInWindow should be YES');
+  ok(pane.view('title,icon').get('isVisibleInWindow'), 'title,icon.isVisibleInWindow should be YES');
+  ok(pane.view('title,icon,disabled').get('isVisibleInWindow'), 'title,icon,disabled.isVisibleInWindow should be YES');
+  ok(pane.view('title,icon,default').get('isVisibleInWindow'), 'title,icon,default.isVisibleInWindow should be YES');
+  ok(pane.view('title,icon,selected').get('isVisibleInWindow'), 'title.icon,selected.isVisibleInWindow should be YES');
+});
+  
+
+test("Check that all buttons have the right classes set", function() {
+  var viewElem=pane.view('basic').$();
+  ok(viewElem.hasClass('sc-view'), 'basic.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'basic.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'basic.hasClass(sc-regular-size) should be YES');
+  ok(!viewElem.hasClass('icon'), 'basic.hasClass(icon) should be NO');
+  ok(!viewElem.hasClass('sel'), 'basic.hasClass(sel) should be NO');
+  ok(!viewElem.hasClass('disabled'), 'basic.hasClass(disabled) should be NO');
+  ok(!viewElem.hasClass('def'), 'basic.hasClass(def) should be NO');
+  
+  
+  viewElem=pane.view('title').$();
+  ok(viewElem.hasClass('sc-view'), 'title.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'title.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'title.hasClass(sc-regular-size) should be YES');
+  ok(!viewElem.hasClass('icon'), 'title.hasClass(icon) should be NO');
+  ok(!viewElem.hasClass('sel'), 'title.hasClass(sel) should be NO');
+  ok(!viewElem.hasClass('disabled'), 'title.hasClass(disabled) should be NO');
+  ok(!viewElem.hasClass('def'), 'title.hasClass(def) should be NO');
+
+  viewElem=pane.view('icon').$();
+  ok(viewElem.hasClass('sc-view'), 'icon.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'icon.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'icon.hasClass(sc-regular-size) should be YES');
+  ok(viewElem.hasClass('icon'), 'icon.hasClass(icon) should be YES');
+  ok(!viewElem.hasClass('sel'), 'icon.hasClass(sel) should be NO');
+  ok(!viewElem.hasClass('disabled'), 'icon.hasClass(disabled) should be NO');
+  ok(!viewElem.hasClass('def'), 'icon.hasClass(def) should be NO');
+
+  viewElem=pane.view('title,icon').$();
+  ok(viewElem.hasClass('sc-view'), 'title,icon.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'title,icon.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'title,icon.hasClass(sc-regular-size) should be YES');
+  ok(viewElem.hasClass('icon'), 'title,icon.hasClass(icon) should be YES');
+  ok(!viewElem.hasClass('sel'), 'title,icon.hasClass(sel) should be NO');
+  ok(!viewElem.hasClass('disabled'), 'title,icon.hasClass(disabled) should be NO');
+  ok(!viewElem.hasClass('def'), 'title,icon.hasClass(def) should be NO');
+
+  viewElem=pane.view('title,icon,disabled').$();
+  ok(viewElem.hasClass('sc-view'), 'title,icon,disabled.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'title,icon,disabled.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'title,icon,disabled.hasClass(sc-regular-size) should be YES');
+  ok(viewElem.hasClass('icon'), 'title,icon,disabled.hasClass(icon) should be YES');
+  ok(!viewElem.hasClass('sel'), 'title,icon,disabled.hasClass(sel) should be NO');
+  ok(viewElem.hasClass('disabled'), 'title,icon,disabled.hasClass(disabled) should be YES');
+  ok(!viewElem.hasClass('def'), 'title,icon,disabled.hasClass(def) should be NO');
+
+  viewElem=pane.view('title,icon,default').$();
+  ok(viewElem.hasClass('sc-view'), 'title,icon,default.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'title,icon,default.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'title,icon,default.hasClass(sc-regular-size) should be YES');
+  ok(viewElem.hasClass('icon'), 'title,icon,default.hasClass(icon) should be YES');
+  ok(!viewElem.hasClass('sel'), 'title,icon,default.hasClass(sel) should be NO');
+  ok(!viewElem.hasClass('disabled'), 'title,icon,default.hasClass(disabled) should be NO');
+  ok(viewElem.hasClass('def'), 'title,icon,default.hasClass(def) should be YES');
+  
+  viewElem=pane.view('title,icon,selected').$();
+   ok(viewElem.hasClass('sc-view'), 'title,icon,selected.hasClass(sc-view) should be YES');
+   ok(viewElem.hasClass('sc-button-view'), 'title,icon,selected.hasClass(sc-button-view) should be YES');
+   ok(viewElem.hasClass('sc-regular-size'), 'title,icon,selected.hasClass(sc-regular-size) should be YES');
+   ok(viewElem.hasClass('icon'), 'title,icon,selected.hasClass(icon) should be YES');
+   ok(viewElem.hasClass('sel'), 'title,icon,selected.hasClass(sel) should be YES');
+   ok(!viewElem.hasClass('disabled'), 'title,icon,selected.hasClass(disabled) should be NO');
+   ok(!viewElem.hasClass('def'), 'title,icon,selected.hasClass(def) should be NO');
+
+});
+
+
+
+test("Check that the title is set or not and if it is in the appropriate element", function() {
+  var viewElem=pane.view('basic').$('span');
+  equals(viewElem.text(), '', 'should not have a title');
+
+  var viewElem=pane.view('title').$('span');
+  equals(viewElem.text(), 'Hello World', 'should not have a title');
+
+
+  var viewElem=pane.view('icon').$('span.label.img');
+  ok((viewElem!=null), 'should have an image corresponding to an icon');
+
+});
+
+})();

data/frameworks/sproutcore/frameworks/desktop/tests/views/checkbox/methods.js

@@ -0,0 +1,145 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok same htmlbody Q$ */
+
+var pane, view ;
+module("SC.Checkbox", {
+  setup: function() {
+    SC.RunLoop.begin();
+    pane = SC.MainPane.create({
+      childViews: [
+        SC.CheckboxView.extend({
+          layout: { right: 20, bottom: 20, width: 100, height: 23 },
+          title: "First Name",
+          value: YES 
+        })]
+    });
+    pane.append(); // make sure there is a layer...
+    SC.RunLoop.end();
+    
+    view = pane.childViews[0];
+  }, 
+  
+  teardown: function() {
+    pane.remove();
+    pane = view = null ;
+  }
+});
+
+test("renders an input tag with appropriate attributes", function() {
+  equals(view.get('value'), YES, 'precon - value should be YES');
+
+  var q = Q$('input', view.get('layer'));
+  equals(q.attr('type'), 'checkbox', 'should have type=checkbox');
+  equals(q.attr('name'), SC.guidFor(view), 'should have name=view_guid');
+  equals(q.attr('checked'), YES, 'should be checked');
+});
+
+test("should have span with title inside", function() {
+  var q = Q$('span', view.get('layer'));
+  ok(view.get('displayTitle').length>0, 'precond - display title should not be empty');
+  equals(q.text(), view.get('displayTitle'), 'should have display title');
+});
+
+test("changing the title should update the span", function() {
+  var oldDisplayTitle = view.get('displayTitle');
+  SC.RunLoop.begin();
+  view.set('title', 'Last Name');
+  SC.RunLoop.end();
+
+  ok(view.get('displayTitle') !== oldDisplayTitle, 'precond - should have changed display title');
+
+  var q = Q$('span', view.get('layer'));
+  equals(q.text(), view.get('displayTitle'), 'should have display title');
+});
+
+test("isEnabled=NO should add disabled class", function() {
+  SC.RunLoop.begin();
+  view.set('isEnabled', NO);
+  SC.RunLoop.end();
+  
+  ok(view.$().hasClass('disabled'), 'should have disabled class');
+});
+
+
+test("isSelected should alter sel classname and sync with value property", function() {
+
+  // check initial render state
+  ok(view.get('isSelected'), 'isSelected should match value');
+  ok(view.$().hasClass('sel'), 'should have sel class');
+
+  // update value -- make sure isSelected changes.  
+  SC.RunLoop.begin();
+  view.set('value', 0); // make falsy. (but not NO exactly)
+  SC.RunLoop.end();
+  
+  ok(!view.get('isSelected'), 'isSelected should now be NO');
+  ok(!view.$().hasClass('sel'), 'should no longer have sel class');
+  ok(!view.$('input').attr('checked'), 'input should not be checked');
+  
+  // update isSelected -- make sure it edits the value
+  SC.RunLoop.begin();
+  view.set('isSelected', YES);
+  SC.RunLoop.end();
+  
+  ok(view.get('isSelected'), 'isSelected should match value');
+  ok(view.$().hasClass('sel'), 'should have sel class');
+  ok(view.$('input').attr('checked'), 'input should be checked');
+});
+
+test("clicking on the checkbox will change toggle the value", function() {
+
+  ok(view.get('value'), 'precond - value should be YES');
+  view.$('input').get(0).click();
+  ok(!view.get('value'), 'value should now be NO');
+});
+
+
+test("pressing mouseDown and then mouseUp anywhere in the checkbox should toggle the selection", function() {
+
+  var elem = view.get('layer'), input = SC.$('input', elem);
+  
+  SC.Event.trigger(elem, 'mousedown');
+  ok(view.get('isActive'), 'view should be active');
+  ok(view.get('value'), 'value should not change yet');
+  
+  // simulate mouseUp and browser-native change to control
+  SC.Event.trigger(elem,'mouseup');
+  input.attr('checked', NO);
+  SC.Event.trigger(input.get(0),'change');
+  
+  ok(!view.get('isActive'), 'view should no longer be active');
+  ok(!view.get('value'), 'value should change to NO');
+  
+  input = elem = null ;
+});
+
+test("isEnabled=NO should add disabled attr to input", function() {
+  
+  SC.RunLoop.begin();
+  view.set('isEnabled', NO);
+  SC.RunLoop.end();
+  
+  ok(view.$input().attr('disabled'), 'should have disabled attr');
+  
+  ok(view.get('value'), 'precond - value should be true');
+  view.$input().get(0).click();
+  ok(view.get('value'), 'value should not change when clicked');
+});
+
+
+
+
+
+
+
+
+
+
+
+

data/frameworks/sproutcore/frameworks/desktop/tests/views/checkbox/ui.js

@@ -0,0 +1,99 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: �2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same */
+
+htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
+(function() {
+var pane = SC.ControlTestPane.design()
+  .add("basic", SC.CheckboxView, { 
+    value: NO, isEnabled: YES, title: "Hello World" 
+  })
+
+  .add("selected", SC.CheckboxView, { 
+    value: YES, title: "Hello World" 
+  })
+
+  .add("disabled", SC.CheckboxView, { 
+    isEnabled: NO, title: "Hello World" 
+  })
+
+  .add("disabled - selected", SC.CheckboxView, { 
+    isEnabled: NO, value: YES, title: "Hello World" 
+  })
+
+  .add("static layout 1", SC.CheckboxView, {
+    useStaticLayout: YES, 
+    layout: { width: 'auto', right: 'auto' },
+    title: 'Static Layout'
+  })
+
+  .add("static layout 2", SC.CheckboxView, {
+    useStaticLayout: YES, 
+    layout: { width: 'auto', right: 'auto' },
+    title: 'Different Length Title'
+  });
+
+pane.show(); // add a test to show the test pane
+
+// ..........................................................
+// TEST VIEWS
+// 
+module('SC.CheckboxView ui', pane.standardSetup());
+
+test("basic", function() {
+  var view = pane.view('basic');
+  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+  ok(!view.$().hasClass('sel'), 'should not have sel class');
+
+  var input = view.$('input');
+  ok(!input.attr('checked'), 'input should not be checked');
+  ok(!input.attr('disabled'), 'input should not be disabled');
+
+  var label = view.$('span.label');
+  equals(label.text(), 'Hello World', 'should have label');
+});
+
+test("selected", function() {
+  var view = pane.view('selected');
+  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+  ok(view.$().hasClass('sel'), 'should have sel class');
+
+  var input = view.$('input');
+  ok(input.attr('checked'), 'input should be checked');
+  ok(!input.attr('disabled'), 'input should not be disabled');
+
+  var label = view.$('span.label');
+  equals(label.text(), 'Hello World', 'should have label');
+});
+
+test("disabled", function() {
+  var view = pane.view('disabled');
+  ok(view.$().hasClass('disabled'), 'should have disabled class');
+  ok(!view.$().hasClass('sel'), 'should not have sel class');
+
+  var input = view.$('input');
+  ok(!input.attr('checked'), 'input should not be checked');
+  ok(input.attr('disabled'), 'input should be disabled');
+
+  var label = view.$('span.label');
+  equals(label.text(), 'Hello World', 'should have label');
+});
+
+test("disabled - selected", function() {
+  var view = pane.view('disabled - selected');
+  ok(view.$().hasClass('disabled'), 'should have disabled class');
+  ok(view.$().hasClass('sel'), 'should have sel class');
+
+  var input = view.$('input');
+  ok(input.attr('checked'), 'input should be checked');
+  ok(input.attr('disabled'), 'input should be disabled');
+
+  var label = view.$('span.label');
+  equals(label.text(), 'Hello World', 'should have label');
+});
+})();

data/frameworks/sproutcore/frameworks/desktop/tests/views/collection/methods.js

@@ -0,0 +1,10 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same stop start */
+
+module("TODO: Test SC.CollectionView Methods");

data/frameworks/sproutcore/frameworks/desktop/tests/views/collection/selectPreviousItem.js

@@ -0,0 +1,39 @@
+// ========================================================================
+// SC.CollectionView selectPreviousItem Unit Test
+// ========================================================================
+/*globals module test ok isObj equals expects */
+
+var array, collectionView ; // global variables
+
+module("CollectionView selectPreviousItem", {
+	
+	setup: function() {
+		array = [{ item:1 }, { item:2 }, { item:3 }, { item:4 }, { item:5 }] ;
+		collectionView = SC.CollectionView.create({ content: array }) ;
+	}
+	
+}) ;
+
+test("should select previous item stepby numberOfItems", function() {
+
+	// test stepby numberOfItems for selectPreviousItem
+	[1,2,3].map(function(n) {
+		for (var idx = array.length - 1; idx >= 0; idx--) {
+			// set current selection to array idx
+			collectionView.set('selection', [collectionView.get('content').get(idx)]) ;
+			var c = collectionView.get('selection')[0].item;
+			
+			// perform selectPreviousItem with numberOfItems
+			collectionView.selectPreviousItem(false, n) ;
+
+			if (idx >= n) {
+				// idx is >= stepby numberOfItems, a selectPreviousItem will be equal to current idx minus stepby numberOfItems
+				equals(collectionView.selection[0].item, array[idx-n].item, 'selection(%@ of 5) should step back by n(%@) items'.fmt(c,n)) ;
+			} else {
+				// idx is < stepby numberOfItems, a selectPreviousItem will be equal to current idx
+				equals(collectionView.selection[0].item, array[idx].item, 'selection(%@ of 5) should try to step back by n(%@) items'.fmt(c,n)) ;
+			}
+		} ;
+	}) ;
+
+}) ;

data/frameworks/sproutcore/frameworks/desktop/tests/views/disclosure/methods.js

@@ -0,0 +1,10 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same stop start */
+
+module("TODO: Test SC.DisclosureView Methods");

data/frameworks/sproutcore/frameworks/desktop/tests/views/disclosure/ui.js

@@ -0,0 +1,64 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same stop start */
+
+(function() {
+	var pane = SC.ControlTestPane.design()
+		.add("diclosure", SC.DisclosureView, {
+	      value: NO, isEnabled: YES		
+		})
+		.add("selected", SC.DisclosureView, {
+	      value: YES	
+		})
+		.add("disabled", SC.DisclosureView, {
+	      isEnabled: NO
+		})
+		.add("selected - disabled", SC.DisclosureView, {
+	      value: YES, isEnabled: NO
+		});
+	pane.show();
+	
+	module("TODO: Test SC.DisclosureView UI", pane.standardSetup());
+	
+	test("basic", function() {
+		var view = pane.view('diclosure');
+		ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+	    ok(!view.$().hasClass('sel'), 'should not have sel class');
+		ok(!view.get('value'), 'should not be opened');
+	    // ok(!input.attr('checked'), 'input should not be opened');
+	    // ok(!input.attr('disabled'), 'input should not be disabled');
+	  });
+
+	  test("selected", function() {
+	    var view = pane.view('selected');
+	    ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+	    ok(view.$().hasClass('sel'), 'should have sel class');
+		ok(view.get('value'), 'should be opened');
+	    // ok(input.attr('checked'), 'input should be opened');
+	    // ok(!input.attr('disabled'), 'input should not be disabled');
+	  });
+
+	  test("disabled", function() {
+	    var view = pane.view('disabled');
+	    ok(view.$().hasClass('disabled'), 'should have disabled class');
+	    ok(!view.$().hasClass('sel'), 'should not have sel class');
+		ok(!view.get('value'), 'should not be opened');
+	    // ok(!input.attr('checked'), 'input should not be opened');
+	    // ok(input.attr('disabled'), 'input should be disabled');
+	  });
+
+	  test("disabled - selected", function() {
+	    var view = pane.view('selected - disabled');
+	    ok(view.$().hasClass('disabled'), 'should have disabled class');
+	    ok(view.$().hasClass('sel'), 'should have sel class');
+		ok(view.get('value'), 'should be opened');
+	    // ok(input.attr('checked'), 'input should be opened');
+	    // ok(input.attr('disabled'), 'input should be disabled');
+	  });
+
+})();

data/frameworks/sproutcore/frameworks/desktop/tests/views/grid/methods.js

@@ -0,0 +1,10 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same stop start */
+
+module("TODO: Test SC.GridView Methods");

data/frameworks/sproutcore/frameworks/desktop/tests/views/grid/ui.js

@@ -0,0 +1,10 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same stop start */
+
+module("TODO: Test SC.GridView UI");

data/frameworks/sproutcore/frameworks/desktop/tests/views/list/methods.js

@@ -0,0 +1,10 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same stop start */
+
+module("TODO: Test SC.ListView Methods");