sproutcore 1.0.1046 → 1.0.1049.pre.1

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

@@ -0,0 +1,90 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple Inc.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same stop start */
+var pane, view, view1, view2 ;
+module("SC.ScrollerView",{
+  setup: function() {
+    SC.RunLoop.begin();
+	pane = SC.MainPane.create({
+	  childViews: [
+	    SC.ScrollerView.extend({
+		}),
+		SC.ScrollerView.extend({
+		  minimum:10,
+		  maximum:100,
+		  isEnabled:NO,
+		  layoutDirection: SC.LAYOUT_HORIZONTAL
+		}),
+		SC.ScrollerView.extend({
+      layout:{ top: 0, bottom: 0, right: 0, width: 20 },
+		  minimum:0,
+		  maximum:100,
+		  hasButtons: NO
+		})
+
+	  ]
+	});
+	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() {
+   	pane.remove();
+   	pane = view = null ;
+  }
+});
+
+test('value', function() {
+  equals(view1.get('maximum'), 100, 'precond - view has maximum of 100');
+  equals(view1.get('minimum'), 10, 'precond - view has a minimum of 10');
+  view1.set('value', 300);
+  equals(view1.get('value'), view1.get('maximum'), 'value is set to maximum if attempting to set higher than maximum');
+  view1.set('maximum', 50);
+  equals(view1.get('value'), view1.get('maximum'), 'value should change if maximum changes');
+  view1.set('value', 0);
+  equals(view1.get('value'), view1.get('minimum'), 'value is set to minimum if attempt to set lower than minimum');
+  view1.set('minimum', 15);
+  equals(view1.get('value'), view1.get('minimum'), 'value should change if minimum changes');
+});
+
+test('isEnabled', function() {
+  ok(!view.$().hasClass('disabled'), 'scrollers should be enabled by default');
+  view.set('isEnabled', NO);
+  SC.RunLoop.begin().end();
+  ok(view.$().hasClass('disabled'), 'scrollers should have disabled class set if isEnabled is set to NO');
+
+  var layer = view.$('.button-down'),
+      evt = SC.Event.simulateEvent(layer, 'mousedown'),
+      scrollerHeight = view.get('frame').height;
+
+  view.set('maximum', scrollerHeight+100);
+  view.set('value', 500);
+  SC.Event.trigger(layer, 'mousedown', [evt]);
+  equals(view.get('value'), 500, 'scrollers should not respond to mouse events if they are disabled');
+  view.set('isEnabled', YES);
+  SC.Event.trigger(layer, 'mousedown', [evt]);
+  ok(view.get('value') < (scrollerHeight+100), 'scrollers should respond to mouse events if they are not disabled');
+});
+
+test('layoutDirection', function() {
+  equals(view.get('layoutDirection'), SC.LAYOUT_VERTICAL, 'scrollers should default to vertical direction');
+  ok(view.$().hasClass('sc-vertical'), 'scroller with vertical layoutDirection has sc-vertical class name');
+  equals(view1.get('layoutDirection'), SC.LAYOUT_HORIZONTAL, 'precond - view1 has horizontal direction');
+  ok(view1.$().hasClass('sc-horizontal'), 'scroller with horizontal layoutDirection has sc-horizontal class name');
+});
+
+test('hasButtons', function() {
+  equals(view.get('hasButtons'), YES, 'scrollers should default to having buttons');
+  equals(view.$('.endcap').length, 0, 'scrollers with buttons should not have an endcap');
+  equals(view.$('.button-bottom, .button-top').length, 2, 'scrollers with buttons should have an up and a down button');
+  equals(view2.$('.endcap').length, 1, 'scrollers with buttons should have an endcap');
+  equals(view2.$('.button-bottom, .button-top').length, 0, 'scrollers with buttons should not have an up or a down button');  
+});

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

@@ -2,7 +2,7 @@
 // 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)
+// License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
 /*global module test htmlbody ok equals same stop start */
@@ -46,13 +46,13 @@ test("Check that properties are mapped correctly", function() {
     SC.RunLoop.end();
     equals(view.get('value'), "Item2", "the second item should be selected.");
     var items=view.displayItems();
-    equals(items[0][0], "Item1", 'Computed properties should match');
-    equals(items[0][1], "Item1", 'Computed properties should match');
-    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], null, 'Computed properties should match');
-    equals(items[0][6], 0, 'Computed properties should match');
+    equals(items[0].title, "Item1", 'Computed properties should match');
+    equals(items[0].value, "Item1", 'Computed properties should match');
+    equals(items[0].isEnabled, true, 'Computed properties should match');
+    equals(items[0].icon, iconURL, 'Computed properties should match');
+    equals(items[0].width, null, 'Computed properties should match');
+    equals(items[0].toolTip, null, 'Computed properties should match');
+    equals(items[0].index, 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

@@ -2,18 +2,18 @@
 // 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)
+// License:   Licensed 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>');
-
+var pane;
 (function() {
   var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
   
-  var pane = SC.ControlTestPane.design()
+  pane = SC.ControlTestPane.design()
     
     .add("3_empty", SC.SegmentedView, { 
       items: [ '', '' , ''],
@@ -139,6 +139,7 @@ htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
   test("Check that all segments have the right classes set", function() {
     var viewElem=pane.view('3_empty').$();
     var segments=pane.view('3_empty').$('a');
+    equals(segments.length, 3, 'precond - segmented view should have 3 segments');
     ok(viewElem.hasClass('sc-view'), '3_empty.hasClass(sc-view) should be YES');
     ok(viewElem.hasClass('sc-segmented-view'), '3_empty.hasClass(sc-segmented-view) should be YES');
     for (var i=0, ilen=segments.length; i<ilen; i++){
@@ -165,6 +166,7 @@ htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
   test("Check that all segments have the right classes set", function() {
     var viewElem=pane.view('3_empty,icon').$();
     var segments=pane.view('3_empty,icon').$('a');
+    equals(segments.length, 3, 'precond - segmented view should have 3 segments');
     ok(viewElem.hasClass('sc-view'), '3_empty.hasClass(sc-view) should be YES');
     ok(viewElem.hasClass('sc-segmented-view'), '3_empty.hasClass(sc-segmented-view) should be YES');
     for (var i=0, ilen=segments.length; i<ilen; i++){
@@ -191,6 +193,7 @@ htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
   
   test("Check that the selected segments have the right classes assigned.", function() {
     var segments=pane.view('3_empty').$('a');
+    equals(segments.length, 3, 'precond - segmented view should have 3 segments');
     for (var i=0, ilen=segments.length; i<ilen; i++){
       var seg=segments[i];
       ok((seg.className.indexOf('sel')==-1), 'this element should not be selected.');
@@ -202,13 +205,14 @@ htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
   test("Check that two items are selected.", function() {
     var segments=pane.view('3_items,icon,2_sel').$('a');
     var count=0;
+    equals(segments.length, 3, 'precond - segmented view should have 3 segments');
     for (var i=0, ilen=segments.length; i<ilen; i++){
       var seg=segments[i];
       if(seg.className.indexOf('sel')!=-1){
         count++;
       }
     }
-    ok((count==2), '3_items,2_sel,disabled should have two segments selected.');
+    equals(count, 2, '3_items,2_sel,disabled should have two segments selected.');
 
   });
   

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

@@ -0,0 +1,144 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple Inc.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test htmlbody ok equals same stop start */
+
+var pane, view , view1, view2, view3, view4 ;
+
+module("SC.SelectView",{
+
+  //setup
+  setup: function() {
+    SC.RunLoop.begin();
+    var isDue = NO ;
+
+    //pane
+    pane = SC.MainPane.create({
+      objs : ["Around","The","World"],
+      objs2 : [{ title: "Around", pos: 3},
+        { title: "The", pos: 1},
+        { title: "World", pos: 2 },
+        { title: "Again", pos: 4}],
+      selectedValue: "World",
+      isDue: YES,
+      childViews: [
+
+        //view1
+        SC.SelectView.extend({
+          items: ["To","Back", "You"],
+          disableSort: NO
+        }),
+
+        //view2
+        SC.SelectView.extend({
+          items: ["Drop","Down", "Menu"]
+        }),
+
+        //view3
+        SC.SelectView.extend({
+          itemsBinding: '*owner.objs',
+          valueBinding: '*owner.selectedValue',
+          isVisibleBinding: '*owner.isDue'
+        }),
+
+        //view4
+        SC.SelectView.extend({
+          itemsBinding: '*owner.objs2',
+          valueBinding: '*owner.selectedValue',
+          itemValueKey: 'title',
+          itemTitleKey: 'title',
+          itemSortKey: 'pos'
+        }),
+        
+        //view5
+        SC.SelectView.extend({
+          items: ["My","New", "List"]
+        }),
+        
+        //view6
+        SC.SelectView.extend({
+          items: ["My","New", "List"],
+          customViewClassName: 'custom-menu-item',
+          customViewMenuOffsetWidth: 46
+        })
+      ]
+    });
+
+    view1 = pane.childViews[0] ;
+    view2 = pane.childViews[1] ;
+    view3 = pane.childViews[2] ;
+    view4 = pane.childViews[3] ;
+    view5 = pane.childViews[4] ;
+    view6 = pane.childViews[5] ;
+    
+    pane.append(); // make sure there is a layer...
+    SC.RunLoop.end();
+  },
+
+  //teardown
+  teardown: function() {
+    pane.remove() ;
+    pane = view = null ;
+  }
+});
+
+//test2
+test("Check if valueBinding works", function() {
+  equals('World',view4.get('value'),'Value should be') ;
+});
+
+// the test that was here pretty much tested nothing.
+
+//test5
+test("sortObjects() sorts the items of the Drop Down component", function() {
+  var obj = view1.get("items");
+  obj = view1.sortObjects(obj);
+
+  equals("Back",obj.get(0),'First item should be') ;
+  equals("To",obj.get(1),'Second item should be') ;
+  equals("You",obj.get(2),'Third item should be') ;
+});
+
+// There was an awful test here. I can't even tell what it was supposed to do.
+
+//test7
+test("isEnabled=NO should add disabled class", function() {
+  SC.RunLoop.begin() ;
+  view1.set('isEnabled', NO) ;
+  SC.RunLoop.end() ;
+  ok(view1.$().hasClass('disabled'), 'should have disabled class') ;
+});
+
+// there is NO need to test binding.
+
+// I think this one is probably somewhat pointless as well, but perhaps some
+// buggy observers being called could break it or something...
+test("Check if setting a value actually changes the selection value", function() {
+  SC.RunLoop.begin() ;
+  view2.set('value','Menu') ;
+  SC.RunLoop.end() ;
+
+  equals(view2.get('value'), 'Menu', 'value of Drop down should change to') ;
+}) ;
+
+// No need to test binding (was test10)
+
+//test11
+test("The properties for select button should take default values unless specified", function() {
+  var prop1 = view5.get('customViewClassName');
+  var prop2 = view5.get('customViewMenuOffsetWidth');
+  equals(prop1,null,'Custom view class name should be null');
+  equals(prop2,0,'Custom view menu off set width should be 0');
+});
+
+//test12
+test("The properties for select button should take the specified values", function() {
+  var prop1 = view6.get('customViewClassName');
+  var prop2 = view6.get('customViewMenuOffsetWidth');
+  equals(prop1,'custom-menu-item','Custom view class name should be custom-menu-item');
+  equals(prop2,46,'Custom view menu off set width should be 46');
+});

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

@@ -0,0 +1,216 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple Inc.
+// License:   Licensed 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>');
+
+//control test pane
+var pane = SC.ControlTestPane.design()
+     //sample1
+    .add("Basic", SC.SelectView, {
+       items: ['None', 'Low', 'Medium', 'High']
+    })
+
+    //sample2
+    .add("Disabled", SC.SelectView, {
+       isEnabled: NO, items: ['None', 'Low', 'Medium', 'High']
+    })
+
+    //sample3
+    .add("NotVisible", SC.SelectView, {
+      isVisible: NO, items: ['None', 'Low', 'Medium', 'High']
+    })
+
+    //sample4
+    .add("SortedObjects", SC.SelectView, {
+      items:['None', 'Low', 'Medium', 'High'],
+      disableSort: NO
+    })
+
+    //sample5
+    .add("UnsortedObjects", SC.SelectView, {
+      items: ['None', 'Low', 'Medium', 'High'],
+      disableSort: YES
+    })
+
+    //sample6
+    .add("redraw", SC.SelectView, {
+      layout: { width: '150', right: '0' }
+    })
+
+    //sample7
+    .add("SelectButtonWithIcon", SC.SelectView, {
+      items: [{ title: "None", icon: 'select-button-icon' },
+        { title: "Low", icon: 'select-button-icon' },
+        { title: "Medium", icon: 'select-button-icon' },
+        { title: "High", icon: 'select-button-icon' }],
+      itemTitleKey: 'title',
+      itemIconKey: 'icon',
+      showCheckbox: YES
+    })
+
+    //sample8
+    .add("SortKey", SC.SelectView, {
+      items: [{ title: "None", pos: 3},
+        { title: "Low", pos: 1},
+        { title: "Medium", pos: 2 },
+        { title: "High", pos: 4}],
+      itemTitleKey: 'title',
+      disableSort: NO,
+      itemSortKey: 'pos',
+      showCheckbox: YES
+    })
+
+    //sample9
+    .add("StaticLayout", SC.SelectView, {
+      useStaticLayout: YES,
+      items:['None', 'Low', 'Medium', 'High'],
+      layout: { width: '150', right: '0' }
+    })
+
+    //sample10
+    .add("DisableItem", SC.SelectView, {
+      items: [{ title: "None", pos: 3, isEnabled: YES },
+        { title: "Low", pos: 1, isEnabled: NO },
+        { title: "Medium", pos: 2, isEnabled: YES },
+        { title: "High", pos: 4, isEnabled: NO }],
+      itemTitleKey: 'title',
+      disableSort: NO,
+      isEnabledKey: 'isEnabled',
+      itemSortKey: 'pos',
+      showCheckbox: YES
+    }) ;
+
+    pane.show();
+
+// ..........................................................
+// TEST VIEWS
+//
+
+module('SC.SelectView ui', pane.standardSetup()) ;
+
+//test1
+test("Check the visiblity of the selectButtons", function() {
+  ok(pane.view('Basic').get('isVisibleInWindow'), 'Basic.isVisibleInWindow should be YES') ;
+  ok(pane.view('Disabled').get('isVisibleInWindow'), 'Disabled.isVisibleInWindow should be YES') ;
+  ok(!pane.view('NotVisible').get('isVisibleInWindow'), 'NotVisible.isVisibleInWindow should be NO') ;
+  ok(pane.view('SortedObjects').get('isVisibleInWindow'), 'SortedObjects.isVisibleInWindow should be YES') ;
+  ok(pane.view('UnsortedObjects').get('isVisibleInWindow'), 'UnsortedObjects.isVisibleInWindow should be YES') ;
+  ok(pane.view('redraw').get('isVisibleInWindow'), 'redraw.isVisibleInWindow should be YES') ;
+  ok(pane.view('SelectButtonWithIcon').get('isVisibleInWindow'), 'SelectButtonWithIcon.isVisibleInWindow should be YES') ;
+  ok(pane.view('StaticLayout').get('isVisibleInWindow'), 'StaticLayout.isVisibleInWindow should be YES') ;
+}) ;
+
+//test2
+test("Basic", function() {
+  var view=pane.view('Basic').$();
+  ok(view.hasClass('sc-view'), 'hasClass(sc-view) should be YES') ;
+  ok(view.hasClass('sc-button-view'), 'hasClass(sc-button-view) should be YES') ;
+  ok(view.hasClass('sc-regular-size'), 'hasClass(sc-regular-size) should be YES') ;
+  ok(!view.hasClass('icon'), 'hasClass(icon) should be NO') ;
+  ok(!view.hasClass('sel'), 'hasClass(sel) should be NO') ;
+  ok(!view.hasClass('disabled'), 'hasClass(disabled) should be NO') ;
+  ok(!view.hasClass('def'), 'hasClass(def) should be NO') ;
+}) ;
+
+//test3
+test("Disabled", function() {
+  var view=pane.view('Disabled').$() ;
+  ok(view.hasClass('disabled'), 'hasClass(disabled) should be YES') ;
+  ok(view.hasClass('sc-view'), 'hasClass(sc-view) should be YES') ;
+  ok(view.hasClass('sc-button-view'), 'hasClass(sc-button-view) should be YES') ;
+  ok(view.hasClass('sc-regular-size'), 'hasClass(sc-regular-size) should be YES') ;
+  ok(!view.hasClass('icon'), 'hasClass(icon) should be NO') ;
+  ok(!view.hasClass('sel'), 'hasClass(sel) should be NO') ;
+  ok(!view.hasClass('def'), 'hasClass(def) should be NO') ;
+}) ;
+
+//test4
+test("NotVisible", function() {
+  var view=pane.view('NotVisible').$();
+  ok(view.hasClass('sc-view'), 'hasClass(sc-view) should be YES') ;
+  ok(view.hasClass('sc-button-view'), 'hasClass(sc-button-view) should be YES') ;
+  ok(view.hasClass('sc-regular-size'), 'hasClass(sc-regular-size) should be YES') ;
+  ok(!view.hasClass('sel'), 'hasClass(sel) should be NO') ;
+  ok(!view.hasClass('disabled'), 'hasClass(disabled) should be NO') ;
+  ok(!view.hasClass('def'), 'hasClass(def) should be NO') ;
+  ok(!view.hasClass('sel'), 'should not have sel class') ;
+}) ;
+
+//test5
+test("SortedObjects", function() {
+   var view = pane.view('SortedObjects');
+   equals(null,view.get('itemSortKey'), 'sortkey not specified') ;
+   ok(view.$().hasClass('sc-view'), 'hasClass(sc-view) should be YES') ;
+   ok(view.$().hasClass('sc-button-view'), 'hasClass(sc-button-view) should be YES') ;
+   ok(view.$().hasClass('sc-regular-size'), 'hasClass(sc-regular-size) should be YES') ;
+   ok(!view.$().hasClass('sel'), 'hasClass(sel) should be NO') ;
+   ok(!view.$().hasClass('icon'), 'hasClass(icon) should be NO') ;
+   ok(!view.$().hasClass('disabled'), 'hasClass(disabled) should be NO') ;
+   ok(!view.$().hasClass('def'), 'hasClass(def) should be NO') ;
+   equals(view.get("_itemList")[0].title, "High", "The first item, when sorted, should be High.");
+}) ;
+
+//test6
+test("UnsortedObjects", function() {
+   var view = pane.view('UnsortedObjects');
+   equals(YES,view.get('disableSort'), 'Sorting disabled') ;
+
+   ok(view.$().hasClass('sc-view'), 'hasClass(sc-view) should be YES') ;
+   ok(view.$().hasClass('sc-button-view'), 'hasClass(sc-button-view) should be YES') ;
+   ok(view.$().hasClass('sc-regular-size'), 'hasClass(sc-regular-size) should be YES') ;
+   ok(!view.$().hasClass('sel'), 'hasClass(sel) should be NO') ;
+   ok(!view.$().hasClass('icon'), 'hasClass(icon) should be NO') ;
+   ok(!view.$().hasClass('disabled'), 'hasClass(disabled) should be NO') ;
+   ok(!view.$().hasClass('def'), 'hasClass(def) should be NO') ;
+}) ;
+
+//test7
+test("redraw", function() {
+  var view=pane.view('redraw');
+  ok(view.$().hasClass('sc-view'), 'hasClass(sc-view) should be YES') ;
+  ok(view.$().hasClass('sc-button-view'), 'hasClass(sc-button-view) should be YES') ;
+  ok(view.$().hasClass('sc-regular-size'), 'hasClass(sc-regular-size) should be YES') ;
+  ok(!view.$().hasClass('sel'), 'hasClass(sel) should be NO') ;
+  ok(!view.$().hasClass('icon'), 'hasClass(icon) should be NO') ;
+  ok(!view.$().hasClass('disabled'), 'hasClass(disabled) should be NO') ;
+  ok(!view.$().hasClass('def'), 'hasClass(def) should be NO');
+
+  ok(view.get('items').length === 0, "Items should be empty");
+  SC.RunLoop.begin();
+  view.set('items', ['Calendar', 'Work', 'Home']);
+  SC.RunLoop.end();
+  ok(view.get('items').length === 3, "Items length should be 3");
+  
+  // Can someone actually put a redraw test here?
+}) ;
+
+//test8
+test("SelectButtonWithIcon", function() {
+  var view=pane.view('SelectButtonWithIcon').$();
+  ok(view.hasClass('icon'), 'hasClass(Icon) should be YES') ;
+  ok(view.hasClass('sc-view'), 'hasClass(sc-view) should be YES') ;
+  ok(view.hasClass('sc-button-view'), 'hasClass(sc-button-view) should be YES') ;
+  ok(view.hasClass('sc-regular-size'), 'hasClass(sc-regular-size) should be YES') ;
+  ok(!view.hasClass('sel'), 'hasClass(sel) should be NO') ;
+  ok(!view.hasClass('disabled'), 'hasClass(disabled) should be NO') ;
+  ok(!view.hasClass('def'), 'hasClass(def) should be NO') ;
+}) ;
+
+//test9
+test("Check if the objects are sorted based on sortKey", function() {
+  var view=pane.view('SortKey');
+  equals('None',view.get('items')[2].title, 'Third object should be "None" ') ;
+}) ;
+
+//test10
+test("StaticLayout", function() {
+  var view = pane.view('StaticLayout');
+  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+  ok(!view.$().hasClass('sel'), 'should not have sel class');
+});