sproutcore 1.11.0.rc3 → 1.11.0

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/views/view/layout.js

@@ -1,210 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module, test, equals, ok, same */
-
-var view;
-
-/** Test isFixedLayout via isFixedSize and isFixedPosition properties. */
-module("SC.View.prototype.isFixedLayout", {
-
-  setup: function () {
-    // Create a basic view.
-    view = SC.View.create({});
-  },
-
-  teardown: function () {
-    // Clean up.
-    view.destroy();
-    view = null;
-  }
-
-});
-
-test("Test isFixedHeight, isFixedWidth and isFixedSize for various layouts.", function () {
-  ok(!view.get('isFixedSize'), "The default layout doesn't correspond to a fixed size.");
-
-  SC.run(function () { view.set('layout', { width: 100 }); });
-  ok(view.get('isFixedWidth'), "A width alone gives a fixed width.");
-  ok(!view.get('isFixedHeight'), "A width alone doesn't give a fixed height.");
-  ok(!view.get('isFixedSize'), "A width alone doesn't correspond to a fixed size.");
-
-  SC.run(function () { view.set('layout', { height: 100 }); });
-  ok(!view.get('isFixedWidth'), "A height alone doesn't give a fixed width.");
-  ok(view.get('isFixedHeight'), "A height alone gives a fixed height.");
-  ok(!view.get('isFixedSize'), "A height alone doesn't correspond to a fixed size.");
-
-  SC.run(function () { view.set('layout', { width: 100, height: 100 }); });
-  ok(view.get('isFixedWidth'), "A width & height give a fixed width.");
-  ok(view.get('isFixedHeight'), "A width & height give a fixed height.");
-  ok(view.get('isFixedSize'), "A width & height corresponds to a fixed size.");
-});
-
-test("Test isFixedPosition for various layouts.", function () {
-  ok(view.get('isFixedPosition'), "The default layout corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { left: 0 }); });
-  ok(view.get('isFixedPosition'), "A left: 0 (implied top, bottom, right) corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { top: 0 }); });
-  ok(view.get('isFixedPosition'), "A top: 0 (implied left, bottom, right) corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { left: 0, top: 0 }); });
-  ok(view.get('isFixedPosition'), "A left: 0, top: 0 corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { left: 50 }); });
-  ok(view.get('isFixedPosition'), "A left: 50 corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { top: 50 }); });
-  ok(view.get('isFixedPosition'), "A top: 50 corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { left: 50, top: 50 }); });
-  ok(view.get('isFixedPosition'), "A left: 50, top: 50 corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { right: 0 }); });
-  ok(view.get('isFixedPosition'), "A right: 0 (implied left) corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { bottom: 0 }); });
-  ok(view.get('isFixedPosition'), "A bottom: 0 (implied top) corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { right: 50 }); });
-  ok(view.get('isFixedPosition'), "A right: 50 (implied left) corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { bottom: 50 }); });
-  ok(view.get('isFixedPosition'), "A bottom: 50 (implied top) corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { width: 100 }); });
-  ok(view.get('isFixedPosition'), "A width: 100 (implied left) corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { height: 100 }); });
-  ok(view.get('isFixedPosition'), "A height: 100 (implied top) corresponds to a fixed position.");
-
-  SC.run(function () { view.set('layout', { right: 0, width: 100 }); });
-  ok(!view.get('isFixedPosition'), "A right: 0, width: 100 (overridden left) doesn't correspond to a fixed position.");
-
-  SC.run(function () { view.set('layout', { bottom: 0, height: 100 }); });
-  ok(!view.get('isFixedPosition'), "A bottom: 0, height: 100 (overridden top) doesn't correspond to a fixed position.");
-
-  SC.run(function () { view.set('layout', { centerX: 0, width: 100 }); });
-  ok(!view.get('isFixedPosition'), "A centerX: 0, width: 100 (overridden left) doesn't correspond to a fixed position.");
-
-  SC.run(function () { view.set('layout', { centerY: 0, height: 100 }); });
-  ok(!view.get('isFixedPosition'), "A centerY: 0, height: 100 (overridden top) doesn't correspond to a fixed position.");
-
-  SC.run(function () { view.set('layout', { left: 0.2 }); });
-  ok(!view.get('isFixedPosition'), "A left: 0.2 (percentage left) doesn't correspond to a fixed position.");
-
-  SC.run(function () { view.set('layout', { top: 0.2 }); });
-  ok(!view.get('isFixedPosition'), "A top: 0.2 (percentage top) doesn't correspond to a fixed position.");
-
-  SC.run(function () { view.set('layout', { left: SC.LAYOUT_AUTO }); });
-  ok(!view.get('isFixedPosition'), "A left: SC.LAYOUT_AUTO (auto left) doesn't correspond to a fixed position.");
-
-  SC.run(function () { view.set('layout', { top: SC.LAYOUT_AUTO }); });
-  ok(!view.get('isFixedPosition'), "A top: SC.LAYOUT_AUTO (auto top) doesn't correspond to a fixed position.");
-});
-
-test("Test explicitLayout for various valid layouts.", function () {
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 0 }, "No layout is implied as");
-
-  SC.run(function () { view.set('layout', { left: 5 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 5 }, "{ left: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { top: 5 }); });
-  same(view.get('explicitLayout'), { top: 5, right: 0, bottom: 0, left: 0 }, "{ top: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { bottom: 5 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 5, left: 0 }, "{ bottom: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { right: 5 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 5, bottom: 0, left: 0 }, "{ right: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { bottom: 5, left: 5 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 5, left: 5 }, "{ bottom: 5, left: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { right: 5, bottom: 5, left: 5 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 5, bottom: 5, left: 5 }, "{ right: 5, bottom: 5, left: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { top: 5, right: 5, bottom: 5, left: 5 }); });
-  same(view.get('explicitLayout'), { top: 5, right: 5, bottom: 5, left: 5 }, "{ top: 5, right: 5, bottom: 5, left: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { top: 5, right: 5, bottom: 5 }); });
-  same(view.get('explicitLayout'), { top: 5, right: 5, bottom: 5, left: 0 }, "{ top: 5, right: 5, bottom: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { top: 5, right: 5 }); });
-  same(view.get('explicitLayout'), { top: 5, right: 5, bottom: 0, left: 0 }, "{ top: 5, right: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { width: 100 }); });
-  same(view.get('explicitLayout'), { top: 0, width: 100, bottom: 0, left: 0 }, "{ width: 100 } is implied as");
-
-  SC.run(function () { view.set('layout', { width: 100, right: 5 }); });
-  same(view.get('explicitLayout'), { top: 0, width: 100, bottom: 0, right: 5 }, "{ width: 100, right: 5 } is implied as");
-
-  SC.run(function () { view.set('layout', { height: 100 }); });
-  same(view.get('explicitLayout'), { top: 0, height: 100, right: 0, left: 0 }, "{ height: 100 } is implied as");
-
-  SC.run(function () { view.set('layout', { height: 100, bottom: 5 }); });
-  same(view.get('explicitLayout'), { right: 0, height: 100, bottom: 5, left: 0 }, "{ height: 100, bottom: 5 } is implied as");
-
-  // MIN/MAX
-
-  SC.run(function () { view.set('layout', { minWidth: 100, maxHeight: 100 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 0, minWidth: 100, maxHeight: 100 }, "{ minWidth: 100, maxHeight: 100 } is implied as");
-
-  SC.run(function () { view.set('layout', { maxWidth: 100, minHeight: 100 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 0, maxWidth: 100, minHeight: 100 }, "{ maxWidth: 100, minHeight: 100 } is implied as");
-
-  // CENTERS
-
-  SC.run(function () { view.set('layout', { centerX: 0, width: 100 }); });
-  same(view.get('explicitLayout'), { top: 0, centerX: 0, width: 100, bottom: 0 }, "{ centerX: 0, width: 100 } is implied as");
-
-  SC.run(function () { view.set('layout', { centerY: 0, height: 100 }); });
-  same(view.get('explicitLayout'), { right: 0, centerY: 0, height: 100, left: 0 }, "{ centerY: 0, height: 100 } is implied as");
-
-  // OPACITY
-
-  SC.run(function () { view.set('layout', { opacity: 0.25 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 0, opacity: 0.25 }, "{ opacity: 0.25 } is implied as");
-
-  // TRANSFORMS
-
-  SC.run(function () { view.set('layout', { scale: 0.25 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 0, scale: 0.25 }, "{ scale: 0.25 } is implied as");
-
-  SC.run(function () { view.set('layout', { transformOriginX: 0, transformOriginY: 1 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 0, transformOriginX: 0, transformOriginY: 1 }, "{ transformOriginX: 0, transformOriginY: 1 } is implied as");
-
-  // BORDERS
-
-  SC.run(function () { view.set('layout', { border: 1 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 0, borderTop: 1, borderRight: 1, borderBottom: 1, borderLeft: 1 }, "{ border: 1 } is implied as");
-
-  SC.run(function () { view.set('layout', { border: 1, borderTop: 2 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 0, borderTop: 2, borderRight: 1, borderBottom: 1, borderLeft: 1 }, "{ border: 1, borderTop: 2 } is implied as");
-
-  SC.run(function () { view.set('layout', { borderBottom: 1, borderTop: 2 }); });
-  same(view.get('explicitLayout'), { top: 0, right: 0, bottom: 0, left: 0, borderTop: 2, borderBottom: 1 }, "{ borderBottom: 1, borderTop: 2 } is implied as");
-});
-
-test("Test explicitLayout for various invalid layouts.", function () {
-  // Centered without a size dimension.
-  SC.run(function () { view.set('layout', { centerX: 0 }); });
-  same(view.get('explicitLayout'), { top: 0, centerX: 0, bottom: 0 }, "{ centerX: 0 } is implied as");
-
-  // Centered without a size dimension.
-  SC.run(function () { view.set('layout', { centerY: 0 }); });
-  same(view.get('explicitLayout'), { left: 0, centerY: 0, right: 0 }, "{ centerY: 0 } is implied as");
-
-  // Left, right & width
-  SC.run(function () { view.set('layout', { left: 5, width: 100, right: 5 }); });
-  same(view.get('explicitLayout'), { top: 0, left: 5, bottom: 0, width: 100 }, "{ left: 5, width: 100, right: 5 } is implied as");
-
-  // Top, bottom & height
-  SC.run(function () { view.set('layout', { top: 5, height: 100, bottom: 5 }); });
-  same(view.get('explicitLayout'), { left: 0, top: 5, right: 0, height: 100 }, "{ top: 5, height: 100, bottom: 5 } is implied as");
-});

data/lib/frameworks/sproutcore/frameworks/core_foundation/tests/views/view/layoutDidChange.js

@@ -1,275 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Apple Inc. and contributors.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module, test, equals, ok */
-
-module("SC.View.prototype.layoutDidChange");
-
-test("notifies layoutStyle & frame change", function () {
-
-  var view = SC.View.create();
-  var layoutStyleCallCount = 0, frameCallCount = 0;
-
-  view.addObserver('layoutStyle', function () { layoutStyleCallCount++; });
-  view.addObserver('frame', function () { frameCallCount++; });
-
-  SC.run(function () {
-    // Manually indicate a layout change.
-    view.layoutDidChange();
-  });
-
-  equals(frameCallCount, 1, 'should trigger observer for frame');
-  equals(layoutStyleCallCount, 0, 'should not trigger observers for layoutStyle');
-
-  // Attach to the document.
-  var parent = SC.Pane.create();
-  parent.append();
-  parent.appendChild(view);
-
-  equals(frameCallCount, 2, 'should trigger observers for frame when adopted');
-  equals(layoutStyleCallCount, 0, 'should still not trigger observers for layoutStyle');
-
-  SC.run(function () {
-    view.adjust('top', 20);
-  });
-
-  equals(frameCallCount, 3, 'should trigger observers for frame when adjusted');
-  equals(layoutStyleCallCount, 1, 'should trigger observers for layoutStyle when adjusted');
-
-  // Clean up.
-  view.destroy();
-  parent.destroy();
-});
-
-test("invokes layoutDidChangeFor() on layoutView each time it is called", function () {
-
-  var callCount = 0;
-  var layoutView = SC.View.create({
-    layoutDidChangeFor: function (changedView) {
-      equals(this.get('childViewsNeedLayout'), YES, 'should set childViewsNeedLayout to YES before calling layoutDidChangeFor()');
-
-      equals(view, changedView, 'should pass view');
-      callCount++;
-
-      // Original
-      var set = this._needLayoutViews;
-      if (!set) set = this._needLayoutViews = SC.CoreSet.create();
-      set.add(changedView);
-    }
-  });
-
-  var view = SC.View.create({ layoutView: layoutView });
-
-  SC.run(function () {
-    view.layoutDidChange();
-    view.layoutDidChange();
-    view.layoutDidChange();
-  });
-
-  equals(callCount, 3, 'should call layoutView.layoutDidChangeFor each time');
-
-  // Clean up.
-  layoutView.destroy();
-  view.destroy();
-});
-
-test("invokes layoutChildViewsIfNeeded() on layoutView once per runloop", function () {
-
-  var callCount = 0;
-  var layoutView = SC.View.create({
-    layoutChildViewsIfNeeded: function () {
-      callCount++;
-    }
-  });
-
-  var view = SC.View.create({ layoutView: layoutView });
-
-  SC.run(function () {
-    view.layoutDidChange();
-    view.layoutDidChange();
-    view.layoutDidChange();
-  });
-
-  equals(callCount, 1, 'should call layoutView.layoutChildViewsIfNeeded one time');
-
-  // Clean up.
-  layoutView.destroy();
-  view.destroy();
-});
-
-
-test("should not invoke layoutChildViewsIfNeeded() if layoutDidChangeFor() sets childViewsNeedLayout to NO each time", function () {
-
-  var callCount = 0;
-  var layoutView = SC.View.create({
-    layoutDidChangeFor: function () {
-      this.set('childViewsNeedLayout', NO);
-    },
-
-    layoutChildViewsIfNeeded: function () {
-      callCount++;
-    }
-  });
-
-  var view = SC.View.create({ layoutView: layoutView });
-
-  SC.run(function () {
-    view.layoutDidChange();
-    view.layoutDidChange();
-    view.layoutDidChange();
-  });
-
-  equals(callCount, 0, 'should not call layoutView.layoutChildViewsIfNeeded');
-
-  // Clean up.
-  layoutView.destroy();
-  view.destroy();
-});
-
-test('returns receiver', function () {
-  var view = SC.View.create();
-
-  SC.run(function () {
-    equals(view.layoutDidChange(), view, 'should return receiver');
-  });
-
-  // Clean up.
-  view.destroy();
-});
-
-test("is invoked whenever layout property changes", function () {
-
-  var callCount = 0;
-  var layoutView = SC.View.create({
-    layoutDidChangeFor: function (changedView) {
-      callCount++;
-
-      // Original
-      var set = this._needLayoutViews;
-      if (!set) set = this._needLayoutViews = SC.CoreSet.create();
-      set.add(changedView);
-    }
-  });
-
-  var view = SC.View.create({ layoutView: layoutView });
-
-  SC.run(function () {
-    view.set('layout', { top: 0, left: 10 });
-  });
-  equals(callCount, 1, 'should call layoutDidChangeFor when setting layout of child view');
-
-  // Clean up.
-  layoutView.destroy();
-  view.destroy();
-});
-
-test("is invoked on parentView if no layoutView whenever layout property changes", function () {
-
-  var callCount = 0;
-  var parentView = SC.View.create({
-    layoutDidChangeFor: function (changedView) {
-      callCount++;
-
-      // Original
-      var set = this._needLayoutViews;
-      if (!set) set = this._needLayoutViews = SC.CoreSet.create();
-      set.add(changedView);
-    }
-  });
-
-  var view = SC.View.create({});
-  view.set('parentView', parentView);
-
-  SC.run(function () {
-    view.set('layout', { top: 0, left: 10 });
-  });
-  equals(callCount, 1, 'should call layoutDidChangeFor when setting layout of child view');
-
-  // Clean up.
-  parentView.destroy();
-  view.destroy();
-});
-
-test("proxies rotate to rotateZ when 3D transforms are supported", function () {
-  // Retain CSS support information so we can return to it.
-  var actualSupport = SC.platform.get('supportsCSS3DTransforms'),
-      view;
-
-  // YES SUPPORT
-  SC.platform.set('supportsCSS3DTransforms', YES);
-  view = SC.View.create();
-  SC.run(function () {
-    view.set('layout', { rotate: 45 });
-  });
-  equals(view.get('layout').rotate, undefined, "should clear rotate");
-  equals(view.get('layout').rotateZ, 45, "should set rotateZ");
-  // Clean up.
-  view.destroy();
-
-  // NO SUPPORT
-  SC.platform.set('supportsCSS3DTransforms', NO);
-  view = SC.View.create();
-  SC.run(function () {
-    view.set('layout', { rotate: 45 });
-  });
-  equals(view.get('layout').rotate, 45, "should retain rotate");
-  equals(view.get('layout').rotateZ, undefined, "should not set rotateZ");
-  // Clean up.
-  view.destroy();
-
-  // Clean up bigger picture.
-  SC.platform.set('supportsCSS3DTransforms', actualSupport);
-});
-
-test("rotateZ and rotate together", function () {
-  var view = SC.View.create({});
-
-  SC.run(function () {
-    view.set('layout', { rotate: 45, rotateZ: 90 });
-  });
-
-  equals(view.get('layout').rotate, 45, "if both rotate and rotateZ values are present, both should be retained; rotate is");
-
-  equals(view.get('layout').rotateZ, 90, "if both rotate and rotateZ values are present, both should be retained; rotateZ is");
-
-  // Clean up.
-  view.destroy();
-});
-
-// The default implementation for viewDidResize calls internal layout-related
-// methods on child views. This test confirms that child views that do not
-// support layout do not cause this process to explode.
-test("Calling viewDidResize on a view notifies its child views", function () {
-  var regularViewCounter = 0, coreViewCounter = 0;
-
-  var view = SC.View.create({
-    childViews: ['regular', 'core'],
-
-    regular: SC.View.extend({
-      viewDidResize: function () {
-        regularViewCounter++;
-        // Make sure we call the default implementation to
-        // ensure potential blow-uppy behavior is invoked
-        sc_super();
-      }
-    }),
-
-    core: SC.CoreView.extend({
-      viewDidResize: function () {
-        coreViewCounter++;
-        sc_super();
-      }
-    })
-  });
-
-  view.viewDidResize();
-
-  equals(regularViewCounter, 1, "regular view's viewDidResize gets called");
-  equals(coreViewCounter, 1, "core view's viewDidResize gets called");
-
-  // Clean up.
-  view.destroy();
-});