sproutcore 1.11.0.rc3 → 1.11.0

data/lib/frameworks/sproutcore/frameworks/foundation/tests/system/gesture_test.js

@@ -0,0 +1,254 @@
+// ==========================================================================
+// Project:   SproutCore
+// License:   Licensed under MIT license
+// ==========================================================================
+/*globals CoreTest, module, test, ok, equals, same, expect */
+
+var gesture;
+module("SC.Gesture", {
+
+  setup: function () {
+    gesture = SC.Gesture;
+  },
+
+  teardown: function () {
+    if (gesture.destroy) { gesture.destroy(); }
+    gesture = null;
+  }
+});
+
+/* Properties */
+test("Default Properties:", function () {
+  gesture = gesture.create();
+  equals(gesture.name, 'gesture', "The default value of name is");
+});
+
+/* Methods */
+
+// This method sets _sc_isActive to true and calls gestureName + 'Start' on the view with the gesture and any given arguments.
+test("Method: start (_sc_isActive === false)", function () {
+  var view = SC.View.create({
+
+    gestureStart: function (arg1, arg2) {
+      ok(true, 'called', 'called', "The method was");
+      equals(arg1, 'a', "The first argument passed to start is passed to gestureStart and is");
+      equals(arg2, 'b', "The second argument passed to start is passed to gestureStart and is");
+    }
+
+  });
+
+  gesture = gesture.create({
+    view: view
+  });
+
+  ok(gesture.start !== undefined, 'defined', 'defined', "The method is");
+
+  gesture.start('a', 'b');
+
+  equals(gesture._sc_isActive, true, "The gesture has _sc_isActive set to");
+});
+
+// This method does nothing if _sc_isActive is already true.
+test("Method: start (_sc_isActive === true)", function () {
+  var view = SC.View.create({
+
+    gestureStart: function (theGesture) {
+      ok(true, 'called', 'called', "The method was");
+    }
+
+  });
+
+  gesture = gesture.create({
+    _sc_isActive: true,
+    view: view
+  });
+
+  gesture.start();
+
+  // Ensure 0 tests run.
+  expect(0);
+});
+
+// This method sets _sc_isActive to false and calls gestureName + 'End' on the view with the gesture and any given arguments.
+test("Method: end (_sc_isActive === true)", function () {
+  var view = SC.View.create({
+
+    gestureEnd: function (arg1, arg2) {
+      ok(true, 'called', 'called', "The method was");
+      equals(arg1, 'a', "The first argument passed to start is passed to gestureEnd and is");
+      equals(arg2, 'b', "The second argument passed to start is passed to gestureEnd and is");
+    }
+
+  });
+
+  gesture = gesture.create({
+    _sc_isActive: true,
+    view: view
+  });
+
+  ok(gesture.end !== undefined, 'defined', 'defined', "The method is");
+
+  gesture.end('a', 'b');
+
+  equals(gesture._sc_isActive, false, "The gesture has _sc_isActive set to");
+});
+
+// This method does nothing if _sc_isActive is already false.
+test("Method: end (_sc_isActive === false)", function () {
+  var view = SC.View.create({
+
+    gestureEnd: function (theGesture) {
+      ok(true, 'called', 'called', "The method was");
+    }
+
+  });
+
+  gesture = gesture.create({
+    _sc_isActive: false,
+    view: view
+  });
+
+  gesture.end();
+
+  // Ensure 0 tests run.
+  expect(0);
+});
+
+// This method calls gestureName + 'Changed' on the view with the gesture and any given arguments.
+test("Method: change (_sc_isActive === true)", function () {
+  var view = SC.View.create({
+
+    gestureChanged: function (arg1, arg2) {
+      ok(true, 'called', 'called', "The method was");
+      equals(arg1, 'a', "The first argument passed to start is passed to gestureChanged and is");
+      equals(arg2, 'b', "The second argument passed to start is passed to gestureChanged and is");
+    }
+
+  });
+
+  gesture = gesture.create({
+    _sc_isActive: true,
+    view: view
+  });
+
+  ok(gesture.change !== undefined, 'defined', 'defined', "The method is");
+
+  gesture.change('a', 'b');
+});
+
+// This method does nothing if _sc_isActive is already false.
+test("Method: change (_sc_isActive === false)", function () {
+  var view = SC.View.create({
+
+    gestureChanged: function (theGesture) {
+      ok(true, 'called', 'called', "The method was");
+    }
+
+  });
+
+  gesture = gesture.create({
+    _sc_isActive: false,
+    view: view
+  });
+
+  gesture.change();
+
+  // Ensure 0 tests run.
+  expect(0);
+});
+
+// This method sets _sc_isActive to false and calls gestureName + 'Cancelled' on the view with the gesture and any given arguments.
+test("Method: cancel (_sc_isActive === true)", function () {
+  var view = SC.View.create({
+
+    gestureCancelled: function (arg1, arg2) {
+      ok(true, 'called', 'called', "The method was");
+      equals(arg1, 'a', "The first argument passed to start is passed to gestureCancelled and is");
+      equals(arg2, 'b', "The second argument passed to start is passed to gestureCancelled and is");
+    }
+
+  });
+
+  gesture = gesture.create({
+    _sc_isActive: true,
+    view: view
+  });
+
+  ok(gesture.cancel !== undefined, 'defined', 'defined', "The method is");
+
+  gesture.cancel('a', 'b');
+
+  equals(gesture._sc_isActive, false, "The gesture has _sc_isActive set to");
+});
+
+// This method does nothing if _sc_isActive is already false.
+test("Method: cancel (_sc_isActive === false)", function () {
+  var view = SC.View.create({
+
+    gestureCancelled: function (theGesture) {
+      ok(true, 'called', 'called', "The method was");
+    }
+
+  });
+
+  gesture = gesture.create({
+    _sc_isActive: false,
+    view: view
+  });
+
+  gesture.cancel();
+
+  // Ensure 0 tests run.
+  expect(0);
+});
+
+// This method calls gestureName on the view with the gesture and any given arguments.
+test("Method: trigger (_sc_isActive === true)", function () {
+  var view = SC.View.create({
+
+    gesture: function (arg1, arg2) {
+      ok(true, 'called', 'called', "The method was");
+      equals(arg1, 'a', "The first argument passed to start is passed to gestureChanged and is");
+      equals(arg2, 'b', "The second argument passed to start is passed to gestureChanged and is");
+    }
+
+  });
+
+  gesture = gesture.create({
+    _sc_isActive: true,
+    view: view
+  });
+
+  ok(gesture.trigger !== undefined, 'defined', 'defined', "The method is");
+
+  gesture.trigger('a', 'b');
+});
+
+// This method does nothing if _sc_isActive is already false.
+test("Method: trigger (_sc_isActive === false)", function () {
+  var view = SC.View.create({
+
+    gestureChanged: function (theGesture) {
+      ok(true, 'called', 'called', "The method was");
+    }
+
+  });
+
+  gesture = gesture.create({
+    _sc_isActive: false,
+    view: view
+  });
+
+  gesture.trigger();
+
+  // Ensure 0 tests run.
+  expect(0);
+});
+
+// This method does nothing.
+test("Method: touchSessionStarted", function () {
+  gesture = gesture.create();
+
+  ok(gesture.touchSessionStarted !== undefined, 'defined', 'defined', "The method is");
+  equals(gesture.touchSessionStarted(), undefined, "The method returns");
+});

data/lib/frameworks/sproutcore/frameworks/foundation/views/container.js

@@ -256,6 +256,7 @@ SC.ContainerView = SC.View.extend(
     this.removeObserver('contentView', this, this._sc_contentViewDidChange);
 
     // Cancel any active transitions.
+    // Note: this will also destroy any content view that the container created.
     this._sc_cancelTransitions();
 
     // Remove our internal reference to the statecharts.

data/lib/frameworks/sproutcore/frameworks/foundation/views/text_field.js

@@ -753,7 +753,7 @@ SC.TextFieldView = SC.FieldView.extend(SC.Editable,
       }
 
       if (!SC.none(autoCapitalize)) {
-        if (SC.typeOf(autoCapitalize) == 'boolean') {
+        if (SC.typeOf(autoCapitalize) === 'boolean') {
           input.attr('autocapitalize', !autoCapitalize ? 'none' : 'sentences');
         } else {
           input.attr('autocapitalize', autoCapitalize);

data/lib/frameworks/sproutcore/frameworks/legacy/object_keys_polyfill.js

@@ -0,0 +1,51 @@
+/** @scope Object
+  Polyfill for Object.keys().
+
+  Supports using `Object.keys()` on browsers prior to the following:
+
+  * Chrome 5
+  * Firefox 4.0 (Gecko 2.0)
+  * Internet Explorer 9
+  * Opera 12
+  * Safari 5
+*/
+// From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
+if (!Object.keys) {
+  Object.keys = (function() {
+    var hasOwnProperty = Object.prototype.hasOwnProperty,
+        hasDontEnumBug = !({ toString: null }).propertyIsEnumerable('toString'),
+        dontEnums = [
+          'toString',
+          'toLocaleString',
+          'valueOf',
+          'hasOwnProperty',
+          'isPrototypeOf',
+          'propertyIsEnumerable',
+          'constructor'
+        ],
+        dontEnumsLength = dontEnums.length;
+
+    return function(obj) {
+      if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) {
+        throw new TypeError('Object.keys called on non-object');
+      }
+
+      var result = [], prop, i;
+
+      for (prop in obj) {
+        if (hasOwnProperty.call(obj, prop)) {
+          result.push(prop);
+        }
+      }
+
+      if (hasDontEnumBug) {
+        for (i = 0; i < dontEnumsLength; i++) {
+          if (hasOwnProperty.call(obj, dontEnums[i])) {
+            result.push(dontEnums[i]);
+          }
+        }
+      }
+      return result;
+    };
+  }());
+}

data/lib/frameworks/sproutcore/frameworks/{core_foundation/system/req_anim_frame.js → legacy/request_animation_frame_polyfill.js}

@@ -1,6 +1,13 @@
 /** @scope window
-  Polyfill for cross-browser backwards compatible window.requestAnimationFrame
-  support.
+  Polyfill for cross-browser backwards compatible window.requestAnimationFrame support.
+
+  Supports using `window.requestAnimationFrame` on browsers prior to the following:
+
+  * Chrome 10
+  * Firefox 4.0 (Gecko 2.0)
+  * Internet Explorer 10.0
+  * Opera 15
+  * Safari 6.0
 
   Modified from Erik Möller:
   http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
@@ -8,7 +15,7 @@
 (function() {
   var lastTime = 0;
   var vendors = ['ms', 'moz', 'webkit', 'o'];
-  for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+  for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
     window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
     window.cancelRequestAnimationFrame = window[vendors[x]+
       'CancelRequestAnimationFrame'];

data/lib/frameworks/sproutcore/frameworks/media/views/audio.js

@@ -36,7 +36,7 @@ SC.AudioView = SC.View.extend(
     Audio view className.
     @type String
   */
-  classNames: 'sc-audio-view',
+  classNames: ['sc-audio-view'],
 
   /**
     Properties that trigger a re render of the view. If the value changes, it
@@ -44,14 +44,13 @@ SC.AudioView = SC.View.extend(
 
     @type Array
   */
-  displayProperties: ['value', 'shouldAutoResize'],
+  displayProperties: ['value'],
 
   /**
     Reference to the audio object once is created.
     @type Object
   */
-
-  audioObject:null,
+  audioObject: null,
 
   /**
     Array containing the technologies and the order to load them depending
@@ -62,26 +61,19 @@ SC.AudioView = SC.View.extend(
   degradeList: ['html5','quicktime', 'flash'],
 
   /**
-     Current time in secs
+     The current play time in seconds.
 
      @type Number
+     @default 0
    */
   currentTime : function(key, value) {
-    if (!SC.empty(value) && this._currentTime != value) {
-      this._currentTime = value;
+    /* jshint eqnull:true */
+    if (value != null) {
       this.seek(value);
     }
 
-    return this._currentTime;
-  }.property('_currentTime'),
-
-  /**
-     Current time in secs
-
-     @type Number
-     @private
-   */
-  _currentTime : 0,
+    return value == null ? 0 : value;
+  }.property().cacheable(),
 
   /**
     Duration in secs
@@ -113,7 +105,7 @@ SC.AudioView = SC.View.extend(
     @type Boolean
   */
 
-  ended: NO, //did the audio finished playing
+  ended: NO, //did the audio finish playing
 
   /**
     Indicates if the audio is ready to be played.
@@ -144,6 +136,7 @@ SC.AudioView = SC.View.extend(
   */
   render: function(context, firstTime) {
     var i, j, listLen, pluginsLen, id = SC.guidFor(this);
+
     if(firstTime){
       for(i=0, listLen = this.degradeList.length; i<listLen; i++){
         switch(this.degradeList[i]){
@@ -267,7 +260,11 @@ SC.AudioView = SC.View.extend(
     this.set('ended', NO);
     this.set('canPlay', NO);
     this.set('loadedTimeRanges', []);
-    this.replaceLayer();
+
+    // Re-render the entire layer.
+    if (this.get('_isRendered')) {
+      this.replaceLayer();
+    }
   }.observes('value'),
 
   /**
@@ -417,16 +414,14 @@ SC.AudioView = SC.View.extend(
 
     SC.Event.add(audioElem, 'qt_pause', this, function () {
       SC.run(function() {
-        view._currentTime = media.GetTime() / media.GetTimeScale();
-        view.propertyDidChange('currentTime');
+        view.set('currentTime', media.GetTime() / media.GetTimeScale());
         view.set('paused', YES);
       });
     });
 
     SC.Event.add(audioElem, 'qt_play', this, function () {
       SC.run(function() {
-        view._currentTime = media.GetTime() / media.GetTimeScale();
-        view.propertyDidChange('currentTime');
+        view.set('currentTime', media.GetTime() / media.GetTimeScale());
         view.set('paused', NO);
       });
     });
@@ -442,8 +437,7 @@ SC.AudioView = SC.View.extend(
    */
   _qtTimer:function(){
     if (this.loaded === 'quicktime' && !this.get('paused')) {
-      this.incrementProperty('_currentTime');
-      this.propertyDidChange('currentTime');
+      this.incrementProperty('currentTime');
       this.invokeLater(this._qtTimer, 1000);
     }
   }.observes('paused'),