sproutcore 1.5.0-java → 1.6.0.beta.2-java

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/platform.js

@@ -37,8 +37,8 @@ SC.platform = SC.Object.create({
 
   /*
     NOTES
-      - A development version of Chrome 9 incorrectly reported supporting touch
-      - Android is assumed to support touch, but incorrectly reports that it does not
+     - A development version of Chrome 9 incorrectly reported supporting touch
+     - Android is assumed to support touch, but incorrectly reports that it does not
   */
   /**
     YES if the current device supports touch events, NO otherwise.

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/render_context.js

@@ -259,40 +259,7 @@ SC.RenderContext = SC.Builder.create(/** SC.RenderContext.fn */ {
     @returns {DOMElement} the element
   */
   element: function() {
-    if (this._elem) return this._elem;
-
-    // create factory div if needed
-    var K       = SC.RenderContext,
-        factory = K.factory,
-        ret, child;
-
-    if (!factory) {
-      factory = K.factory = document.createElement('div');
-    }
-    factory.innerHTML = this.join();
-
-    // In IE something weird happens when reusing the same element.
-    // After setting innerHTML, the innerHTML of the element in the previous
-    // view turns blank.  It seems that there is something weird with their
-    // garbage  collection algorithm. I tried just removing the nodes after
-    // keeping a  reference to the first child, but it didn't work.  I ended
-    // up cloning the first child.
-    if (SC.browser.msie) {
-      if (factory.innerHTML.length > 0) {
-        child = factory.firstChild.cloneNode(true);
-        factory.innerHTML = '';
-      }
-      else {
-        child = null;
-      }
-    }
-    else {
-      // Faster path (avoiding the unnecessary node clone) for non-IE
-      // browsers.
-      child = factory.firstChild;
-    }
-
-    return child ;
+    return this._elem ? this._elem : SC.$(this.join())[0]
   },
 
   /**

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/root_responder.js

@@ -18,7 +18,7 @@ SC.CAPTURE_BACKSPACE_KEY = NO ;
   RootResponder directly.  Instead you will work with Pane objects, which
   register themselves with the RootResponder as needed to receive events.
 
-  h1. RootResponder and Platforms
+  ## RootResponder and Platforms
 
   RootResponder contains core functionality common among the different web
   platforms. You will likely be working with a subclass of RootResponder that
@@ -27,24 +27,24 @@ SC.CAPTURE_BACKSPACE_KEY = NO ;
   The correct instance of RootResponder is detected at runtime and loaded
   transparently.
 
-  h1. Event Types
+  ## Event Types
 
   RootResponders can route four types of events:
 
-  - Direct events, such as mouse and touch events.  These are routed to the
-    nearest view managing the target DOM elment. RootResponder also handles
-    multitouch events so that they are delegated to the correct views.
-  - Keyboard events. These are sent to the keyPane, which will then send the
-    event to the current firstResponder and up the responder chain.
-  - Resize events. When the viewport resizes, these events will be sent to all
-    panes.
-  - Keyboard shortcuts. Shortcuts are sent to the keyPane first, which
-    will go down its view hierarchy. Then they go to the mainPane, which will
-    go down its view hierarchy.
-  - Actions. Actions are generic messages that your application can send in
-    response to user action or other events. You can either specify an
-    explicit target, or allow the action to traverse the hierarchy until a
-    view is found that handles it.
+   - Direct events, such as mouse and touch events.  These are routed to the
+     nearest view managing the target DOM elment. RootResponder also handles
+     multitouch events so that they are delegated to the correct views.
+   - Keyboard events. These are sent to the keyPane, which will then send the
+     event to the current firstResponder and up the responder chain.
+   - Resize events. When the viewport resizes, these events will be sent to all
+     panes.
+   - Keyboard shortcuts. Shortcuts are sent to the keyPane first, which
+     will go down its view hierarchy. Then they go to the mainPane, which will
+     go down its view hierarchy.
+   - Actions. Actions are generic messages that your application can send in
+     response to user action or other events. You can either specify an
+     explicit target, or allow the action to traverse the hierarchy until a
+     view is found that handles it.
 */
 SC.RootResponder = SC.Object.extend({
 
@@ -406,7 +406,7 @@ SC.RootResponder = SC.Object.extend({
     the action name you pass to this method.  Set 'target' to null to search
     the responder chain.
 
-    IMPORTANT: This method's API and implementation will likely change
+    **IMPORTANT**: This method's API and implementation will likely change
     significantly after SproutCore 1.0 to match the version found in
     SC.ResponderContext.
 
@@ -959,7 +959,8 @@ SC.RootResponder = SC.Object.extend({
     for instance, prevent scrolling in a ScrollView, you need to make sure to transfer control
     back to the previous responder:
 
-    if (Math.abs(touch.pageY - touch.startY) > this.MAX_SWIPE) touch.restoreLastTouchResponder();
+        if (Math.abs(touch.pageY - touch.startY) > this.MAX_SWIPE)
+          touch.restoreLastTouchResponder();
 
     You don't call makeTouchResponder on RootResponder directly. Instead, it gets called for you
     when you return YES to captureTouch or touchStart.
@@ -968,14 +969,19 @@ SC.RootResponder = SC.Object.extend({
     a button view inside a ScrollView: if the touch moves too much, the button should give control back
     to the scroll view.
 
-    if (Math.abs(touch.pageX - touch.startX) > 4) {
-      if (touch.nextTouchResponder) touch.makeTouchResponder(touch.nextTouchResponder);
-    }
+        if (Math.abs(touch.pageX - touch.startX) > 4) {
+          if (touch.nextTouchResponder)
+            touch.makeTouchResponder(touch.nextTouchResponder);
+        }
 
     This will give control back to the containing view. Maybe you only want to do it if it is a ScrollView?
 
-    if (Math.abs(touch.pageX - touch.startX) > 4 && touch.nextTouchResponder && touch.nextTouchResponder.isScrollable)
-      touch.makeTouchResponder(touch.nextTouchResponder);
+        if (
+          Math.abs(touch.pageX - touch.startX) > 4 &&
+          touch.nextTouchResponder &&
+          touch.nextTouchResponder.isScrollable
+        )
+          touch.makeTouchResponder(touch.nextTouchResponder);
 
     Possible gotcha: while you can do touch.nextTouchResponder, the responders are not chained in a linked list like
     normal responders, because each touch has its own responder stack. To navigate through the stack (or, though

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/sparse_array.js

@@ -73,10 +73,12 @@ SC.SparseArray = SC.Object.extend(SC.Observable, SC.Enumerable, SC.Array,
     @returns {SC.SparseArray} receiver
   */
   provideLength: function(length) {
+    var oldLength;
     if (SC.none(length)) this._sa_content = null ;
     if (length !== this._length) {
+      oldLength = this._length;
       this._length = length ;
-      if (this._requestingLength <= 0) this.enumerableContentDidChange() ;
+      if (this._requestingLength <= 0) { this.arrayContentDidChange(0, oldLength||0, length||0) ; }
     }
     return this ;
   },
@@ -256,7 +258,7 @@ SC.SparseArray = SC.Object.extend(SC.Observable, SC.Enumerable, SC.Array,
     if (!content) content = this._sa_content = [] ;
     var start = range.start, len = range.length;
     while(--len >= 0) content[start+len] = array.objectAt(len);
-    if (this._requestingIndex <= 0) this.enumerableContentDidChange(range.start, range.length);
+    if (this._requestingIndex <= 0) this.arrayContentDidChange(range.start, range.length, range.length);
     return this ;
   },
 
@@ -299,7 +301,7 @@ SC.SparseArray = SC.Object.extend(SC.Observable, SC.Enumerable, SC.Array,
         while (--loc>=start) content[loc] = undefined;
       }
     }    
-    this.enumerableContentDidChange(range.start, range.length) ; // notify
+    this.arrayContentDidChange(range.start, range.length, range.length) ; // notify
     return this ;
   },
 
@@ -376,9 +378,11 @@ SC.SparseArray = SC.Object.extend(SC.Observable, SC.Enumerable, SC.Array,
     @returns {SC.SparseArray} receiver
   */
   reset: function() {
+    var oldLength;
     this._sa_content = null ;
+    oldLength = this._length;
     this._length = null ;
-    this.enumerableContentDidChange() ;
+    this.arrayContentDidChange(0, oldLength, 0);
     this.invokeDelegateMethod(this.delegate, 'sparseArrayDidReset', this);
     return this ;
   }

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/string.js

@@ -32,13 +32,12 @@ SC.mixin(SC.String, {
   /**
     Capitalizes a string.
 
-    h2. Examples
+    ## Examples
 
-    | *Input String* | *Output String* |
-    | my favorite items | My favorite items |
-    | css-class-name | Css-class-name |
-    | action_name | Action_name |
-    | innerHTML | InnerHTML |
+        capitalize('my favorite items') // 'My favorite items'
+        capitalize('css-class-name')    // 'Css-class-name'
+        capitalize('action_name')       // 'Action_name'
+        capitalize('innerHTML')         // 'InnerHTML'
 
     @return {String} capitalized string
   */
@@ -50,13 +49,12 @@ SC.mixin(SC.String, {
     Camelizes a string.  This will take any words separated by spaces, dashes
     or underscores and convert them into camelCase.
 
-    h2. Examples
+    ## Examples
 
-    | *Input String* | *Output String* |
-    | my favorite items | myFavoriteItems |
-    | css-class-name | cssClassName |
-    | action_name | actionName |
-    | innerHTML | innerHTML |
+        camelize('my favorite items') // 'myFavoriteItems'
+        camelize('css-class-name')    // 'cssClassName'
+        camelize('action_name')       // 'actionName'
+        camelize('innerHTML')         // 'innerHTML'
 
     @returns {String} camelized string
   */
@@ -74,13 +72,12 @@ SC.mixin(SC.String, {
   /**
     Converts a camelized string into all lower case separated by underscores.
 
-    h2. Examples
+    ## Examples
 
-    | *Input String* | *Output String* |
-    | my favorite items | my favorite items |
-    | css-class-name | css-class-name |
-    | action_name | action_name |
-    | innerHTML | inner_html |
+    decamelize('my favorite items') // 'my favorite items'
+    decamelize('css-class-name')    // 'css-class-name'
+    decamelize('action_name')       // 'action_name'
+    decamelize('innerHTML')         // 'inner_html'
 
     @returns {String} the decamelized string.
   */
@@ -92,13 +89,13 @@ SC.mixin(SC.String, {
     Converts a camelized string or a string with spaces or underscores into
     a string with components separated by dashes.
 
-    h2. Examples
+    ## Examples
 
     | *Input String* | *Output String* |
-    | my favorite items | my-favorite-items |
-    | css-class-name | css-class-name |
-    | action_name | action-name |
-    | innerHTML | inner-html |
+    dasherize('my favorite items') // 'my-favorite-items'
+    dasherize('css-class-name')    // 'css-class-name'
+    dasherize('action_name')       // 'action-name'
+    dasherize('innerHTML')         // 'inner-html'
 
     @returns {String} the dasherized string.
   */

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/controls/button.js

@@ -0,0 +1,78 @@
+var button;
+
+module("SC.Button", {
+  setup: function() {
+    button = SC.Button.create();
+
+    pane = SC.MainPane.create({
+      childViews: [button]
+    });
+    pane.append();
+  },
+
+  teardown: function() {
+    pane.remove();
+  }
+});
+
+function synthesizeEvent(type, view) {
+  var event = new SC.Event({
+    type: type,
+    target: view.get('layer')
+  });
+  SC.RootResponder.responder[type](event);
+}
+
+test("should trigger an action when clicked", function() {
+  var wasClicked = false;
+
+  var actionObject = SC.Object.create({
+    myAction: function() {
+      wasClicked = true;
+    }
+  });
+
+  button.target = actionObject;
+  button.action = 'myAction';
+
+  synthesizeEvent('mousedown', button);
+  synthesizeEvent('mouseup', button);
+
+  ok(wasClicked);
+});
+
+test("should not trigger action if mouse leaves area before mouseup", function() {
+  var wasClicked = false;
+
+  var actionObject = SC.Object.create({
+    myAction: function() {
+      wasClicked = true;
+    }
+  });
+
+  var otherButton = SC.Button.create();
+  pane.appendChild(otherButton);
+
+  button.target = actionObject;
+  button.action = 'myAction';
+
+  synthesizeEvent('mousedown', button);
+  synthesizeEvent('mousemove', button);
+  ok(button.get('isActive'), "becomes active when hovered");
+  synthesizeEvent('mousemove', otherButton);
+  ok(!button.get('isActive'), "loses active state if mouse exits");
+  synthesizeEvent('mouseup', button);
+
+  ok(!wasClicked);
+
+  wasClicked = false;
+
+  synthesizeEvent('mousedown', button);
+  synthesizeEvent('mousemove', button);
+  synthesizeEvent('mousemove', otherButton);
+  synthesizeEvent('mousemove', button);
+  synthesizeEvent('mouseup', button);
+
+  ok(wasClicked);
+});
+

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/mixins/template_helpers/checkbox_support.js

@@ -34,5 +34,31 @@
     checkboxView.set('value', true);
     ok(checkboxView.$('input').attr("checked"), "sets value of DOM to value property");
   });
+
+  module("SC.Checkbox", {
+    setup: function() {
+      checkboxView = SC.Checkbox.create({});
+
+      pane = SC.MainPane.create({
+        childViews: [checkboxView]
+      });
+      pane.append();
+    },
+
+    teardown: function() {
+      pane.remove();
+    }
+  });
+
+  test("value property mirrors input value", function() {
+    checkboxView.$('input').attr('checked', true);
+
+    equals(checkboxView.get('value'), true, "gets value property from DOM");
+
+    checkboxView.$('input').attr('checked', false);
+
+    checkboxView.set('value', true);
+    ok(checkboxView.$('input').attr("checked"), "sets value of DOM to value property");
+  });
 })();
 

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/mixins/template_helpers/text_field_support.js

@@ -5,10 +5,14 @@
 // License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 (function() {
-  var textFieldView, pane;
+  var TestObject, textFieldView, pane;
 
   module("Text Field Support", {
     setup: function() {
+      TestObject = window.TestObject = SC.Object.create({
+        value: null
+      });
+
       textFieldView = SC.TemplateView.create(SC.TextFieldSupport, {
         template: SC.Handlebars.compile('<input type="text">')
       });
@@ -21,6 +25,7 @@
 
     teardown: function() {
       pane.remove();
+      TestObject = window.TestObject = textFieldView = pane = null;
     }
   });
 
@@ -33,6 +38,25 @@
     equals(textFieldView.$('input').val(), "afterlife", "sets value of DOM to value property");
   });
 
+  test("value binding works properly for inputs that haven't been created", function() {
+    var view = SC.TemplateView.create(SC.TextFieldSupport, {
+      template: SC.Handlebars.compile('<input type="text">'),
+      valueBinding: 'TestObject.value'
+    });
+
+    equals(view.get('value'), null, "precond - default value is null");
+    equals(view.$('input').length, 0, "precond - view doesn't have its layer created yet, thus no input element");
+
+    SC.run(function() { TestObject.set('value', 'ohai'); });
+
+    equals(view.get('value'), 'ohai', "value property was properly updated");
+
+    SC.run(function() { pane.appendChild(view); });
+
+    equals(view.get('value'), 'ohai', "value property remains the same once the view has been appended");
+    equals(view.$('input').val(), 'ohai', "value is reflected in the input element once it is created");
+  });
+
   test("listens for focus and blur events", function() {
     var focusCalled = 0;
     var blurCalled = 0;
@@ -76,4 +100,94 @@
     equals(cancelCalled, 1, "calls cancel after pressing escape key");
 
   });
+
+  module("SC.TextField", {
+    setup: function() {
+      TestObject = window.TestObject = SC.Object.create({
+        value: null
+      });
+
+      textFieldView = SC.TextField.create();
+
+      pane = SC.MainPane.create({
+        childViews: [textFieldView]
+      });
+      pane.append();
+    },
+
+    teardown: function() {
+      pane.remove();
+      TestObject = window.TestObject = textFieldView = pane = null;
+    }
+  });
+
+  test("value property mirrors input value", function() {
+    textFieldView.$('input').val('foo bar');
+
+    equals(textFieldView.get('value'), 'foo bar', "gets value property from DOM");
+
+    textFieldView.set('value', "afterlife");
+    equals(textFieldView.$('input').val(), "afterlife", "sets value of DOM to value property");
+  });
+
+  test("value binding works properly for inputs that haven't been created", function() {
+    var view = SC.TextField.create({
+      valueBinding: 'TestObject.value'
+    });
+
+    equals(view.get('value'), null, "precond - default value is null");
+    equals(view.$('input').length, 0, "precond - view doesn't have its layer created yet, thus no input element");
+
+    SC.run(function() { TestObject.set('value', 'ohai'); });
+
+    equals(view.get('value'), 'ohai', "value property was properly updated");
+
+    SC.run(function() { pane.appendChild(view); });
+
+    equals(view.get('value'), 'ohai', "value property remains the same once the view has been appended");
+    equals(view.$('input').val(), 'ohai', "value is reflected in the input element once it is created");
+  });
+
+  test("listens for focus and blur events", function() {
+    var focusCalled = 0;
+    var blurCalled = 0;
+
+    textFieldView.focus = function() {
+      focusCalled++;
+    };
+    textFieldView.blur = function() {
+      blurCalled++;
+    };
+
+    equals(focusCalled+blurCalled, 0, "precond - no callbacks called yet");
+
+    textFieldView.$('input').focus();
+    equals(focusCalled, 1, "focus called after field receives focus");
+
+    textFieldView.$('input').blur();
+    equals(blurCalled, 1, "blur alled after field blurs");
+  });
+
+  test("calls correct method for key events", function() {
+    var insertNewlineCalled = 0;
+    var cancelCalled = 0;
+
+    textFieldView.insertNewline = function() {
+      insertNewlineCalled++;
+      return YES;
+    };
+    textFieldView.cancel = function() {
+      cancelCalled++;
+      return YES;
+    };
+
+    textFieldView.$('input').focus();
+    equals(insertNewlineCalled+cancelCalled, 0, "precond - no callbacks called yet");
+
+    SC.RootResponder.responder.keyup(new SC.Event({ type: 'keyup', keyCode: 13 }));
+    equals(insertNewlineCalled, 1, "calls insertNewline after hitting return");
+
+    SC.RootResponder.responder.keyup(new SC.Event({ type: 'keyup', keyCode: 27 }));
+    equals(cancelCalled, 1, "calls cancel after pressing escape key");
+  });
 })();