sproutit-sproutcore 1.0.0.20090416161445 → 1.0.0.20090720093355

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

@@ -0,0 +1,127 @@
+// ==========================================================================
+// 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)
+// ==========================================================================
+
+/*
+  This test evaluates a plain list with no custom row heights, outlines, 
+  group views or any other non-standard behavior.
+*/
+
+module("SC.ListView - simple list");
+
+// create a fake content array.  Generates a list with whatever length you
+// want of objects with a title based on the index.  Cannot mutate.
+var ContentArray = SC.Object.extend(SC.Array, {
+  
+  length: 0,
+  
+  objectAt: function(idx) {
+    if (idx >= this.get('length')) return undefined;
+    
+    var content = this._content, ret ;
+    if (!content) content = this._content = [];
+    
+    ret = content[idx];
+    if (!ret) {
+      ret = content[idx] = SC.Object.create({ 
+        title: "ContentItem %@".fmt(idx),
+        isDone: (idx % 3)===0,
+        unread: (Math.random() > 0.5) ? Math.floor(Math.random() * 100) : 0
+      });
+    }
+    
+    return ret ;
+  }
+});
+
+var pane = SC.ControlTestPane.design()
+  .add("basic", SC.ScrollView.design({
+    layout: { left: 0, right: 0, top: 0, height: 300 },
+    hasHorizontalScroller: NO,
+    contentView: SC.ListView.design({
+      content: ContentArray.create({ length: 20001 }),
+      contentValueKey: "title",
+      contentCheckboxKey: "isDone",
+      contentUnreadCountKey: "unread",
+      rowHeight: 20
+      
+    })
+  }));
+  
+pane.show(); // add a test to show the test pane
+window.pane = pane ;
+
+function verifyChildViewsMatch(views, set) {
+  var indexes = set.clone();
+  views.forEach(function(view) {
+    var idx = view.contentIndex ;
+    if (indexes.contains(idx)) {
+      ok(YES, "should find childView for contentIndex %@ (nowShowing=%@)".fmt(idx, set));
+    } else {
+      ok(NO, "should NOT find childView for contentIndex %@ (nowShowing=%@)".fmt(idx, set));
+    }
+    indexes.remove(idx);
+  }, this);
+  
+  if (indexes.get('length') === 0) {
+    ok(YES, "all nowShowing indexes should have matching child views");
+  } else {
+    ok(NO, "all nowShowing indexes should have matching child views (indexes not found: %@)".fmt(indexes));
+  }
+}
+
+// ..........................................................
+// BASIC RENDER TESTS
+// 
+
+test("rendering only incremental portion", function() {
+  var listView = pane.view("basic").contentView; 
+  same(listView.get("nowShowing"), SC.IndexSet.create(0, 16), 'nowShowing should be smaller IndexSet');
+  equals(listView.get('childViews').length, listView.get('nowShowing').get('length'), 'should have same number of childViews as nowShowing length');  
+});
+
+test("scrolling by small amount should update incremental rendering", function() {
+  var scrollView = pane.view('basic'),
+      listView   = scrollView.contentView,
+      exp;
+  
+  same(listView.get('nowShowing'), SC.IndexSet.create(0,16), 'precond - nowShowing has incremental range');
+
+  // SCROLL DOWN ONE LINE
+  SC.run(function() {
+    scrollView.scrollTo(0,21);
+  });
+  
+  // top line should have scrolled out of view
+  exp = SC.IndexSet.create(1,16);
+  same(listView.get('nowShowing'), exp, 'nowShowing should change to reflect new clippingFrame');
+
+  verifyChildViewsMatch(listView.childViews, exp);
+
+  // SCROLL DOWN ANOTHER LINE
+  SC.run(function() {
+    scrollView.scrollTo(0,42);
+  });
+  
+  // top line should have scrolled out of view
+  exp = SC.IndexSet.create(2,16);
+  same(listView.get('nowShowing'), exp, 'nowShowing should change to reflect new clippingFrame');
+
+  verifyChildViewsMatch(listView.childViews, exp);
+
+
+  // SCROLL UP ONE LINE
+  SC.run(function() {
+    scrollView.scrollTo(0,21);
+  });
+  
+  // top line should have scrolled out of view
+  exp = SC.IndexSet.create(1,16);
+  same(listView.get('nowShowing'), exp, 'nowShowing should change to reflect new clippingFrame');
+
+  verifyChildViewsMatch(listView.childViews, exp);
+  
+});

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

@@ -94,6 +94,20 @@ var pane = SC.ControlTestPane.design({ height: 32 })
     content: SC.Object.create({ title: "List Item", count: 10 }),
     contentValueKey: "title",
     contentUnreadCountKey:  "count"
+  }))
+  
+  .add("outline - 1", SC.ListItemView.design({ 
+    content: SC.Object.create({ title: "List Item" }),
+    contentValueKey: "title",
+    contentUnreadCountKey:  "count",
+    outlineLevel: 1
+  }))
+  
+  .add("outline - 2", SC.ListItemView.design({ 
+    content: SC.Object.create({ title: "List Item" }),
+    contentValueKey: "title",
+    contentUnreadCountKey:  "count",
+    outlineLevel: 2
   })) ;
 
 pane.show();
@@ -110,7 +124,6 @@ window.pane = pane ;
 function basic(view, sel, disabled) {
   var cq = view.$();
   ok(cq.hasClass('sc-list-item-view'), 'should have sc-list-item-view class');
-  ok(cq.hasClass('sc-collection-item'), 'should have sc-collection-item class');
   
   equals(cq.hasClass('sel'), !!sel, 'expect sel class');
   equals(cq.hasClass('disabled'), !!disabled, 'expect disabled class');
@@ -218,6 +231,22 @@ test('count', function() {
   count(pane.view('count - 10'), 10);
 });
 
+test("outline - 1", function() {
+  var v = pane.view('outline - 1'),
+      indent = v.get('outlineIndent');
+  ok(indent>0, 'precond - outlineIndent property should be > 0 (actual: %@)'.fmt(indent));
+  
+  equals(v.$('.sc-outline').css('left'), indent*1+16 + "px", 'sc-outline div should be offset by outline ammount');
+});
+
+test("outline - 2", function() {
+  var v = pane.view('outline - 2'),
+      indent = v.get('outlineIndent');
+  ok(indent>0, 'precond - outlineIndent property should be > 0 (actual: %@)'.fmt(indent));
+  
+  equals(v.$('.sc-outline').css('left'), indent*2+16 + "px", 'sc-outline div should be offset by outline ammount');
+});
+
 // ..........................................................
 // EDITING CONTENT
 // 

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

@@ -14,24 +14,24 @@ var pane = SC.ControlTestPane.design({ width:200,height: 32 })
     content: SC.Object.create({ 
       icon: "sc-icon-folder-16",
       title1: "List Item 1",
-      checkbox:YES,
-      shortcut:"Text",
-      keyEquivalent:"alt_shift_z"
+      checkbox: YES,
+      shortcut: "Text",
+      keyEquivalent: "alt_shift_z"
    }),
   isAnOption: YES,
   contentValueKey: "title1",
-  contentIconKey:  "icon",
+  contentIconKey: "icon",
   shortCutKey: "shortcut",
-  contentCheckboxKey:"checkbox",
-  keyEquivalent:"shift_>",
+  contentCheckboxKey: "checkbox",
+  keyEquivalent: "shift_>",
   action: method,
-  isEnabled:NO
+  isEnabled: NO
     // contentIsBranchKey: 'branch'
   }))
   
   .add("disabled menu item with no content", SC.MenuItemView.design({ 
     content: SC.Object.create(),
-    isSeperator: YES,
+    isSeparator: YES,
     isEnabled: NO
   }));
  

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

@@ -80,7 +80,7 @@ test("basic", function() {
   ok(view.$('.sc-inner-head'), 'should have sc-inner-head class');
   ok(view.$('.sc-inner-tail'), 'should have sc-inner-tail class');
   equals(view.$('.sc-inner').css("width"), "25%", 'width should be 25%');
-  equals(view.$('.sc-inner').width(), 78, 'pixel width ');
+  equals(view.$('.sc-inner').width(), 84, 'pixel width ');
   
 });
 
@@ -113,7 +113,7 @@ test("basic value 100", function() {
   ok(!view.$().hasClass('disabled'), 'should NOT have disabled class');
   ok(view.$('.sc-inner'), 'should have sc-inner class');
   equals(view.$('.sc-inner').css("width"), "100%", 'width should be 100%');
-  equals(view.$('.sc-inner').width(), 314, 'pixel width ');
+  equals(view.$('.sc-inner').width(), 338, 'pixel width ');
   
 });
 
@@ -124,7 +124,7 @@ test("basic max 50", function() {
   ok(!view.$().hasClass('disabled'), 'should NOT have disabled class');
   ok(view.$('.sc-inner'), 'should have sc-inner class');
   equals(view.$('.sc-inner').css("width"), "50%", 'width should be 50%');
-  equals(view.$('.sc-inner').width(), 157, 'pixel width ');
+  equals(view.$('.sc-inner').width(), 169, 'pixel width ');
   
 });
 
@@ -140,13 +140,13 @@ test("changing value from empty -> value", function() {
   view.set('value', 50);
   SC.RunLoop.end();
   equals(view.$('.sc-inner').css("width"), "50%", 'width should be 50%');
-  equals(view.$('.sc-inner').width(), 157, 'pixel width ');
+  equals(view.$('.sc-inner').width(), 169, 'pixel width ');
 });
 
 test("changing value from full -> empty", function() {
   var view = pane.view('progress basic value 100');
   
-  equals(view.$('.sc-inner').width(), 314, 'precon - pixel width should be 316');
+  equals(view.$('.sc-inner').width(), 338, 'precon - pixel width should be 316');
   SC.RunLoop.begin();
   view.set('value', 0);
   SC.RunLoop.end();
@@ -162,7 +162,7 @@ test("changing value from full -> negative number", function() {
   view.set('value', 100);
   SC.RunLoop.end();
   
-  equals(view.$('.sc-inner').width(), 314, 'precon - pixel width should be 316');
+  equals(view.$('.sc-inner').width(), 338, 'precon - pixel width should be 338');
   SC.RunLoop.begin();
   view.set('value', -10);
   SC.RunLoop.end();
@@ -173,12 +173,12 @@ test("changing value from full -> negative number", function() {
 test("changing value to over maximum", function() {
   var view = pane.view('progress basic');
   
-  equals(view.$('.sc-inner').width(), 78, 'precon - pixel width should be 79');
+  equals(view.$('.sc-inner').width(), 84, 'precon - pixel width should be 84');
   SC.RunLoop.begin();
   view.set('value', 110);
   SC.RunLoop.end();
   equals(view.$('.sc-inner').css("width"), "100%", 'width should be 100%');
-  equals(view.$('.sc-inner').width(), 314, 'pixel width ');
+  equals(view.$('.sc-inner').width(), 338, 'pixel width ');
 });
 
 test("changing value to a string", function() {
@@ -187,7 +187,7 @@ test("changing value to a string", function() {
   SC.RunLoop.begin();
   view.set('value', 25);
   SC.RunLoop.end();
-  equals(view.$('.sc-inner').width(), 78, 'precon - pixel width should be 79');
+  equals(view.$('.sc-inner').width(), 84, 'precon - pixel width should be 84');
   SC.RunLoop.begin();
   view.set('value', 'aString');
   SC.RunLoop.end();

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

@@ -6,7 +6,7 @@
 // ==========================================================================
 
 /*global module test htmlbody ok equals same stop start */
-var pane, view, view1 ;
+var pane, view, view1, view2 ;
 module("SC.ScrollerView",{
   setup: function() {
     SC.RunLoop.begin();
@@ -20,13 +20,20 @@ module("SC.ScrollerView",{
 		  isEnabled:NO,
 		  value:15,
 		  layoutDirection: SC.LAYOUT_HORIZONTAL
+		}),
+		SC.ScrollerView.extend({	
+      layout:{ top: 0, bottom: 0, right: 0, width: 20 },	     
+		  minimum:0,
+		  maximum:100,
 		})
+
 	  ]	
 	});
 	pane.append(); // make sure there is a layer...
 	SC.RunLoop.end();	
 	view = pane.childViews[0];
 	view1= pane.childViews[1];
+  view2= pane.childViews[2];
   },
 
   teardown: function() {
@@ -37,11 +44,13 @@ module("SC.ScrollerView",{
 
 test("listing the displayProperties",function(){
   var obj = view.get('displayProperties');
-  equals(4,obj.length,'the number of dispay properties');
-  equals('value',obj[0],'the offset value property');
-  equals('minimum',obj[1],'the minimum offset value property');
-  equals('maximum',obj[2],'the maximum offset value property');	
-  equals('isEnabled',obj[3],'the isEnabled offset value property');	  
+  equals(obj.length, 5,'the number of display properties');
+  equals(obj[0],'isFirstResponder','the offset value property');
+  equals(obj[1],'isVisible','the isVisible value property');
+  equals(obj[2],'minimum','the minimum value property');	  
+  equals(obj[3],'maximum','the maximum value property');	  
+  equals(obj[4],'isEnabled','the isEnabled offset value property');	  
+
 });
 
 test("testing properties of a scrollerview", function(){
@@ -61,3 +70,33 @@ test("ownerScrollValueKey() function of the scroller view",function(){
   equals('horizontalScrollOffset',view1.ownerScrollValueKey(),'should have a vertical scroll offset');
 });
 
+test("Setting the scroller to a specific value", function() {
+
+  // should be testing against the layer.scrollTop property
+  view2.set('value', 10);
+  equals(view2._sc_scrollValue, 10, "After setting the value to the 10 on a vertical scroller, the scrollTop property of the layer must be");
+  view2.set('value', 0);
+  equals(view2._sc_scrollValue, 0, "After setting the value to the mimumum (0) on a vertical scroller, the scrollTop property of the layer must be");
+	view2.set('value', 100);
+  equals(view2._sc_scrollValue, 100, "After setting the value to the maximum (100) on a vertical scroller, the scrollTop property of the layer must be");
+	view2.set('value', -1);
+  equals(view2._sc_scrollValue, 0, "After setting the value < minimum (-1) on a vertical scroller, the scrollTop property of the layer must be");
+	view2.set('value', 101);
+  equals(view2._sc_scrollValue, 100, "After setting the value > maximum (101) on a vertical scroller, the scrollTop property of the layer must be");
+
+  // should be testing against the layer.scrollLeft property
+  view2.set('layoutDirection', SC.LAYOUT_HORIZONTAL);   
+  view2.set('value', 10);
+  equals(view2._sc_scrollValue, 10, "After setting the value to 10 on a horizontal scroller, the scrollTop property of the layer must be");
+	view2.set('value', 0);
+  equals(view2._sc_scrollValue, 0, "After setting the value to the mimumum (0) on a horizontal scroller, the scrollTop property of the layer must be");
+	view2.set('value', 100);
+  equals(view2._sc_scrollValue, 100, "After setting the value to the maximum (100) on a horizontal scroller, the scrollTop property of the layer must be");
+	view2.set('value', -1);
+  equals(view2._sc_scrollValue, 0, "After setting the value < minimum (-1) on a horizontal scroller, the scrollTop property of the layer must be");
+	view2.set('value', 101);
+  equals(view2._sc_scrollValue, 100, "After setting the value > maximum (101) on a horizontal scroller, the scrollTop property of the layer must be");
+
+});
+
+// JP: TODO : This unit test have to be completed. This test are not really testing much.

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

@@ -51,7 +51,8 @@ test("Check that properties are mapped correctly", function() {
     equals(items[0][2], true, 'Computed properties should match');
     equals(items[0][3], iconURL, 'Computed properties should match');
     equals(items[0][4], null, 'Computed properties should match');
-    equals(items[0][5], 0, 'Computed properties should match');
+    equals(items[0][5], null, 'Computed properties should match');
+    equals(items[0][6], 0, 'Computed properties should match');
     var elem = view.get('layer').childNodes[0];
 
     SC.Event.trigger(elem, 'mousedown');

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

@@ -34,7 +34,15 @@ htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
       value: "Item2",
       layout: { height: 25 }
     })
-    
+    .add("2_items,toolTip", SC.SegmentedView, { 
+      items: [
+      { value: "title1", toolTip: "this is title1's tip" },
+      { value: "title2", toolTip: "this is title2's tip" }],
+      itemTitleKey: 'value',
+      itemValueKey: 'value',
+      itemToolTipKey: 'toolTip',
+      layout: { height: 25 }
+    })
     .add("3_items,1_sel,disabled", SC.SegmentedView, { 
       items: "Item1 Item2 Item3".w(),
       value: "Item2",
@@ -115,6 +123,7 @@ htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
     ok(pane.view('3_empty').get('isVisibleInWindow'), '3_empty.isVisibleInWindow should be YES');
     ok(pane.view('3_empty,icon').get('isVisibleInWindow'), '3_empty,icon.isVisibleInWindow should be YES');
     ok(pane.view('3_items,1_sel').get('isVisibleInWindow'), '3_items,1_sel.isVisibleInWindow should be YES');
+    ok(pane.view('2_items,toolTip').get('isVisibleInWindow'), '2_items,toolTip.isVisibleInWindow should be YES');
     ok(pane.view('3_items,1_sel,disabled').get('isVisibleInWindow'), '3_items,1_sel,disabled.isVisibleInWindow should be YES');
     ok(pane.view('3_items,icon,2_sel').get('isVisibleInWindow'), '3_items,icon,2_sel.isVisibleInWindow should be YES');
     ok(pane.view('3_items,2_sel,disabled').get('isVisibleInWindow'), '3_items,2_sel,disabled.isVisibleInWindow should be YES');
@@ -203,4 +212,11 @@ htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
 
   });
   
+  
+  test("2_items,toolTip has toolTips assigned.", function() {
+    var segments=pane.view('2_items,toolTip').$('a');
+    ok((segments[0].title=="this is title1's tip"), 'first segment has expected tool tip assigned.');
+    ok((segments[1].title=="this is title2's tip"), 'second segment has expected tool tip assigned.');
+  });
+  
 })();

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

@@ -8,39 +8,40 @@
 /*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],
+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' }
+    })
+  .add("redraw", SC.SelectFieldView, { 
     useStaticLayout: YES, 
     layout: { width: '150', right: '0' }
   });
 
-
-pane.show(); // add a test to show the test pane
-
 // ..........................................................
 // TEST VIEWS
 // 
@@ -81,5 +82,19 @@ test("Width 150 Right 0", function() {
   ok(!view.$().hasClass('sel'), 'should not have sel class');
 });
 
+test("Check that by setting the value the selection actually changes", function() {  
+  var view = pane.view('Width 150 Right 0');
+  SC.RunLoop.begin();
+  view.set('value',2);
+  SC.RunLoop.end();
+  equals(view.getFieldValue(), 2, 'the field value should change to 2');
+});
 
-})();
+test("redraw", function(){
+  var view = pane.view('redraw');
+  ok(view.get('objects').length === 0, "objects should be empty");
+  SC.RunLoop.begin();
+  view.set('objects', [1,6,11,2,8]);
+  SC.RunLoop.end();
+  ok(view.$('option').length === 5, "options length should be 5");
+});