sproutcore 1.0.1046 → 1.0.1049.pre.1

data/frameworks/sproutcore/frameworks/foundation/system/utils.js

@@ -2,7 +2,7 @@
 // Project:   SproutCore - JavaScript Application Framework
 // Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
 //            Portions ©2008-2009 Apple Inc. All rights reserved.
-// License:   Licened under MIT license (see license.js)
+// License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
 // These are helpful utility functions for calculating range and rect values
@@ -27,8 +27,8 @@ SC.mixin( /** @scope SC */ {
     download also.
   */
   download: function(path) {
-    var tempDLIFrame=document.createElement('iframe');
-    var frameId = 'DownloadFrame_' + this._downloadFrames;
+    var tempDLIFrame=document.createElement('iframe'),
+        frameId = 'DownloadFrame_' + this._downloadFrames;
     SC.$(tempDLIFrame).attr('id',frameId);
     tempDLIFrame.style.border='10px';
     tempDLIFrame.style.width='0px';
@@ -80,6 +80,12 @@ SC.mixin( /** @scope SC */ {
     return url ;
   },
   
+  /** Return true if the number is between 0 and 1 */
+  isPercentage: function(val){
+    return (val<1 && val>0);
+  },
+
+  
   
   /** Return the left edge of the frame */
   minX: function(frame) { 
@@ -179,7 +185,7 @@ SC.mixin( /** @scope SC */ {
       x: Math.min(SC.minX(r1), SC.minX(r2)),
       y: Math.min(SC.minY(r1), SC.minY(r2)),
       width: Math.max(SC.maxX(r1), SC.maxX(r2)),
-      height: Math.max(SC.maxY(r1), SC.maxX(r2))
+      height: Math.max(SC.maxY(r1), SC.maxY(r2))
     } ;
     
     // convert edges to w/h
@@ -205,7 +211,12 @@ SC.mixin( /** @scope SC */ {
     @returns {String} A string representation of the rect.
   */
   stringFromRect: function(r) {
-    return '{%@, %@, %@, %@}'.fmt(r.x, r.y, r.width, r.height);
+    if (!r) {
+      return "(null)";
+    }
+    else {
+      return '{x:'+r.x+', y:'+r.y+', width:'+r.width+', height:'+r.height+'}';
+    }
   },
   
   /**
@@ -234,12 +245,11 @@ SC.mixin( /** @scope SC */ {
     // quickly.
     var keys = ['maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'centerY',
                 'centerX', 'width', 'height', 'bottom', 'right', 'top',
-                'left'];
-
-    var keyValues = [];
-    var i = keys.length;
+                'left'],
+        keyValues = [], key,
+        i = keys.length;
     while (--i >= 0) {
-      var key = keys[i];
+      key = keys[i];
       if (layout.hasOwnProperty(key)) {
         keyValues.push(key + ':' + layout[key]);
       }
@@ -273,11 +283,12 @@ SC.mixin( /** @scope SC */ {
       document.body.insertBefore(elem, null);
     }
 
-    style = '%@; width: %@px; left: %@px; position: absolute'.fmt(style, width, (-1*width));
-    SC.$(elem).attr('style', style);
+    style = style+'; width: '+width+'px; left: '+(-1*width)+'px; position: absolute';
+    var cqElem = SC.$(elem);
+    cqElem.attr('style', style);
 
     if (classes !== '') {
-      SC.$(elem).attr('class', classes);
+      cqElem.attr('class', classes);
     }
 
     elem.innerHTML = str;
@@ -288,18 +299,18 @@ SC.mixin( /** @scope SC */ {
   },
   
   /**
-  Given a string and an example element or style string, and an optional
-  set of class names, calculates the width and height of that block of text.
+  Sets up a string measuring environment.
   
-  To constrain the width, set max-width on the exampleElement or in the style string.
+  You may want to use this, in conjunction with teardownStringMeasurement and
+  measureString, instead of metricsForString, if you will be measuring many strings
+  with the same settings. It would be a lot more efficient, as it would only prepare
+  and teardown once instead of several times.
   
-  @param string {String} The string to measure.
   @param exampleElement The example element to grab styles from, or the style string to use.
   @param classNames {String} (Optional) Class names to add to the test element.
   */
-  metricsForString: function(string, exampleElement, classNames)
-  {
-    var element = this._metricsCalculationElement, width, height, classes, styles, style;
+  prepareStringMeasurement: function(exampleElement, classNames) {
+    var element = this._metricsCalculationElement, classes, styles, style;
     
     // collect the class names
     classes = SC.A(classNames).join(' ');
@@ -368,27 +379,74 @@ SC.mixin( /** @scope SC */ {
       element.setAttribute("style", style + "; position:absolute; left: 0px; top: 0px; bottom: auto; right: auto; width: auto; height: auto;");
     }
     
+    element.className = classes;
+    element = null;
+  },
+  
+  /**
+  Tears down the string measurement environment. Usually, this doesn't _have_
+  to be called, but there are too many what ifs: for example, what if the measurement
+  environment has a bright green background and is over 10,000px wide? Guess what: it will
+  become visible on the screen.
+  
+  So, generally, we tear the measurement environment down so that it doesn't cause issue.
+  However, we keep the DOM element for efficiency.
+  */
+  teardownStringMeasurement: function() {
+    var element = this._metricsCalculationElement;
+    
+    // clear element
+    element.innerHTML = "";
+    element.className = "";
+    element.setAttribute("style", ""); // get rid of any junk from computed style.
+    element = null;
+  },
+  
+  /**
+  Measures a string in the prepared environment.
+  
+  An easier and simpler alternative (but less efficient for bulk measuring) is metricsForString.
+  
+  @param string {String} The string to measure.
+  */
+  measureString: function(string) {
+    var element = this._metricsCalculationElement;
+    if (!element) {
+      throw "measureString requires a string measurement environment to be set up. Did you mean metricsForString?";
+    }
+    
     // the conclusion of which to use (innerText or textContent) should be cached
     if (typeof element.innerText != "undefined") element.innerText = string;
     else element.textContent = string;
     
-    element.className = classes;
-    
-    // measure
+    // generate result
     var result = {
       width: element.clientWidth,
       height: element.clientHeight
     };
     
-    // clear element
-    element.innerHTML = "";
-    element.className = "";
-    element.setAttribute("style", ""); // get rid of any junk from computed style.
-    
-    // clean up
     element = null;
     return result;
   },
+  
+  
+  /**
+  Given a string and an example element or style string, and an optional
+  set of class names, calculates the width and height of that block of text.
+  
+  To constrain the width, set max-width on the exampleElement or in the style string.
+  
+  @param string {String} The string to measure.
+  @param exampleElement The example element to grab styles from, or the style string to use.
+  @param classNames {String} (Optional) Class names to add to the test element.
+  */
+  metricsForString: function(string, exampleElement, classNames)
+  {
+    SC.prepareStringMeasurement(exampleElement, classNames);
+    var result = SC.measureString(string);
+    SC.teardownStringMeasurement();
+    return result;
+  },
 
   /** Finds the absolute viewportOffset for a given element.
     This method is more accurate than the version provided by prototype.
@@ -405,12 +463,12 @@ SC.mixin( /** @scope SC */ {
       return { x:boundingRect.left, y:boundingRect.top };
     }
     
-    var valueL = 0 ; var valueT = 0;
-
+    var valueL = 0, valueT = 0, cqElement, overflow, left, top, offsetParent,
+        element = el, isFirefox3 = SC.browser.mozilla >= 3 ;
     // add up all the offsets for the element.
-    var element = el ;
-    var isFirefox3 = SC.browser.mozilla >= 3 ;
+   
     while (element) {
+      cqElement = SC.$(element);
       valueT += (element.offsetTop  || 0);
       if (!isFirefox3 || (element !== el)) {
         valueT += (element.clientTop  || 0);
@@ -424,10 +482,10 @@ SC.mixin( /** @scope SC */ {
       // bizarely for FireFox if your offsetParent has a border, then it can 
       // impact the offset. 
       if (SC.browser.mozilla) {
-        var overflow = SC.$(element).attr('overflow') ;
+        overflow = cqElement.attr('overflow') ;
         if (overflow !== 'visible') {
-          var left = parseInt(SC.$(element).attr('borderLeftWidth'),0) || 0 ;
-          var top = parseInt(SC.$(element).attr('borderTopWidth'),0) || 0 ;
+          left = parseInt(cqElement.attr('borderLeftWidth'),0) || 0 ;
+          top = parseInt(cqElement.attr('borderTopWidth'),0) || 0 ;
           if (el !== element) {
             left *= 2; top *= 2 ;
           }
@@ -436,8 +494,8 @@ SC.mixin( /** @scope SC */ {
         
         // In FireFox 3 -- the offsetTop/offsetLeft subtracts the clientTop/
         // clientLeft of the offset parent.
-        var offsetParent = element.offsetParent ;
-        if ((SC.browser.mozilla >= 3) && offsetParent) {
+        offsetParent = element.offsetParent ;
+        if (SC.browser.mozilla.match(/1[.]9/) && offsetParent) {
           valueT -= offsetParent.clientTop ;
           valueL -= offsetParent.clientLeft;
         }
@@ -445,7 +503,7 @@ SC.mixin( /** @scope SC */ {
 
       // Safari fix
       if (element.offsetParent == document.body &&
-        SC.$(element).attr('position') == 'absolute') break;
+        cqElement.attr('position') === 'absolute') break;
 
       element = element.offsetParent ;
 
@@ -453,7 +511,7 @@ SC.mixin( /** @scope SC */ {
 
     element = el;
     while (element) {
-      if (!SC.browser.isOpera || element.tagName == 'BODY') {
+      if (!SC.browser.isOpera || element.tagName === 'BODY') {
         valueT -= element.scrollTop  || 0;
         valueL -= element.scrollLeft || 0;
       }
@@ -489,8 +547,8 @@ SC.mixin( /** @scope SC */ {
     if ((r1 == null) || (r1.length < 0)) return r2 ;
     if ((r2 == null) || (r2.length < 0)) return r1 ;
     
-    var min = Math.min(r1.start, r2.start) ;
-    var max = Math.max(SC.maxRange(r1), SC.maxRange(r2)) ;
+    var min = Math.min(r1.start, r2.start),
+        max = Math.max(SC.maxRange(r1), SC.maxRange(r2)) ;
     return { start: min, length: max - min } ;
   },
   
@@ -498,8 +556,8 @@ SC.mixin( /** @scope SC */ {
   intersectRanges: function(r1, r2) {
     if ((r1 == null) || (r2 == null)) return SC.RANGE_NOT_FOUND ;
     if ((r1.length < 0) || (r2.length < 0)) return SC.RANGE_NOT_FOUND;
-    var min = Math.max(SC.minRange(r1), SC.minRange(r2)) ;
-    var max = Math.min(SC.maxRange(r1), SC.maxRange(r2)) ;
+    var min = Math.max(SC.minRange(r1), SC.minRange(r2)),
+        max = Math.min(SC.maxRange(r1), SC.maxRange(r2)) ;
     if (max < min) return SC.RANGE_NOT_FOUND ;
     return { start: min, length: max-min };
   },
@@ -508,8 +566,8 @@ SC.mixin( /** @scope SC */ {
   subtractRanges: function(r1, r2) {
     if ((r1 == null) || (r2 == null)) return SC.RANGE_NOT_FOUND ;
     if ((r1.length < 0) || (r2.length < 0)) return SC.RANGE_NOT_FOUND;
-    var max = Math.max(SC.minRange(r1), SC.minRange(r2)) ;
-    var min = Math.min(SC.maxRange(r1), SC.maxRange(r2)) ;
+    var max = Math.max(SC.minRange(r1), SC.minRange(r2)),
+        min = Math.min(SC.maxRange(r1), SC.maxRange(r2)) ;
     if (max < min) return SC.RANGE_NOT_FOUND ;
     return { start: min, length: max-min };
   },
@@ -531,17 +589,15 @@ SC.mixin( /** @scope SC */ {
 
   /** Returns hex color from hsv value */
   convertHsvToHex: function (h, s, v) {
-    var r = 0;
-    var g = 0;
-    var b = 0;
+    var r = 0, g = 0, b = 0;
 
     if (v > 0) {
-      var i = (h == 1) ? 0 : Math.floor(h * 6);
-      var f = (h == 1) ? 0 : (h * 6) - i;
-      var p = v * (1 - s);
-      var q = v * (1 - (s * f));
-      var t = v * (1 - (s * (1 - f)));
-      var rgb = [[v,t,p],[q,v,p],[p,v,t],[p,q,v],[t,p,v],[v,p,q]];
+      var i = (h == 1) ? 0 : Math.floor(h * 6),
+          f = (h == 1) ? 0 : (h * 6) - i,
+          p = v * (1 - s),
+          q = v * (1 - (s * f)),
+          t = v * (1 - (s * (1 - f))),
+          rgb = [[v,t,p],[q,v,p],[p,v,t],[p,q,v],[t,p,v],[v,p,q]];
       r = Math.round(255 * rgb[i][0]);
       g = Math.round(255 * rgb[i][1]);
       b = Math.round(255 * rgb[i][2]);
@@ -551,13 +607,13 @@ SC.mixin( /** @scope SC */ {
 
   /** Returns hsv color from hex value */
   convertHexToHsv: function (hex) {
-    var rgb = this.expandColor(hex);
-    var max = Math.max(Math.max(rgb[0], rgb[1]), rgb[2]);
-    var min = Math.min(Math.min(rgb[0], rgb[1]), rgb[2]);
+    var rgb = this.expandColor(hex),
+        max = Math.max(Math.max(rgb[0], rgb[1]), rgb[2]),
+        min = Math.min(Math.min(rgb[0], rgb[1]), rgb[2]);
 
     var h = (max == min) ? 0 : ((max == rgb[0]) ? ((rgb[1]-rgb[2])/(max-min)/6) : ((max == rgb[1]) ? ((rgb[2]-rgb[0])/(max-min)/6+1/3) : ((rgb[0]-rgb[1])/(max-min)/6+2/3)));
     h = (h < 0) ? (h + 1) : ((h > 1)  ? (h - 1) : h);
-    var s = (max == 0) ? 0 : (1 - min/max);
+    var s = (max === 0) ? 0 : (1 - min/max);
     var v = max/255;
     return [h, s, v];
   },
@@ -623,6 +679,23 @@ SC.mixin( /** @scope SC */ {
   		strValue = oElm.currentStyle[strCssRule];
   	}
   	return strValue;
-  }
+  },
 
+  // Convert double byte characters to standard Unicode. Considers only
+  // conversions from zenkaku to hankaky roomaji
+  uniJapaneseConvert: function (str){ 
+    var nChar, cString= '', j;
+    //here we cycle through the characters in the current value 
+    for (j=0; j<str.length; j++){ 
+      nChar = str.charCodeAt(j);
+
+      //here we do the unicode conversion from zenkaku to hankaku roomaji 
+      nChar = ((nChar>=65281 && nChar<=65392)?nChar-65248:nChar);
+
+      //MS IME seems to put this character in as the hyphen from keyboard but not numeric pad... 
+      nChar = ( nChar===12540?45:nChar) ;
+      cString = cString + String.fromCharCode(nChar); 
+    }
+    return cString; 
+  }
 }) ;

data/frameworks/sproutcore/frameworks/foundation/tasks/preload_bundle.js

@@ -0,0 +1,41 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+require("tasks/task");
+
+// default callback
+SC.didPreloadBundle = function() {};
+
+/**
+  @private
+  A task that preloads a bundle, supplying a target and action to be called
+  on bundle load completion.
+*/
+SC.PreloadBundleTask = SC.Task.extend({
+  /**
+    The identifier of the bundle to load.
+  */
+  bundle: null,
+  
+  /**
+    The target to supply to SC.loadBundle.
+  */
+  target: "SC",
+  
+  /**
+    The action to supply to SC.loadBundle.
+  */
+  action: "preloaded",
+  
+  run: function(queue) {
+    var bundle;
+    if (bundle = this.get("bundle")) {
+      var st = Date.now();
+      SC.loadBundle(this.get("bundle"), this.get("target"), this.get("action"));
+    }
+  }
+});

data/frameworks/sproutcore/frameworks/foundation/tasks/task.js

@@ -0,0 +1,17 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+/**
+  Represents a single task which can be run by a task queue. Note that tasks
+  are actually allowed to add themselves back onto the queue if they did not/
+  might not finish.
+*/
+SC.Task = SC.Object.extend({
+  run: function(queue) {
+    // if needed, you could put the task back on the queue for later finishing.
+  }
+});

data/frameworks/sproutcore/frameworks/foundation/tests/controllers/array/array_case.js

@@ -2,7 +2,7 @@
 // Project:   SproutCore - JavaScript Application Framework
 // Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
 //            Portions ©2008-2009 Apple Inc. All rights reserved.
-// License:   Licened under MIT license (see license.js)
+// License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
 /*globals throws */

data/frameworks/sproutcore/frameworks/foundation/tests/controllers/array/enum_case.js

@@ -2,7 +2,7 @@
 // Project:   SproutCore - JavaScript Application Framework
 // Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
 //            Portions ©2008-2009 Apple Inc. All rights reserved.
-// License:   Licened under MIT license (see license.js)
+// License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
 /*globals throws should_throw*/

data/frameworks/sproutcore/frameworks/foundation/tests/controllers/array/null_case.js

@@ -2,7 +2,7 @@
 // Project:   SproutCore - JavaScript Application Framework
 // Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
 //            Portions ©2008-2009 Apple Inc. All rights reserved.
-// License:   Licened under MIT license (see license.js)
+// License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
 /*globals throws should_throw*/

data/frameworks/sproutcore/frameworks/foundation/tests/controllers/array/selection_support.js

@@ -0,0 +1,318 @@
+// ==========================================================================
+// 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)
+// ==========================================================================
+/*globals module test htmlbody ok equals same stop start Q$ */
+
+var controller, // The sample array controller to test with
+content, // The sample content
+TestObject; // Class for sample content objects
+//
+TestObject = SC.Object.extend({
+  title: "test",
+  toString: function() {
+    return "TestObject(%@)".fmt(this.get("title"));
+  }
+});
+
+/**
+  Common set up and teardown for the module. To run this test manually visit:
+  http://localhost:4020/sproutcore/foundation/en/current/tests/controllers/array/selection_support.html
+*/
+module("Test SC.SelectionSupport mixin with ArrayController.", {
+  setup: function() {
+    content = "Apples Bananas Cherries Dates Eggfruit".w().map(function(name) {
+      return TestObject.create({
+        title: name
+      });
+    });
+
+    controller = SC.ArrayController.create({
+      content: content
+    });
+  },
+
+  teardown: function() {
+  }
+});
+
+/**
+  This test is not particularly useful, just a means to get warmed up for more advanced testing below.
+*/
+test("SC.ArrayController(SC.SelectionSupport) defaults",
+function() {
+  ok(controller.get("hasSelectionSupport"), 'array controller hasSelectionSupport should be true');
+  ok(controller.get("allowsSelection"), 'array controller allowsSelection should be true');
+  ok(controller.get("allowsMultipleSelection"), 'array controller allowsMultipleSelection should be true');
+  ok(controller.get("allowsEmptySelection"), 'array controller allowsEmptySelection should be true');
+});
+
+/**
+  Make sure that first selectable object works even though the content and order may change.
+*/
+test("SC.ArrayController(SC.SelectionSupport) first selectable object",
+function() {
+  equals(controller.get('firstSelectableObject'), content[0], 'first selectable object should be the first object in arrangedObjects');
+
+  // Reorder the content
+  controller.set('orderBy', 'DESC title');
+
+  equals(controller.get('firstSelectableObject'), content[4], 'first selectable object should be the first object in arrangedObjects (changed order)');
+});
+
+/**
+  Make sure that the empty selection property is honoured.
+*/
+test("SC.ArrayController(SC.SelectionSupport) selection is empty only if allowed",
+function() {
+  var selectionSet, source = controller.get('arrangedObjects'),
+  indexSet;
+
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  ok(!controller.get('hasSelection'), 'array controller should not have a selection');
+  ok(indexSet === null, 'selection set should not have an indexSet');
+
+  // Disable allowing empty selection
+  controller.set('allowsEmptySelection', NO);
+
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  ok(controller.get('hasSelection'), 'array controller should have a selection');
+  ok(indexSet !== null, 'selection set should have an indexSet');
+  equals(selectionSet.get('length'), 1, 'selection set should have length 1');
+  equals(indexSet.length, 1, 'selection set should have an indexSet with length 1');
+  ok(selectionSet.containsObject(content[0]), 'selection should be the first content object');
+});
+
+/**
+  Make sure that the multiple selection property is honoured.
+*/
+test("SC.ArrayController(SC.SelectionSupport) selection is multiple only if allowed",
+function() {
+  var selectionSet, source = controller.get('arrangedObjects'),
+  indexSet;
+
+  // Select 3 items
+  controller.selectObjects([content[0], content[2], content[4]], NO);
+
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  ok(controller.get('hasSelection'), 'array controller should have a selection');
+  ok(indexSet !== null, 'selection set should have an indexSet');
+  equals(selectionSet.get('length'), 3, 'selection set should have length 3');
+  equals(indexSet.length, 3, 'selection set should have an indexSet with length 3');
+  ok(selectionSet.containsObject(content[0]), 'selection should contain the first content object');
+  ok(selectionSet.containsObject(content[2]), 'selection should contain the third content object');
+  ok(selectionSet.containsObject(content[4]), 'selection should contain the fifth content object');
+
+  // Disable allowing multiple selection
+  controller.set('allowsMultipleSelection', NO);
+
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  ok(controller.get('hasSelection'), 'array controller should still have a selection');
+  ok(indexSet !== null, 'selection set should still have an indexSet');
+  equals(selectionSet.get('length'), 1, 'selection set should have length 1');
+  equals(indexSet.length, 1, 'selection set should have an indexSet with length 1');
+  ok(selectionSet.containsObject(content[4]), 'selection should be the fifth content object');
+});
+
+/**
+  Test that selection remains while content grows.
+*/
+test("SC.ArrayController(SC.SelectionSupport) selection remains while content grows",
+function() {
+  var selectionSet, source, newObject, indexSet;
+
+  // Select 3 items
+  controller.selectObjects([content[1], content[2], content[3]], NO);
+
+  // Add an item to the content
+  newObject = TestObject.create({
+    title: 'Figs'
+  });
+  controller.addObject(newObject);
+
+  source = controller.get('arrangedObjects');
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  equals(source.get('length'), 6, 'array controller content should have six items');
+  ok(controller.get('hasSelection'), 'array controller should still have a selection');
+  ok(indexSet !== null, 'selection set should still have an indexSet');
+  equals(selectionSet.get('length'), 3, 'selection set should have length 3');
+  equals(indexSet.length,  3, 'selection set should have an indexSet with length 3');
+  ok(selectionSet.containsObject(content[1]), 'selection should contain the second content object');
+  ok(selectionSet.containsObject(content[2]), 'selection should contain the third content object');
+  ok(selectionSet.containsObject(content[3]), 'selection should contain the fourth content object');
+});
+
+/**
+  Test that selection remains while content shrinks, but doesn't effect the selection.
+*/
+test("SC.ArrayController(SC.SelectionSupport) selection remains while content shrinks",
+function() {
+  var selectionSet, source, indexSet;
+
+  // Select 3 items
+  controller.selectObjects([content[1], content[2], content[3]], NO);
+
+  // Remove an item from the content without effecting the selection
+  controller.removeObject(content[0]);
+
+  source = controller.get('arrangedObjects');
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  equals(source.get('length'), 4, 'array controller content should have four items');
+  ok(controller.get('hasSelection'), 'array controller should still have a selection');
+  ok(indexSet !== null, 'selection set should still have an indexSet');
+  equals(selectionSet.get('length'), 3, 'selection set should have length 3');
+  equals(indexSet.length, 3, 'selection set should have an indexSet with length 3');
+  ok(selectionSet.containsObject(content[0]), 'selection should contain the second content object (now first)');
+  ok(selectionSet.containsObject(content[1]), 'selection should contain the third content object (now second)');
+  ok(selectionSet.containsObject(content[2]), 'selection should contain the fourth content object (now third)');
+
+  // Remove another item from the content without effecting the selection
+  controller.removeObject(content[3]);
+
+  source = controller.get('arrangedObjects');
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  equals(source.get('length'), 3, 'array controller content should have three items');
+  ok(controller.get('hasSelection'), 'array controller should still have a selection');
+  ok(indexSet !== null, 'selection set should still have an indexSet');
+  equals(selectionSet.get('length'), 3, 'selection set should have length 3');
+  equals(indexSet.length, 3, 'selection set should have an indexSet with length 3');
+  ok(selectionSet.containsObject(content[0]), 'selection should contain the second content object (still first)');
+  ok(selectionSet.containsObject(content[1]), 'selection should contain the third content object (still second)');
+  ok(selectionSet.containsObject(content[2]), 'selection should contain the fourth content object (still third)');
+});
+
+/**
+  Test that selection changes while content shrinks effecting the selection.
+*/
+test("SC.ArrayController(SC.SelectionSupport) selection changes while content shrinks effecting the selection",
+function() {
+  var selectionSet, source, indexSet;
+
+  // Select 3 items
+  controller.selectObjects([content[1], content[2], content[3]], NO);
+
+  // Remove an item from the content effecting the selection
+  controller.removeObject(content[2]);
+
+  source = controller.get('arrangedObjects');
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  equals(source.get('length'), 4, 'array controller content should have four items');
+  ok(controller.get('hasSelection'), 'array controller should still have a selection');
+  ok(indexSet !== null, 'selection set should still have an indexSet');
+  equals(selectionSet.get('length'), 2, 'selection set should have length 2');
+  equals(indexSet.length, 2, 'selection set should have an indexSet with length 2');
+  ok(selectionSet.containsObject(content[1]), 'selection should contain the second content object');
+  ok(selectionSet.containsObject(content[2]), 'selection should contain the fourth content object (now third)');
+
+  // Remove another item from the content effecting the selection
+  controller.removeObject(content[1]);
+
+  source = controller.get('arrangedObjects');
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  equals(source.get('length'), 3, 'array controller content should have three items');
+  ok(controller.get('hasSelection'), 'array controller should still have a selection');
+  ok(indexSet !== null, 'selection set should still have an indexSet');
+  equals(selectionSet.get('length'), 1, 'selection set should have length 1');
+  equals(indexSet.length, 1, 'selection set should have an indexSet with length 1');
+  ok(selectionSet.containsObject(content[1]), 'selection should contain the fourth content object (now second)');
+});
+
+/**
+  Test that selection remains while content is replaced without effecting the selection.
+*/
+test("SC.ArrayController(SC.SelectionSupport) selection remains while content is replaced without effecting the selection",
+function() {
+  var newObject1, newObject2, selectionSet, source, indexSet;
+
+  // Select 2 items
+  controller.selectObjects([content[1], content[2]], NO);
+
+  newObject1 = TestObject.create({
+    title: 'Figs'
+  });
+  newObject2 = TestObject.create({
+    title: 'Grapefruits'
+  });
+
+  // Replace an item in the content without effecting the selection
+  controller.replace(3, 1, [newObject1, newObject2]);
+
+  source = controller.get('arrangedObjects');
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  equals(source.get('length'), 6, 'array controller content should have six items');
+  ok(controller.get('hasSelection'), 'array controller should still have a selection');
+  ok(indexSet !== null, 'selection set should still have an indexSet');
+  equals(selectionSet.get('length'), 2, 'selection set should have length 2');
+  equals(indexSet.length, 2, 'selection set should have an indexSet with length 2');
+  ok(selectionSet.containsObject(content[1]), 'selection should contain the second content object');
+  ok(selectionSet.containsObject(content[2]), 'selection should contain the third content object');
+
+  // Replace another item in the content without effecting the selection
+  controller.replace(0, 1, [newObject1, newObject2]);
+
+  source = controller.get('arrangedObjects');
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  equals(source.get('length'), 7, 'array controller content should have seven items');
+  ok(controller.get('hasSelection'), 'array controller should still have a selection');
+  ok(indexSet !== null, 'selection set should still have an indexSet');
+  equals(selectionSet.get('length'), 2, 'selection set should have length 2');
+  equals(indexSet.length, 2, 'selection set should have an indexSet with length 2');
+  ok(selectionSet.containsObject(content[2]), 'selection should contain the second content object (now third)');
+  ok(selectionSet.containsObject(content[3]), 'selection should contain the third content object (now fourth)');
+});
+
+/**
+  Test that selection remains while content is replaced effecting the selection.
+*/
+test("SC.ArrayController(SC.SelectionSupport) selection remains while content is replaced effecting the selection",
+function() {
+  var newObject1, newObject2, selectionSet, source, indexSet;
+
+  // Select 3 items
+  controller.selectObjects([content[1], content[2], content[3]], NO);
+
+  newObject1 = TestObject.create({
+    title: 'Figs'
+  });
+  newObject2 = TestObject.create({
+    title: 'Grapefruits'
+  });
+
+  // Replace an item in the content effecting the selection
+  controller.replace(3, 1, [newObject1]);
+
+  source = controller.get('arrangedObjects');
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  equals(source.get('length'), 5, 'array controller content should have five items');
+  ok(controller.get('hasSelection'), 'array controller should still have a selection');
+  ok(indexSet !== null, 'selection set should still have an indexSet');
+  equals(selectionSet.get('length'), 2, 'selection set should have length 2');
+  equals(indexSet.length, 2, 'selection set should have an indexSet with length 2');
+  ok(selectionSet.containsObject(content[1]), 'selection should contain the second content object');
+  ok(selectionSet.containsObject(content[2]), 'selection should contain the third content object');
+
+  // Replace another item in the content effecting the selection
+  controller.replace(1, 2, [newObject1, newObject2]);
+
+  source = controller.get('arrangedObjects');
+  selectionSet = controller.get('selection');
+  indexSet = selectionSet.indexSetForSource(source);
+  equals(source.get('length'), 5, 'array controller content should have five items');
+  ok(!controller.get('hasSelection'), 'array controller should not still have a selection');
+  equals(selectionSet.get('length'), 0, 'selection set should have length 0');
+  ok(indexSet === null, 'selection set should not still have an indexSet');
+});