sproutit-sproutcore 1.0.0.20090407205609 → 1.0.0.20090408130025

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

@@ -0,0 +1,240 @@
+// ==========================================================================
+// 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("progress basic", SC.ProgressView, {
+    value: 25,
+    minimum: 0,
+    maximum: 100
+  })
+  .add("progress disabled", SC.ProgressView, {
+    value: 25,
+    minimum: 0,
+    maximum: 100,
+    isEnabled: NO
+  })
+  .add("progress basic value 0", SC.ProgressView, {
+    value: 0,
+    minimum: 0,
+    maximum: 100
+  })
+  .add("progress basic value 100", SC.ProgressView, {
+    value: 100,
+    minimum: 0,
+    maximum: 100
+  })
+  .add("progress basic max 50", SC.ProgressView, {
+    value: 25,
+    minimum: 0,
+    maximum: 50
+  })
+  
+  // Slider View UI
+  .add("slider basic", SC.SliderView, {
+    value: 50, 
+    minimum: 0, 
+    maximum: 100
+  })
+  .add("slider disabled", SC.SliderView, {
+    value: 50, 
+    minimum: 0, 
+    maximum: 100,
+    isEnabled: NO
+  })
+  .add("slider value 100", SC.SliderView, {
+    value: 100, 
+    minimum: 0, 
+    maximum: 100
+  })
+  .add("slider basic step 20", SC.SliderView, {
+    value: 50, 
+    minimum: 0, 
+    maximum: 100,
+    step: 20
+  });
+
+pane.show(); // add a test to show the test pane
+
+// ..........................................................
+// TEST VIEWS
+// 
+module("SC.ProgressView UI");
+
+test("basic", function() {
+  
+  var view = pane.view('progress basic');
+  
+  ok(!view.$().hasClass('disabled'), 'should NOT have disabled class');
+  ok(view.$('.sc-inner'), 'should have sc-inner class');
+  ok(view.$('.sc-outer-head'), 'should have sc-outer-head class');
+  ok(view.$('.sc-outer-tail'), 'should have sc-outer-tail class');
+  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 ');
+  
+});
+
+test("disabled", function() {
+  
+  var view = pane.view('progress disabled');
+  
+  ok(view.$().hasClass('disabled'), 'should have disabled class');
+  ok(view.$('.sc-inner'), 'should have sc-inner class');
+  equals(view.$('.sc-inner').css("width"), "0%", 'width should be 0%');
+  equals(view.$('.sc-inner').width(), 0, 'pixel width ');
+  
+});
+
+test("basic value 0", function() {
+  
+  var view = pane.view('progress basic value 0');
+  
+  ok(!view.$().hasClass('disabled'), 'should NOT have disabled class');
+  ok(view.$('.sc-inner'), 'should have sc-inner class');
+  equals(view.$('.sc-inner').css("width"), "0%", 'width should be 0%');
+  equals(view.$('.sc-inner').width(), 0, 'pixel width ');
+  
+});
+
+test("basic value 100", function() {
+  
+  var view = pane.view('progress basic value 100');
+  
+  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 ');
+  
+});
+
+test("basic max 50", function() {
+  
+  var view = pane.view('progress basic max 50');
+  
+  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 ');
+  
+});
+
+// ..........................................................
+// TEST CHANGING PROGRESS BARS
+//
+
+test("changing value from empty -> value", function() {
+  var view = pane.view('progress basic value 0');
+  
+  equals(view.$('.sc-inner').width(), 0, 'precon - pixel width should be 0');
+  SC.RunLoop.begin();
+  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 ');
+});
+
+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');
+  SC.RunLoop.begin();
+  view.set('value', 0);
+  SC.RunLoop.end();
+  equals(view.$('.sc-inner').css("width"), "0%", 'width should be 0%');
+  equals(view.$('.sc-inner').width(), 0, 'pixel width ');
+});
+
+
+test("changing value from full -> negative number", function() {
+  var view = pane.view('progress basic value 100');
+	
+  SC.RunLoop.begin();
+  view.set('value', 100);
+  SC.RunLoop.end();
+  
+  equals(view.$('.sc-inner').width(), 314, 'precon - pixel width should be 316');
+  SC.RunLoop.begin();
+  view.set('value', -10);
+  SC.RunLoop.end();
+  equals(view.$('.sc-inner').css("width"), "0%", 'width should be 0%');
+  equals(view.$('.sc-inner').width(), 0, 'pixel width ');
+});
+
+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');
+  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 ');
+});
+
+test("changing value to a string", function() {
+  var view = pane.view('progress basic');
+  
+  SC.RunLoop.begin();
+  view.set('value', 25);
+  SC.RunLoop.end();
+  equals(view.$('.sc-inner').width(), 78, 'precon - pixel width should be 79');
+  SC.RunLoop.begin();
+  view.set('value', 'aString');
+  SC.RunLoop.end();
+  equals(view.$('.sc-inner').css("width"), "0%", 'width should be 0%');
+  equals(view.$('.sc-inner').width(), 0, 'pixel width ');
+});
+
+
+// ..........................................................
+// SC.SliderView
+//
+
+module("SC.SliderView UI");
+
+test("basic", function() {
+  var view = pane.view('slider basic');
+  
+  ok(!view.$().hasClass('disabled'), 'should NOT have disabled class');
+  ok(view.$('.sc-inner'), 'should have sc-inner class');
+  ok(view.$('.sc-handle'), 'should have sc-handle class');
+  equals(view.$('.sc-handle').css('left'), '50%', 'left of sc-handle should be 50%');
+});
+
+test("disabled", function() {
+  var view = pane.view('slider disabled');
+  
+  ok(view.$().hasClass('disabled'), 'should have disabled class');
+  ok(view.$('.sc-inner'), 'should have sc-inner class');
+  ok(view.$('.sc-handle'), 'should have sc-handle class');
+  equals(view.$('.sc-handle').css('left'), '50%', 'left of sc-handle should be 50%');
+});
+
+test("basic value 100", function() {
+  var view = pane.view('slider value 100');
+  
+  ok(!view.$().hasClass('disabled'), 'should have disabled class');
+  ok(view.$('.sc-inner'), 'should have sc-inner class');
+  ok(view.$('.sc-handle'), 'should have sc-handle class');
+  equals(view.$('.sc-handle').css('left'), '100%', 'left of sc-handle should be 100%');
+});
+
+test("basic step 20", function() {
+  var view = pane.view('slider basic step 20');
+  
+  ok(!view.$().hasClass('disabled'), 'should have disabled class');
+  ok(view.$('.sc-inner'), 'should have sc-inner class');
+  ok(view.$('.sc-handle'), 'should have sc-handle class');
+  equals(view.$('.sc-handle').css('left'), '60%', 'left of sc-handle should be 60%');
+});
+})();

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

@@ -0,0 +1,113 @@
+// ==========================================================================
+// 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.RadioView Logic", {
+  setup: function() {
+    SC.RunLoop.begin();
+    pane = SC.MainPane.create({
+      childViews: [
+        SC.RadioView.extend({
+          layout: { right: 20, bottom: 20, width: 100, height: 23 },
+          items: 'Red Green'.w(),
+          value: 'Red',
+          isEnabled: 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'), 'Red', 'precon - value should be YES');
+
+  var q = Q$('input', view.get('layer'));
+  equals(q.attr('type'), 'radio', 'should have type=radio');
+  equals(q.attr('name'), SC.guidFor(view), 'should have name=view_guid');
+  equals(q.attr('checked'), YES, 'should be checked');
+});
+
+test("changing the value should update the group", function() {
+  var oldValue = view.get('value');
+  SC.RunLoop.begin();
+  view.set('value', 'Green');
+  SC.RunLoop.end();
+
+  ok(view.get('value') !== oldValue, 'precond - should have changed value');
+  var q = Q$('.sel > span', view.get('layer'));
+  equals(q.text(), view.get('value'), 'label should have new value');
+});
+
+test("isEnabled should alter group classname and sync with isEnabled property", function() {
+
+  // check initial render state
+  ok(view.get('isEnabled'), 'isEnabled should match value');
+  ok(!view.$().hasClass('disabled'), 'should NOT have disabled class');
+
+  // update value -- make sure isEnabled changes.  
+  SC.RunLoop.begin();
+  view.set('isEnabled', 0); // make falsy. (but not NO exactly)
+  SC.RunLoop.end();
+  
+  ok(!view.get('isEnabled'), 'isEnabled should now be NO');
+  ok(view.$().hasClass('disabled'), 'should have disabled class');
+
+  // update isEnabled -- make sure it edits the value
+  SC.RunLoop.begin();
+  view.set('isEnabled', YES);
+  SC.RunLoop.end();
+  
+  ok(view.get('isEnabled'), 'isEnabled should match value');
+  ok(!view.$().hasClass('disabled'), 'should NOT have disabled class');
+});
+
+test("clicking on a radio button will change toggle the value", function() {
+  equals(view.get('value'), 'Red', 'precond - value should be Red');
+  view.$('input').get(1).click();
+  equals(view.get('value'), 'Green', 'value should have changed');
+});
+
+test("pressing mouseDown and then mouseUp anywhere in a radio button 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');
+  equals(view.get('value'), 'Red', 'value should not change yet');
+  
+  // simulate mouseUp and browser-native change to control
+  SC.Event.trigger(elem,'mouseup');
+  input.attr('checked', NO);
+  // loose focus of the element since it was changed
+  SC.Event.trigger(input.get(1),'change');
+  
+  ok(!view.get('isActive'), 'view should no longer be active');
+  equals(view.get('value'), undefined, 'value should be undefined (none checked)');
+  
+  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(1).click();
+  ok(view.get('value'), 'value should not change when clicked');
+});

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

@@ -0,0 +1,202 @@
+// ==========================================================================
+// 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>');
+
+var itemList = [{ title: "Red", value: "red", enabled: YES }, { title: "Green", value: "green" }, { title: "Blue", value: "blue" }];
+
+var pane = SC.ControlTestPane.design()
+  .add("basic", SC.RadioView, {
+    value: "",
+    isEnabled: YES,
+    items: itemList,
+    itemTitleKey: 'title',
+    itemValueKey: 'value',
+    layoutDirection: SC.LAYOUT_HORIZONTAL
+  })
+  
+  .add("checked", SC.RadioView, {
+    value: "red",
+    isEnabled: YES,
+    items: itemList,
+    itemTitleKey: 'title',
+    itemValueKey: 'value',
+    layoutDirection: SC.LAYOUT_HORIZONTAL
+  })
+  
+  .add("disabled", SC.RadioView, {
+    value: "",
+    isEnabled: NO,
+    items: itemList,
+    itemTitleKey: 'title',
+    itemValueKey: 'value',
+    layoutDirection: SC.LAYOUT_HORIZONTAL
+  })
+  
+  .add("enabled first", SC.RadioView, {
+    value: "",
+    isEnabled: YES,
+    items: itemList,
+    itemTitleKey: 'title',
+    itemValueKey: 'value',
+    itemIsEnabledKey: 'enabled',
+    layoutDirection: SC.LAYOUT_HORIZONTAL
+  })
+  
+  .add("horizontal", SC.RadioView, {
+    value: "",
+    isEnabled: YES,
+    items: 'Yes No'.w(),
+    // LAYOUT_VERTICAL is default
+    layoutDirection: SC.LAYOUT_HORIZONTAL
+  });
+
+pane.show(); // add a test to show the test pane
+
+// ..........................................................
+// TEST VIEWS
+// 
+module('SC.RadioView UI');
+
+test("basic", function() {
+  
+  var view = pane.view('basic');
+  
+  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+  
+  var radioButtons = view.$('input');
+  equals(radioButtons.length, 3, 'number of radio buttons should be 3');
+  
+  var i = 0;
+  radioButtons.forEach(function(radioInput) {
+    var theInput = SC.$(radioInput),
+      idx = parseInt(theInput.val(),0),
+      buttonValue = theInput.attr('value');
+    
+    equals(idx, i, 'radio button #%@ should have field value %@'.fmt(idx, i));
+    
+    ok(!theInput.attr('checked'), 'radio button #%@ should not be checked'.fmt(idx));
+    ok(!theInput.attr('disabled'), 'radio button #%@ should not be disabled'.fmt(idx));
+    
+    i++;
+  });
+  
+  var labels = view.$('span.sc-button-label');
+  equals(labels.length, 3, 'number of labels should be 3');
+  
+  var idx = 0;
+  labels.forEach(function(label) {
+    equals(label.innerHTML, itemList[idx].title, 'radio button #%@ should have original label'.fmt(idx));
+    idx++;
+  });
+  
+});
+
+
+test("checked", function() {
+  var view = pane.view('checked');
+  
+  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
+  
+  var radioButtons = view.$('input');
+  equals(radioButtons.length, 3, 'number of radio buttons should be 3');
+  
+  var i = 0;
+  radioButtons.forEach(function(radioInput) {
+    var theInput = SC.$(radioInput),
+      idx = parseInt(theInput.val(),0),
+      buttonValue = theInput.attr('value');
+    
+    equals(idx, i, 'radio button #%@ should have field value %@'.fmt(idx, i));
+    if(idx==0) {
+      ok(theInput.attr('checked'), 'radio button #%@ should be checked'.fmt(idx));
+    } else {
+      ok(!theInput.attr('checked'), 'radio button #%@ should not be checked'.fmt(idx));
+    }
+    
+    ok(!theInput.attr('disabled'), 'radio button #%@ should not be disabled'.fmt(idx));
+    i++;
+  });
+  
+  var labels = view.$('span.sc-button-label');
+  equals(labels.length, 3, 'number of labels should be 3');
+  
+  var idx = 0;
+  labels.forEach(function(label) {
+    equals(label.innerHTML, itemList[idx].title, 'radio button #%@ should have original label'.fmt(idx));
+    idx++;
+  });
+  
+});
+
+test("disabled", function() {
+  var view = pane.view('disabled');
+  
+  ok(view.$().hasClass('disabled'), 'should have disabled class');
+  
+  var radioButtons = view.$('input');
+  equals(radioButtons.length, 3, 'number of radio buttons should be 3');
+  
+  var i = 0;
+  radioButtons.forEach(function(radioInput) {
+    var theInput = SC.$(radioInput),
+      idx = parseInt(theInput.val(),0),
+      buttonValue = theInput.attr('value');
+    
+    equals(idx, i, 'radio button #%@ should have field value %@'.fmt(idx, i));
+    ok(!theInput.attr('checked'), 'radio button #%@ should not be checked'.fmt(idx));
+    ok(theInput.attr('disabled'), 'radio button #%@ should be disabled'.fmt(idx));
+    i++;
+  });
+  
+  var labels = view.$('span.sc-button-label');
+  equals(labels.length, 3, 'number of labels should be 3');
+  
+  var idx = 0;
+  labels.forEach(function(label) {
+    equals(label.innerHTML, itemList[idx].title, 'radio button #%@ should have original label'.fmt(idx));
+    idx++;
+  });
+  
+});
+
+test("enabled first", function() {
+  var view = pane.view('enabled first');
+  
+  ok(!view.$().hasClass('disabled'), 'should have disabled class');
+  
+  var radioButtons = view.$('input');
+  equals(radioButtons.length, 3, 'number of radio buttons should be 3');
+  
+  var i = 0;
+  radioButtons.forEach(function(radioInput) {
+    var theInput = SC.$(radioInput),
+      idx = parseInt(theInput.val(),0),
+      buttonValue = theInput.attr('value');
+      
+    equals(idx, i, 'radio button #%@ should have field value %@'.fmt(idx, i));
+    ok(!theInput.attr('checked'), 'radio button #%@ should not be checked'.fmt(idx));
+    if(idx==0) {
+      ok(!theInput.attr('disabled'), 'radio button #%@ should not be disabled'.fmt(idx));
+    } else {
+      ok(theInput.attr('disabled'), 'radio button #%@ should be disabled'.fmt(idx));
+    }
+    i++;
+  });
+  
+  var labels = view.$('span.sc-button-label');
+  equals(labels.length, 3, 'number of labels should be 3');
+  
+  var idx = 0;
+  labels.forEach(function(label) {
+    equals(label.innerHTML, itemList[idx].title, 'radio button #%@ should have original label'.fmt(idx));
+    idx++;
+  });
+});
+

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

@@ -0,0 +1,139 @@
+// ==========================================================================
+// 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 ;
+var appleURL='http://weblogs.baltimoresun.com/business/consuminginterests/blog/apple-logo1.jpg';
+module("SC.ScrollView",{
+	setup: function() {
+	  SC.RunLoop.begin();
+	    pane = SC.MainPane.create({
+		  childViews: [
+		   SC.ScrollView.extend({
+		     contentView: SC.ImageView.design({value: appleURL, layout: {height:400, width:400}})
+		   }),
+		   SC.ScrollView.extend({
+		     contentView: SC.ImageView.design({value: appleURL, layout: {height:2000, width:2000}})
+		   })
+		   
+		   ],
+		   
+		  expectedVertLine: function(line) {
+			var ret = view.get('verticalLineScroll')*line;
+			var alt = view.get('maximumVerticalScrollOffset');
+			ret = (ret > alt)? alt : ret;
+		    return ret;
+		  },
+		  expectedHorzLine: function(line) {
+			var ret = view.get('horizontalLineScroll')*line;
+			var alt = view.get('maximumHorizontalScrollOffset');
+			ret = (ret > alt)? alt : ret;
+		    return ret;
+		  },
+		  expectedVertPage: function(page) {
+			var ret = view.get('verticalPageScroll')*line;
+			var alt = view.get('maximumVerticalScrollOffset');
+			ret = (ret > alt)? alt : ret;
+		    return ret;
+		  },
+		  expectedHorzPage: function(page) {
+			var ret = view.get('horizontalPageScroll')*line;
+			var alt = view.get('maximumHorizontalScrollOffset');
+			ret = (ret > alt)? alt : ret;
+		    return ret;
+		  }
+		});
+		
+		
+		pane.append(); // make sure there is a layer...
+	  SC.RunLoop.end();	
+	  view = pane.childViews[0];
+	  view.get('containerView').get('frame').height = 100;
+	  view.get('containerView').get('frame').width = 100;
+
+	  view2 = pane.childViews[1];
+	  view2.get('containerView').get('frame').height = 100;
+	  view2.get('containerView').get('frame').width = 100;
+	  
+	},
+	
+	teardown: function() {
+    	pane.remove();
+    	pane = view = null ;
+  	}
+});
+
+
+
+test("Scrolling to a certain co-ordinate of the container view", function() {
+	equals(view.get('horizontalScrollOffset'), 0, "Initial horizontal offset must be zero");
+	equals(view.get('verticalScrollOffset'), 0, "Initial vertical offset must be zero");
+	view.scrollTo(100, 100);
+	equals(view.get('horizontalScrollOffset'), 100, "After scrolling to 100, horizontal offset must be");
+	equals(view.get('verticalScrollOffset'), 100, "After scrolling to 100, vertical offset must be");
+	view.scrollTo(400, 400);
+	equals(view.get('horizontalScrollOffset'), view.get('maximumHorizontalScrollOffset'), "After scrolling to 400, horizontal offset must be maximum");
+	equals(view.get('verticalScrollOffset'), view.get('maximumVerticalScrollOffset'), "After scrolling to 400, vertical offset must be maximum");
+});
+
+test("Scrolling relative to the current possition of the container view", function() {
+	equals(view.get('horizontalScrollOffset'), 0, "Initial horizontal offset must be zero");
+	equals(view.get('verticalScrollOffset'), 0, "Initial vertical offset must be zero");
+	view.scrollBy(100, 100);
+	equals(view.get('horizontalScrollOffset'), 100, "After scrolling by 100, horizontal offset must be");
+	equals(view.get('verticalScrollOffset'), 100, "After scrolling by 100, vertical offset must be");
+	view.scrollBy(100, 100);
+	equals(view.get('horizontalScrollOffset'), 200, "After scrolling by 100, horizontal offset must be");
+	equals(view.get('verticalScrollOffset'), 200, "After scrolling by 100, vertical offset must be");
+	view.scrollBy(400, 400);
+	equals(view.get('horizontalScrollOffset'), view.get('maximumHorizontalScrollOffset'), "After scrolling by 400, horizontal offset must be maximum");
+	equals(view.get('verticalScrollOffset'), view.get('maximumVerticalScrollOffset'), "After scrolling by 400, vertical offset must be maximum");
+});
+
+test("Scrolling through line by line", function() {
+	var line = 3;
+	equals(view.get('horizontalScrollOffset'), 0, "Initial horizontal offset must be zero");
+	equals(view.get('verticalScrollOffset'), 0, "Initial vertical offset must be zero");
+	view.scrollDownLine(line);
+	equals(view.get('horizontalScrollOffset'), 0, "After scrolling down by lines, horizontal offset is unchanged");
+	equals(view.get('verticalScrollOffset'), pane.expectedVertLine(line), "After scrolling down by lines, vertical offset must be");
+	view.scrollUpLine(line);
+});
+
+test("maximumHorizontalScrollOffset() returns the maximum horizontal scroll dimention", function() {
+  var old_horizontalScrollOffset=2;
+  var old_verticalScrollOffset=2;
+
+  view2.set('horizontalScrollOffset',old_horizontalScrollOffset);
+  view2.set('verticalScrollOffset',old_verticalScrollOffset);
+  view2.scrollRightPage(3);
+  equals(view2.get('horizontalScrollOffset'),1900, 'maximum y coordinate should be 1900');	
+ 
+  view2.set('horizontalScrollOffset',old_horizontalScrollOffset);
+  view2.set('verticalScrollOffset',old_verticalScrollOffset);
+  view2.scrollLeftPage(3);
+  equals(view2.get('horizontalScrollOffset'),0, 'minimum y coordinate should be 0');	
+  	
+});
+
+
+test("maximumVerticalScrollOffset() returns the maximum vertical scroll dimention", function() {
+  var old_horizontalScrollOffset=2;
+  var old_verticalScrollOffset=2;
+
+  view2.set('horizontalScrollOffset',old_horizontalScrollOffset);
+  view2.set('verticalScrollOffset',old_verticalScrollOffset);
+  view2.scrollDownPage(3);
+  equals(view2.get('verticalScrollOffset'),1900, 'maximum coordinate should be 1900'); 
+
+  view2.set('horizontalScrollOffset',old_horizontalScrollOffset);
+  view2.set('verticalScrollOffset',old_verticalScrollOffset);
+  view2.scrollUpPage(3);
+  equals(view2.get('verticalScrollOffset'),0, 'The minimum y coordinate should be 0');
+ 
+});