sproutcore 1.9.2 → 1.10.0.rc.1

data/lib/frameworks/sproutcore/frameworks/desktop/mixins/border.js

@@ -1,163 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-
-SC.BORDER_BEZEL  = 'sc-bezel-border';
-SC.BORDER_BLACK  = 'sc-black-border';
-SC.BORDER_GRAY   = 'sc-gray-border';
-SC.BORDER_TOP    = 'sc-top-border';
-SC.BORDER_BOTTOM = 'sc-bottom-border';
-SC.BORDER_NONE   = null ;
-
-/**
-  @namespace
-  @deprecated Border functionality is now included in SC.View.
-
-  The `SC.Border` mixin has be deprecated in favour of applying border properties
-  to an `SC.View`'s layout object. See {@link SC.View#layout}.
-
-  The Border mixin can be applied to any view to give it a visual border.
-  In addition to specifying the mixin itself, you should specify the border
-  style with the borderStyle property on your view.
-
-  Border style can be any predefined CSS class name or a border color.
-
-  If you specify a CSS class name, it must end in "-border". Additionally,
-  you should set the `borderTop`, `borderRight`, `borderBottom`, and
-  `borderLeft` properties so SproutCore can accurately account for the size
-  of your view.
-
-  SproutCore pre-defines several useful border styles including:
-
-   - `SC.BORDER_BEZEL`  -- displays an inlaid bezel
-   - `SC.BORDER_BLACK`  -- displays a black border
-   - `SC.BORDER_GRAY`   -- displays a gray border
-   - `SC.BORDER_TOP`    -- displays a border on the top only
-   - `SC.BORDER_BOTTOM` -- displays a border on the bottom only
-   - `SC.BORDER_NONE`   -- disables the border
-
-  @since SproutCore 1.0
-*/
-SC.Border = {
-
-  /**
-    The thickness of the top border.
-
-    @type Number
-    @commonTask Border Dimensions
-  */
-  borderTop: 0,
-
-  /**
-    The thickness of the right border.
-
-    @type Number
-    @commonTask Border Dimensions
-  */
-  borderRight: 0,
-
-  /**
-    The thickness of the bottom border.
-
-    @type Number
-    @commonTask Border Dimensions
-  */
-  borderBottom: 0,
-
-  /**
-    The thickness of the left border.
-
-    @type Number
-    @commonTask Border Dimensions
-  */
-  borderLeft: 0,
-
-  /**
-    The style of the border. You may specify a color string (like 'red' or
-    '#fff'), a CSS class name, or one of:
-
-      - SC.BORDER_BEZEL
-      - SC.BORDER_BLACK
-      - SC.BORDER_GRAY
-      - SC.BORDER_TOP
-      - SC.BORDER_BOTTOM
-      - SC.BORDER_NONE
-
-    If you specify a CSS class name, it must end in "-border".
-  */
-  borderStyle: SC.BORDER_GRAY,
-
-  /**
-    Walk like a duck
-
-    @private
-  */
-  hasBorder: YES,
-
-  /**
-    Make sure we re-render if the `borderStyle` property changes.
-    @private
-  */
-  displayProperties: ['borderStyle'],
-
-  /** @private */
-  _BORDER_REGEXP: (/-border$/),
-
-  /** @private */
-  initMixin: function() {
-    //@if(debug)
-    SC.warn("Developer Warning: SC.Border is deprecated, please set border in your layout");
-    //@endif
-    this._sc_border_borderStyleDidChange();
-    this._sc_border_borderDimensionsDidChange();
-  },
-
-  /** @private */
-  renderMixin: function(context, firstTime) {
-    var style = this.get('borderStyle');
-    if (style) {
-      if (this._BORDER_REGEXP.exec(style)) {
-        context.addClass(style);
-      } else context.addStyle('border', '1px '+style+' solid');
-    }
-  },
-
-  /** @private */
-  _sc_border_borderStyleDidChange: function() {
-    var borderStyle = this.get('borderStyle'),
-        borderSize = SC.Border.dimensions[borderStyle];
-
-    if (borderSize) {
-      this.beginPropertyChanges();
-      this.set('borderTop', borderSize);
-      this.set('borderRight', borderSize);
-      this.set('borderBottom', borderSize);
-      this.set('borderLeft', borderSize);
-      this.endPropertyChanges();
-    }
-  },
-
-  /** @private */
-  _sc_border_borderDimensionsDidChange: function(){
-    var borderTop     = this.get('borderTop'),
-        borderRight   = this.get('borderRight'),
-        borderBottom  = this.get('borderBottom'),
-        borderLeft    = this.get('borderLeft');
-    this.adjust({ borderTop: borderTop, borderRight: borderRight, borderBottom: borderBottom, borderLeft: borderLeft });
-  }.observes('borderTop', 'borderRight', 'borderBottom', 'borderLeft')
-
-};
-
-SC.mixin(SC.Border, {
-  dimensions: {
-    'sc-bezel-border': 1,
-    'sc-black-border': 1,
-    'sc-gray-border': 1,
-    'sc-top-border': 1,
-    'sc-bottom-border': 1
-  }
-});

data/lib/frameworks/sproutcore/frameworks/desktop/tests/mixins/border.js

@@ -1,97 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-
-/*global module test htmlbody ok equals same stop start */
-
-var pane;
-
-module("SC.Border", {
-  setup: function() {
-    var boxstyles = '<style>.box1-border { border-top: 10px solid red; border-left: 25px solid red; border-right: 109px solid green; border-bottom: 79px solid red; }'+
-                    '.box2-border { border-top: 10px solid red; border-left: 25px solid red; border-right: 109px solid green; border-bottom: 79px solid red; }'+
-                    '.box3-border { border-top: 10px solid red; border-left: 25px solid red; border-right: 109px solid green; border-bottom: 79px solid red; }</style>';
-    htmlbody(boxstyles);
-
-    SC.RunLoop.begin();
-    pane = SC.MainPane.create();
-    pane.append();
-    SC.RunLoop.end();
-  },
-
-  teardown: function() {
-    pane.remove();
-    pane = null;
-    clearHtmlbody();
-  }
-});
-
-test('SC.View should not have border properties by default', function() {
-  var view = SC.View.create();
-  ok(!view.get('hasBorder'), 'view should not have hasBorder set');
-  ok(view.get('borderStyle') === undefined, 'view should not have borderStyle set');
-});
-
-test('Views with SC.Border mixin should default to gray border', function() {
-  var view = SC.View.create(SC.Border, { });
-
-  equals(view.get('borderStyle'), SC.BORDER_GRAY, "borderStyle should be SC.BORDER_GRAY");
-  equals(view.get('borderTop'), 1, 'borderTop should be 1');
-  equals(view.get('borderBottom'), 1, 'borderBottom should be 1');
-  equals(view.get('borderRight'), 1, 'borderRight should be 1');
-  equals(view.get('borderLeft'), 1, 'borderLeft should be 1');
-});
-
-test('Views that specify a non-built-in border should have border dimensions set to 0', function() {
-  var view = SC.View.create(SC.Border, { borderStyle: 'fat-and-chunky' });
-  equals(view.get('borderTop'), 0, 'borderTop should be 0');
-  equals(view.get('borderBottom'), 0, 'borderBottom should be 0');
-  equals(view.get('borderRight'), 0, 'borderRight should be 0');
-  equals(view.get('borderLeft'), 0, 'borderLeft should be 0');
-});
-
-test('Views that specify a string that ends in "-border" should have that string added as a class', function() {
-  var view = SC.View.create(SC.Border, { borderStyle: 'fat-and-chunky-border' });
-  pane.appendChild(view);
-  SC.RunLoop.begin().end();
-  ok(view.$().hasClass('fat-and-chunky-border'), 'should have fat-and-chunky-border class');
-});
-
-test('Views that specify a string that does not end in "-border" should not have that string added as a class', function() {
-  var view = SC.View.create(SC.Border, { borderStyle: 'border-at-beginning' });
-  pane.appendChild(view);
-  SC.RunLoop.begin().end();
-  ok(!view.$().hasClass('border-at-beginning'), 'should not have border-at-beginning class');
-});
-
-test('Views should rerender if borderStyle changes', function() {
-  var view = SC.View.create(SC.Border, { borderStyle: 'first-border' });
-  pane.appendChild(view);
-  SC.RunLoop.begin().end();
-  ok(view.$().hasClass('first-border'), 'precond - view should have first-border class');
-  view.set('borderStyle', 'second-border');
-  SC.RunLoop.begin().end();
-  ok(view.$().hasClass('second-border'), 'view should have second-border class');
-});
-
-test('View frame should account for borders if border dimension properties are set', function() {
-  var box1 = SC.View.create(SC.Border, { borderStyle: 'box1-border', borderTop: 10, borderLeft: 25, borderRight: 109, borderBottom: 79 }),
-      box2 = SC.View.create(SC.Border, { borderStyle: 'box2-border', borderTop: 10, borderLeft: 25, borderRight: 109, borderBottom: 79 }),
-      box3 = SC.View.create(SC.Border, { borderStyle: 'box3-border', borderTop: 10, borderLeft: 25, borderRight: 109, borderBottom: 79 });
-
-  box1.appendChild(box2);
-  box2.appendChild(box3);
-  pane.appendChild(box1);
-  SC.RunLoop.begin().end();
-  var frame = box3.get('frame'),
-      elem = box3.get('layer');
-
-  equals(frame.x, elem.clientLeft, 'horizontal positions equal');
-  equals(frame.y, elem.clientTop, 'vertical positions equal');
-  equals(frame.width, elem.clientWidth, 'width equal');
-  equals(frame.height, elem.clientHeight, 'height equal');
-});

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/split_view/tests/methods.js

@@ -1,312 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2010 Sprout Systems, Inc. and contributors.
-//            portions copyright ©2011 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*
-  Tests SplitView methods; specifically, the API that users of SplitView use
-  (not the methods that they may override).
-  
-  The methods tested are:
-  
-  - getPositionForChild
-  - adjustPositionForChild
-  
-  They are tested in several different ways, with child views configured in many
-  different ways.
-  
-  We also run the entire test suite twice: once in each orientation. The numbers should
-  be the same either way. In the ui tests, we test that they get applied properly.
-*/
-
-function setupTestSuite(layoutDirection) {
-  
-var splitView, left, right, middleLeft, middleRight;
-module(
-  "SplitView " +
-  (layoutDirection === SC.HORIZONTAL_LAYOUT ? "Horizontal" : "Vertical") + 
-  " - Methods", 
-  {
-  setup: function() {
-    SC.RunLoop.begin();
-    // we test with no split divider because we want to easily calculate layout.
-    splitView = SC.SplitView.create({
-      childViews: [
-        SC.View.create(SC.SplitChild, { canCollapse: YES, collapseAtSize: 50 }),
-        SC.View.create(SC.SplitChild, { canCollapse: YES, collapseAtSize: 50 })
-      ],
-      
-      layout: { left: 0, top: 0, width: 500, height: 500 },
-      
-      layoutDirection: layoutDirection,
-      
-      splitDividerView: null
-    });
-    
-    SC.RunLoop.end();
-    
-    left = splitView.childViews[0];
-    right = splitView.childViews[1];
-  },
-  
-  teardown: function() {
-    
-  }
-});
-
-test("Initial positions are correct", function() {
-  equals(splitView.childViews.length, 2, "SplitView has 2 children");
-  equals(splitView.getPositionForChild(left), 0, "Left should always be at 0");
-  equals(splitView.getPositionForChild(right), 250, "Right should be at 1/2: 50");
-});
-
-test("Can adjust position for a child", function() {
-  var result = splitView.adjustPositionForChild(right, 100);
-  equals(result, 100, "Result of adjustPositionForChild(right, 100)");
-  equals(left.get('position'), 0, "Left position (should always be 0)");
-  equals(left.get('size'), 100, "Left size");
-  equals(right.get('position'), 100, "Right position");
-  equals(right.get('size'), 400, "Right size");
-});
-
-
-test("SplitView - Methods: Minimum and Maximum widths and heights", function() {
-  // first, test with the built-in minimum size
-  var result = splitView.adjustPositionForChild(right, 80);
-  equals(result, 100, "Result of adjustPositionForChild(right, 80)");
-  equals(left.get('position'), 0, "Left position (should always be 0)");
-  equals(left.get('size'), 100, "Left size");
-  equals(right.get('position'), 100, "Right position");
-  equals(right.get('size'), 400, "Right size");
-  
-  // now, add a max and test that
-  left.set('maximumSize', 150);
-  
-  result = splitView.adjustPositionForChild(right, 180);
-  equals(result, 150, "Result of adjustPositionForChild(right, 180) when left's max size = 150");
-  equals(left.get('position'), 0, "Left position (should always be 0)");
-  equals(left.get('size'), 150, "Left size");
-  equals(right.get('position'), 150, "Right position");
-  equals(right.get('size'), 350, "Right size");
-  
-  // and now go back to middle
-  result = splitView.adjustPositionForChild(right, 130);
-  equals(result, 130, "Result of adjustPositionForChild(right, 130) when left's max size = 150");
-  equals(left.get('position'), 0, "Left position (should always be 0)");
-  equals(left.get('size'), 130, "Left size");
-  equals(right.get('position'), 130, "Right position");
-  equals(right.get('size'), 370, "Right size");
-});
-
-test("SplitView - Methods: Collapsing a child", function() {
-  var result = splitView.adjustPositionForChild(right, 40);
-  
-  // first was collapsed, so position of seconds is now at 0.
-  equals(result, 0, "Result of adjustPositionForChild(right, 40)");
-  equals(left.get('position'), 0, "Left position (should always be 0)");
-  equals(left.get('size'), 0, "Left size after collapsing");
-  equals(right.get('position'), 0, "Right position");
-  equals(right.get('size'), 500, "Right size");
-});
-
-
-module(
-  "SplitView 4-pane " +
-  (layoutDirection === SC.HORIZONTAL_LAYOUT ? "Horizontal" : "Vertical") + 
-  " - Methods",
-  {
-  setup: function() {
-    SC.RunLoop.begin();
-    // we test with no split divider because we want to easily calculate layout.
-    splitView = SC.SplitView.create({
-      childViews: [
-        SC.View.create(SC.SplitChild, { canCollapse: YES, collapseAtSize: 50, autoResizeStyle: SC.RESIZE_MANUAL }),
-        SC.View.create(SC.SplitChild, { autoResizeStyle: SC.RESIZE_AUTOMATIC }),
-        SC.View.create(SC.SplitChild, { autoResizeStyle: SC.RESIZE_AUTOMATIC }),
-        SC.View.create(SC.SplitChild, { autoResizeStyle: SC.FIXED_SIZE, canCollapse: YES, collapseAtSize: 50 })
-      ],
-      
-      layout: { left: 0, top: 0, width: 800, height: 800 },
-      
-      layoutDirection: layoutDirection,
-      
-      splitDividerView: null
-    });
-    
-    SC.RunLoop.end();
-    
-    left = splitView.childViews[0];
-    middleLeft = splitView.childViews[1];
-    middleRight = splitView.childViews[2];
-    right = splitView.childViews[3];
-  }
-});
-
-function confirmPositions() {
-  for (var i = 0; i < arguments.length; i++) {
-    equals(splitView.childViews[i].get('position'), arguments[i]);
-  }
-}
-
-test("Initial positions are correct", function() {
-  // the left and right sides do not resize unless forced to; as such, they
-  // stay at 100.
-  confirmPositions(0, 100, 400, 700);
-});
-
-test("Repositioning handles indirectness", function() {
-  var result;
-  
-  // moving within available space works
-  result = splitView.adjustPositionForChild(middleLeft, 200);
-  equals(result, 200, "Moved to target position successfully.");
-  confirmPositions(0, 200, 400, 700);
-  
-  // indirect being turned off for the next view, moving past min size
-  // for middleLeft should still work because it is an immediate sibling
-  result = splitView.adjustPositionForChild(middleLeft, 400);
-  equals(result, 400, "Moved to 400");
-  confirmPositions(0, 400, 500, 700);
-  
-  // moving so far as to move the fourth view, however, should not work (it is fixed size)
-  result = splitView.adjustPositionForChild(middleLeft, 700);
-  equals(result, 500, "Limited to 500 due to minimum sizes and because last cannot move.");
-  confirmPositions(0, 500, 600, 700);
-  
-  // changing last from fixed should not allow it through if indirect is not allowed
-  right.set('autoResizeStyle', SC.RESIZE_AUTOMATIC);
-  right.set('allowsIndirectAdjustments', NO);
-  
-  result = splitView.adjustPositionForChild(middleLeft, 700);
-  equals(result, 500, "Limited to 500 due to minimum sizes and because last cannot move.");
-  confirmPositions(0, 500, 600, 700);
-  
-  // but it should work if indirect _is_ allowed (rightmost should collapse)
-  right.set('allowsIndirectAdjustments', YES);
-  
-  result = splitView.adjustPositionForChild(middleLeft, 700);
-  equals(result, 600, "Limited to 600 due to minimum sizes and because last collapses.");
-  confirmPositions(0, 600, 700, 800);
-});
-
-test("Repositioning without compensation", function() {
-  // first, disable all compensation
-  left.set('compensatesForMovement', NO);
-  middleLeft.set('compensatesForMovement', NO);
-  middleRight.set('compensatesForMovement', NO);
-  right.set('compensatesForMovement', NO);
-  
-  var result;
-  
-  // repositioning middle-left should fail because rightmost can't move.
-  result = splitView.adjustPositionForChild(middleLeft, 800);
-  equals(result, 100, "Failed to move to target because compensation is off.");
-  confirmPositions(0, 100, 400, 700);
-  
-  // turning compensation on for second-to-right makes _it_ move to max
-  middleRight.set('compensatesForMovement', YES);
-  result = splitView.adjustPositionForChild(middleLeft, 800);
-  equals(result, 300, "Moved to min width of middleRight");
-  confirmPositions(0, 300, 600, 700);
-});
-
-test("Resizing split view", function() {
-  SC.RunLoop.begin();
-  // note: we test both horizontal and vertical
-  splitView.adjust('width', 1600);
-  splitView.adjust('height', 1600);
-  SC.RunLoop.end();
-  
-  // should have resized the auto resizable parts
-  confirmPositions(0, 100, 800, 1500);
-  
-  // manually resize left part; we're going to test that, when it gets small enough,
-  // even the RESIZE_MANUAL will change sizes
-  splitView.adjustPositionForChild(middleLeft, 300);
-  
-  // so now, just to be clear, the positions should be:
-  confirmPositions(0, 300, 800, 1500);
-  
-  // so, if we now resize to _really really tiny_
-  SC.RunLoop.begin();
-  splitView.adjust('width', 400);
-  splitView.adjust('height', 400);
-  SC.RunLoop.end();
-  
-  // we should see that even the RESIZE_MANUAL has resized.
-  confirmPositions(0, 100, 200, 300);
-  
-  // and if we shrink further still...
-  SC.RunLoop.begin();
-  splitView.adjust('width', 300);
-  splitView.adjust('height', 300);
-  SC.RunLoop.end();
-  
-  // there should be change, because the left side collapses.
-  confirmPositions(0, 0, 100, 200);
-  
-  // and if we shrink further still...
-  SC.RunLoop.begin();
-  splitView.adjust('width', 200);
-  splitView.adjust('height', 200);
-  SC.RunLoop.end();
-  
-  // there should be no change
-  confirmPositions(0, 0, 100, 200);
-  
-  // and if we shrink further still, way beyond the smallest it can get...
-  SC.RunLoop.begin();
-  splitView.adjust('width', 100);
-  splitView.adjust('height', 100);
-  SC.RunLoop.end();
-  
-  // there should be no change
-  confirmPositions(0, 0, 100, 200);
-});
-
-test("Fitting to fill disabled", function() {
-  splitView.set('shouldResizeChildrenToFit', NO);
-  
-  // so, first thing: Resize, and ensure things are where they started.
-  SC.RunLoop.begin();
-  // note: we test both horizontal and vertical
-  splitView.adjust('width', 1600);
-  splitView.adjust('height', 1600);
-  SC.RunLoop.end();
-  
-  confirmPositions(0, 100, 400, 700);
-  
-  // now, move one, and see that compensation, etc. still works properly
-  splitView.adjustPositionForChild(middleLeft, 500);
-  confirmPositions(0, 500, 600, 700);
-  
-  // move back, and make sure compensation still took effect
-  splitView.adjustPositionForChild(middleLeft, 100);
-  confirmPositions(0, 100, 600, 700);
-  
-  // disable compensation and move again
-  middleLeft.set('compensatesForMovement', NO);
-  middleRight.set('compensatesForMovement', NO);
-  right.set('compensatesForMovement', NO);
-  
-  splitView.adjustPositionForChild(middleLeft, 500);
-  confirmPositions(0, 500, 1000, 1100);
-  
-  // disable indirect for last item and check that movement cannot occur
-  right.set('allowsIndirectAdjustments', NO);
-  
-  var result = splitView.adjustPositionForChild(middleLeft, 700);
-  equals(result, 500, "Should not be able to move (last does not allow indirect adjustments)");
-  confirmPositions(0, 500, 1000, 1100);
-  
-  result = splitView.adjustPositionForChild(middleLeft, 200);
-  equals(result, 500, "Should not be able to move (last does not allow indirect adjustments)");
-  confirmPositions(0, 500, 1000, 1100);
-});
-
-}
-
-setupTestSuite(SC.LAYOUT_HORIZONTAL);
-setupTestSuite(SC.LAYOUT_VERTICAL);