sproutit-sproutcore 1.0.0.20090407205609 → 1.0.0.20090408130025

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

@@ -0,0 +1,85 @@
+// ==========================================================================
+// 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 */
+
+htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
+(function() {
+var pane = SC.ControlTestPane.design()
+  .add("basic", SC.SelectFieldView, { 
+     objects:["1","2","3","4","5"]
+  })
+
+  .add("disabled", SC.SelectFieldView, { 
+    isEnabled: NO, objects:["1","2","3","4","5"]
+  })
+
+  .add("Not Selected", SC.SelectFieldView, { 
+    isSelected: NO, objects:["1","2","3","4","5"]
+  })
+
+  .add("Not Visible", SC.SelectFieldView, { 
+    isVisible: NO, objects:["1","2","3","4","5"]
+  })
+
+  .add("sortedStringOptions", SC.SelectFieldView, { 
+    objects:["Apple","Sproutcore 1.0","Development","Charles"],
+	useStaticLayout: YES, 
+    layout: { width: 'auto', right: 'auto' }
+  })
+
+  .add("Width 150 Right 0", SC.SelectFieldView, { 
+    objects: [1,6,11,2,8],
+    useStaticLayout: YES, 
+    layout: { width: '150', right: '0' }
+  });
+
+
+pane.show(); // add a test to show the test pane
+
+// ..........................................................
+// TEST VIEWS
+// 
+
+module('SC.SelectFieldView 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');
+});
+
+test("disabled", function() {
+  var view = pane.view('disabled');
+  ok(view.$().hasClass('disabled'), 'should have disabled class');
+});
+
+test("Not Selected", function() {
+  var view = pane.view('Not Selected');
+  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+  ok(!view.$().hasClass('sel'), 'should not have sel class');
+});
+
+test("Not Visible", function() {
+  var view = pane.view('Not Visible');
+  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+  ok(!view.$().hasClass('sel'), 'should not have sel class');
+});
+
+test("sortedStringOptions", function() {
+   var view = pane.view('sortedStringOptions');
+   equals(null,view.get('sortKey'), 'sortkey not specified');
+});
+
+test("Width 150 Right 0", function() {  
+  var view = pane.view('Width 150 Right 0');
+  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+  ok(!view.$().hasClass('sel'), 'should not have sel class');
+});
+
+
+})();

data/frameworks/sproutcore/frameworks/desktop/tests/views/separator.js

@@ -0,0 +1,37 @@
+// ==========================================================================
+// 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 */
+
+htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
+
+(function() {
+  var pane = SC.ControlTestPane.design()
+  .add("horizontal", SC.SeparatorView, { 
+    layoutDirection: SC.LAYOUT_HORIZONTAL
+  })
+  .add("vertical", SC.SeparatorView, { 
+    layoutDirection: SC.LAYOUT_VERTICAL
+  });   
+  pane.show(); 
+
+module("TODO: Test SC.Separator UI", pane.standardSetup());
+
+  test("basic", function() {
+    var view = pane.view('horizontal');
+    ok(!view.$().hasClass('vertical'), 'should not be vertically divided');
+    equals(view.get('layoutDirection'),SC.LAYOUT_HORIZONTAL,"the view is divided horizontally");
+    view = pane.view('vertical');
+    ok(!view.$().hasClass('horizontal'), 'should not be horizontally divided');
+    equals(view.get('layoutDirection'),SC.LAYOUT_VERTICAL,"the view is divided vertically");	
+  });
+  
+  test("renders a component with a span tag",function(){
+	var view = pane.view('horizontal');
+	equals(view.get('tagName'), 'span', 'creates a pan tag');
+  });
+})();

data/frameworks/sproutcore/frameworks/desktop/tests/views/source_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.SourceListView Methods");

data/frameworks/sproutcore/frameworks/desktop/tests/views/source_list/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.SourceListView UI");

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

@@ -0,0 +1,50 @@
+// ==========================================================================
+// 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 */
+
+var pane, view ;
+
+module("SC.SplitView",{
+  setup: function() {
+    SC.RunLoop.begin();
+	pane = SC.MainPane.create({
+	  childViews: [ SC.SplitView.extend() ]
+	});
+	pane.append(); // make sure there is a layer...	    
+	SC.RunLoop.end();
+	
+	view = pane.childViews[0];
+  },
+    	
+  teardown: function() {
+    pane.remove();
+    pane = view = null ;
+  }		
+});
+
+test("the views are collapsible", function() {
+	equals(YES,view.canCollapseView(view.get('topLeftView')),'the top left view is collapsable');
+	equals(YES,view.canCollapseView(view.get('bottomRightView')),'the bottom right view is collapsable');	
+	equals(YES,view.splitViewCanCollapse(view,view.get('topLeftView')),'should return true');
+	view.set('canCollapseViews','NO');
+});
+
+test("the thickness of the views",function(){
+	ok(view.thicknessForView(view.get('topLeftView')),'thickness of the topLeftView');
+	ok(view.thicknessForView(view.get('bottomRightView')),'thickness of the bottomRightView');
+});
+
+// 
+// test("performing the mouse up event", function() {
+// 	var elem = thumb.get('layer');
+// 	SC.Event.trigger(elem, 'mouseUp');
+// });
+
+// 	
+// module("TODO: Test SC.SplitDividerView Methods");
+// module("TODO: Test SC.ThumbView Methods");

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

@@ -0,0 +1,52 @@
+// ==========================================================================
+// 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 */
+
+htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
+
+(function() {
+  var pane = SC.ControlTestPane.design()
+    .add("horizontal", SC.SplitView, { 
+	  layout: { right: 20, bottom: 20, width: 100, height: 23 },
+      layoutDirection: SC.LAYOUT_HORIZONTAL,canCollapseViews: NO
+    })
+  
+    .add("vertical", SC.SplitView, { 
+      layoutDirection: SC.LAYOUT_VERTICAL,canCollapseViews: NO
+    })
+  	.add("collapsable", SC.SplitView, { 
+      layoutDirection: SC.LAYOUT_HORIZONTAL,canCollapseViews: YES
+    });
+      
+  pane.show(); // add a test to show the test pane
+
+  // ..........................................................
+  // TEST VIEWS
+  // 
+  module('SC.SplitView ui', pane.standardSetup());
+
+  test("Horizontal and Vertical SplitView", function() {
+  	var view = pane.view('horizontal');
+    ok(!view.$().hasClass('vertical'), 'should not be vertically divided');
+    ok(!view.$().hasClass('collapsable'), 'should not be collapsable');
+    equals(view.get('layoutDirection'),SC.LAYOUT_HORIZONTAL,"the view is divided horizontally");
+    view = pane.view('vertical');
+    ok(!view.$().hasClass('horizontal'), 'should not be horizontally divided');
+	ok(!view.$().hasClass('collapsable'), 'should not be collapsable');
+	equals(view.get('layoutDirection'),SC.LAYOUT_VERTICAL,"the view is divided vertically");
+  });
+
+  test("can collapse split view", function() {
+	var view = pane.view('collapsable');
+    ok(!view.$().hasClass('vertical'), 'should not be have vertical class');
+	equals(view.get('layoutDirection'),SC.LAYOUT_HORIZONTAL);
+	equals(view.get('canCollapseViews'),YES,"the view should be collapsable");
+  });		
+ })();
+
+

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

@@ -0,0 +1,54 @@
+// ==========================================================================
+// 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 */
+
+var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
+
+module("SC.TabView", {
+  setup: function() {
+    SC.RunLoop.begin();
+    pane = SC.MainPane.create({
+      childViews: [
+        SC.TabView.extend({
+          nowShowing: 'tab2',
+
+          items: [
+            { title: "tab1", value: "tab1" , icon: iconURL},
+            { title: "tab2", value: "tab2" , icon: iconURL},
+            { title: "tab3", value: "tab3" , icon: iconURL}
+          ],
+
+          itemTitleKey: 'title',
+          itemValueKey: 'value',
+          itemIconKey: 'icon',
+          layout: { left:12, height: 200, right:12, top:12 }
+          
+        })]
+    });
+    pane.append(); // make sure there is a layer...
+    SC.RunLoop.end();
+    
+    view = pane.childViews[0];
+  }, 
+  
+  teardown: function() {
+    pane.remove();
+    pane = view = null ;
+  }
+});
+
+test("Check that all segmentedViews are visible", function() {
+   ok(true, 'hello');
+ });
+
+
+//_tab_nowShowingDidChange: function() {
+
+//_tab_saveUserDefault: function() {
+
+//_tab_itemsDidChange: function() {

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

@@ -0,0 +1,88 @@
+// ==========================================================================
+// 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 */
+
+
+htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
+
+(function() {
+  var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
+  
+  var pane = SC.ControlTestPane.design()
+    
+    .add("tabView1", SC.TabView, { 
+      nowShowing: 'tab2',
+
+      items: [
+        { title: "tab1", value: "tab1" , icon: iconURL},
+        { title: "tab2", value: "tab2" , icon: iconURL},
+        { title: "tab3", value: "tab3" , icon: iconURL}
+      ],
+      
+      itemTitleKey: 'title',
+      itemValueKey: 'value',
+      itemIconKey: 'icon',
+      layout: { left:12, height: 200, right:12, top:12 }
+      
+  })
+  
+  .add("tabView2", SC.TabView, { 
+    nowShowing: 'tab3',
+
+    items: [
+      { title: "tab1", value: "tab1" },
+      { title: "tab2", value: "tab2" },
+      { title: "tab3", value: "tab3" }
+    ],
+    
+    itemTitleKey: 'title',
+    itemValueKey: 'value',
+    layout: { left:12, height: 200, right:12, top:12 }
+    
+    })
+    .add("tabView3", SC.TabView, { 
+      
+      items: [
+        { title: "tab1", value: "tab1" },
+        { title: "tab2", value: "tab2" },
+        { title: "tab3", value: "tab3" }
+      ],
+      
+      itemTitleKey: 'title',
+      itemValueKey: 'value',
+      layout: { left:12, height: 200, right:12, top:12}
+    });
+    
+  pane.show(); // add a test to show the test pane
+
+  // ..........................................................
+  // TEST VIEWS
+  // 
+  module('SC.TabView ui', pane.standardSetup());
+  
+  test("Check that all tabViews are visible", function() {
+    ok(pane.view('tabView1').get('isVisibleInWindow'), 'tabView1.isVisibleInWindow should be YES');
+    ok(pane.view('tabView2').get('isVisibleInWindow'), 'tabView2.isVisibleInWindow should be YES');
+    ok(pane.view('tabView3').get('isVisibleInWindow'), 'tabView3.isVisibleInWindow should be YES');
+   });
+   
+   
+   test("Check that the tabView has the right classes set", function() {
+     var viewElem=pane.view('tabView1').$();
+     var views=pane.view('tabView1').$('div');
+     ok(viewElem.hasClass('sc-view'), 'tabView1.hasClass(sc-view) should be YES');
+     ok(viewElem.hasClass('sc-tab-view'), 'tabView1.hasClass(sc-tab-view) should be YES');
+     ok(views[1].className.indexOf('sc-segmented-view')>=0, 'tabView1 should contain a segmented view');
+     ok(views[0].className.indexOf('sc-container-view')>=0, 'tabView1 should contain a container view');
+     ok(views[1].childNodes.length==3, 'tabView1 should have 3 options');
+     
+
+   });
+  
+
+})();

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

@@ -0,0 +1,76 @@
+// ==========================================================================
+// 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 */
+
+
+// note: need to test interaction with Validators here
+// possibly move Validator support to TextFieldView specifically.
+
+var pane, view ;
+module("SC.TextFieldView",{
+	setup: function() {
+	    SC.RunLoop.begin();
+	    pane = SC.MainPane.create({
+		  childViews: [
+		   SC.TextFieldView.extend({
+			hint:'First Name',
+			value:'',
+			title:'First Name'
+		   }),
+		   SC.TextFieldView.extend({
+			hint:'Name',
+			value:'SproutCore',
+			isEnabled: NO
+		   })]	
+		});
+		pane.append(); // make sure there is a layer...
+	    SC.RunLoop.end();
+	
+		view = pane.childViews[0];
+		view1= pane.childViews[1];
+	},
+	
+	teardown: function() {
+    	pane.remove();
+    	pane = view = null ;
+  	}		
+});
+
+test("renders an text field input tag with appropriate attributes", function() {
+  equals(view.get('value'), '', 'value should be empty');
+  equals(view1.get('value'), 'SproutCore', 'value should not be empty ');
+  equals(view.get('isEnabled'),YES,'field enabled' );	
+  equals(view1.get('isEnabled'),NO,'field not enabled' );
+  var q = Q$('input', view.get('layer'));
+  equals(q.attr('type'), 'text', 'should have type as text');
+  equals(q.attr('name'), SC.guidFor(view), 'should have name as view_guid');
+});
+
+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("isEnabled=NO should add disabled attr to input", function() {
+//   SC.RunLoop.begin();
+//   view1.set('isEnabled', NO);
+//   SC.RunLoop.end();  
+//   ok(view1.$input().attr('disabled'), 'should have disabled attr');  
+//   view1.set('isEditing',YES);
+//   ok(view1.get('value') === 'SproutCore', 'value cannot be changed');
+//   });
+
+test("isEnabled and isEditable mapping", function() {
+  	obj= SC.TextFieldView.create();
+	obj.set('isEnabled',false)
+	equals(obj.get('isEditable'),false);
+	obj.set('isEnabled',true)
+	equals(obj.get('isEditable'),true);
+});

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

@@ -0,0 +1,198 @@
+// ==========================================================================
+// 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("empty", SC.TextFieldView, { 
+    hint: "Full Name", 
+    value: ''
+  })
+  
+  .add("with value", SC.TextFieldView, { 
+    hint: "Full Name", 
+    value: 'John Doe'
+  })
+  
+  .add("disabled - empty", SC.TextFieldView, { 
+    hint: "Full Name", 
+    value: null,
+    isEnabled: NO
+  })
+  
+  .add("disabled - with value", SC.TextFieldView, { 
+    hint: "Full Name", 
+    value: 'John Doe',
+    isEnabled: NO
+  });
+    
+pane.show(); // add a test to show the test pane
+
+// ..........................................................
+// VERIFY STANDARD STATES
+// 
+pane.verifyEmpty = function verifyEmpty(view, expectedHint) {
+  var input = view.$('input');
+  var layer = view.$();
+  
+  ok(!layer.hasClass('not-empty'), 'layer should not have not-empty class');
+  equals(input.val(), '', 'input should have empty value');
+  
+  if (expectedHint) {
+    var hint = view.$('.sc-hint');
+    equals(hint.length, 1, 'should have a hint span');
+    equals(hint.text(), expectedHint, 'hint span should have expected hint');
+  }
+};
+
+pane.verifyNotEmpty = function verifyNotEmpty(view, expectedValue, expectedHint) {
+  var input = view.$('input');
+  var layer = view.$();
+  
+  ok(layer.hasClass('not-empty'), 'layer should have not-empty class');
+  equals(input.val(), expectedValue, 'input should have value');
+  
+  if (expectedHint) {
+    var hint = view.$('.sc-hint');
+    equals(hint.length, 1, 'should have a hint span');
+    equals(hint.text(), expectedHint, 'hint span should have expected hint');
+  }
+};
+
+pane.verifyDisabled = function verifyDisabled(view, isDisabled) {
+  var layer = view.$();
+  var input = view.$('input');
+  
+  if (isDisabled) {
+    ok(layer.hasClass('disabled'), 'layer should have disabled class');
+    ok(input.attr('disabled'), 'input should have disabled attr');
+  } else {
+    ok(!layer.hasClass('disabled'), 'layer should not have disabled class');
+    ok(!input.attr('disabled'), 'input should not have disabled attr');
+  }
+};
+
+
+// ..........................................................
+// TEST INITIAL STATES
+// 
+
+module('SC.TextFieldView ui', pane.standardSetup());
+
+test("empty", function() {
+   var view = pane.view('empty');
+   pane.verifyEmpty(view, 'Full Name');
+   pane.verifyDisabled(view, NO);
+});
+
+test("with value", function() {
+  var view = pane.view('with value');
+  pane.verifyNotEmpty(view, 'John Doe', 'Full Name');
+  pane.verifyDisabled(view, NO);
+});
+
+test("disabled - empty", function() {
+  var view = pane.view('disabled - empty');
+  pane.verifyEmpty(view, 'Full Name');
+  pane.verifyDisabled(view, YES);
+});
+
+test("disabled - with value", function() {
+  var view = pane.view('disabled - with value');
+  pane.verifyNotEmpty(view, 'John Doe', 'Full Name');
+  pane.verifyDisabled(view, YES);
+});
+
+// ..........................................................
+// TEST CHANGING VIEWS
+// 
+
+test("changing value from empty -> value", function() {
+  var view = pane.view('empty');
+  
+  // test changing value updates like it should
+  SC.RunLoop.begin();
+  view.set('value', 'John Doe');
+  SC.RunLoop.end();
+  pane.verifyNotEmpty(view, 'John Doe', 'Full Name');
+});
+
+test("disabling view", function() {  
+  var view = pane.view('empty');
+
+  // test changing enabled state updates like it should
+  SC.RunLoop.begin();
+  view.set('isEnabled', NO);
+  SC.RunLoop.end();
+  pane.verifyDisabled(view, YES);
+});
+
+test("changing value to null", function() {
+  var view = pane.view('with value');
+
+  // test changing value updates like it should
+  SC.RunLoop.begin();
+  view.set('value', null);
+  SC.RunLoop.end();
+  equals(view.get('fieldValue'), null, 'should have empty fieldValue');
+  pane.verifyEmpty(view, 'Full Name');
+});
+
+test("enabling disabled view", function() {
+  var view = pane.view('disabled - empty');
+
+  // test changing enabled state updates like it should
+  SC.RunLoop.begin();
+  view.set('isEnabled', YES);
+  SC.RunLoop.end();
+  pane.verifyDisabled(view, NO);
+});
+
+
+// ..........................................................
+// TEST EVENTS
+// 
+
+test("focus and blurring text field", function() {
+  var view = pane.view('empty');
+  var input = view.$('input');
+  
+  // attempt to focus...
+  SC.Event.trigger(input, 'focus');
+  
+  // verify editing state changed...
+  ok(view.get('isEditing'), 'view.isEditing should be YES');
+  ok(view.$().hasClass('focus'), 'view layer should have focus class');
+  
+  // simulate typing a letter
+  SC.Event.trigger(input, 'keydown');
+  SC.Event.trigger(input, 'keyup');
+  input.val('f');
+  SC.Event.trigger(input, 'change');
+  
+  // wait a little bit to let text field propograte changes
+  stop();
+  
+  setTimeout(function() {
+    start();
+    
+    equals(view.get('value'), 'f', 'view should have new value');
+    ok(view.$().hasClass('not-empty'), 'should have not-empty class');
+
+    // attempt to blur...
+    SC.Event.trigger(input, 'blur');
+
+    // verify editing state changed...
+    ok(!view.get('isEditing'), 'view.isEditing should be NO');
+    ok(!view.$().hasClass('focus'), 'view layer should NOT have focus class');
+  }, 100);  
+  
+});
+})();
+
+
+

data/frameworks/sproutcore/frameworks/desktop/tests/views/web/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.WebView Methods");