sproutit-sproutcore 1.0.0.20090407205609 → 1.0.0.20090408130025

data/frameworks/sproutcore/frameworks/foundation/tests/views/pane/sendEvent.js

@@ -0,0 +1,165 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Apple, Inc. and contributors.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok same Q$ htmlbody */
+var pane, fooView, barView, defaultResponder, evt, callCount ;
+module("SC.Pane#sendEvent", {
+  setup: function() {
+
+    callCount = 0;
+    var handler = function(theEvent) {
+      callCount++ ;
+      equals(theEvent, evt, 'should pass event');
+    };
+    
+    defaultResponder = SC.Object.create({ defaultEvent: handler });
+    pane = SC.Pane.create({
+      defaultResponder: defaultResponder,
+      childViews: [SC.View.extend({
+        fooEvent: handler,
+        childViews: [SC.View.extend({
+          barEvent: handler
+        })]
+      })]
+    });
+    fooView = pane.childViews[0];
+    ok(fooView.fooEvent, 'has fooEvent handler');
+
+    barView = fooView.childViews[0];
+    ok(barView.barEvent, 'has barEvent handler');
+
+    evt = SC.Object.create(); // mock
+  }, 
+  
+  teardown: function() {
+    pane = fooView = barView = defaultResponder = evt = null ;
+  }
+});
+
+test("when invoked with target = nested view", function() {
+  var handler ;
+
+  // test event handler on target
+  callCount = 0;
+  handler = pane.sendEvent('barEvent', evt, barView);
+  equals(callCount, 1, 'should invoke handler');
+  equals(handler, barView, 'should return view that handled event');
+
+  // test event handler on target parent
+  callCount = 0;
+  handler = pane.sendEvent('fooEvent', evt, barView);
+  equals(callCount, 1, 'should invoke handler');
+  equals(handler, fooView, 'should return responder that handled event');
+
+  // test event handler on default responder
+  callCount = 0;
+  handler = pane.sendEvent('defaultEvent', evt, barView);
+  equals(callCount, 1, 'should invoke handler');
+  equals(handler, defaultResponder, 'should return responder that handled event');
+
+  // test unhandled event handler
+  callCount = 0;
+  handler = pane.sendEvent('imaginary', evt, barView);
+  equals(callCount, 0, 'should not invoke handler');
+  equals(handler, null, 'should return no responder');
+  
+});
+
+
+
+test("when invoked with target = middle view", function() {
+  var handler ;
+
+  // test event handler on child view of target
+  callCount = 0;
+  handler = pane.sendEvent('barEvent', evt, fooView);
+  equals(callCount, 0, 'should not invoke handler');
+  equals(handler, null, 'should return no responder');
+
+  // test event handler on target 
+  callCount = 0;
+  handler = pane.sendEvent('fooEvent', evt, fooView);
+  equals(callCount, 1, 'should invoke handler');
+  equals(handler, fooView, 'should return responder that handled event');
+
+  // test event handler on default responder
+  callCount = 0;
+  handler = pane.sendEvent('defaultEvent', evt, fooView);
+  equals(callCount, 1, 'should invoke handler');
+  equals(handler, defaultResponder, 'should return responder that handled event');
+
+  // test unhandled event handler
+  callCount = 0;
+  handler = pane.sendEvent('imaginary', evt, fooView);
+  equals(callCount, 0, 'should not invoke handler');
+  equals(handler, null, 'should return no responder');
+  
+});
+
+
+
+test("when invoked with target = pane", function() {
+  var handler ;
+
+  // test event handler on child view of target
+  callCount = 0;
+  handler = pane.sendEvent('barEvent', evt, pane);
+  equals(callCount, 0, 'should not invoke handler');
+  equals(handler, null, 'should return no responder');
+
+  // test event handler on target 
+  callCount = 0;
+  handler = pane.sendEvent('fooEvent', evt, pane);
+  equals(callCount, 0, 'should not invoke handler');
+  equals(handler, null, 'should return no responder');
+
+  // test event handler on default responder
+  callCount = 0;
+  handler = pane.sendEvent('defaultEvent', evt, pane);
+  equals(callCount, 1, 'should invoke handler');
+  equals(handler, defaultResponder, 'should return responder that handled event');
+
+  // test unhandled event handler
+  callCount = 0;
+  handler = pane.sendEvent('imaginary', evt, pane);
+  equals(callCount, 0, 'should not invoke handler');
+  equals(handler, null, 'should return no responder');
+  
+});
+
+
+
+test("when invoked with target = null", function() {
+  var handler ;
+
+  // should start @ first responder
+  pane.firstResponder = fooView;
+  
+  // test event handler on child view of target
+  callCount = 0;
+  handler = pane.sendEvent('barEvent', evt);
+  equals(callCount, 0, 'should not invoke handler');
+  equals(handler, null, 'should return no responder');
+
+  // test event handler on target 
+  callCount = 0;
+  handler = pane.sendEvent('fooEvent', evt);
+  equals(callCount, 1, 'should invoke handler');
+  equals(handler, fooView, 'should return responder that handled event');
+
+  // test event handler on default responder
+  callCount = 0;
+  handler = pane.sendEvent('defaultEvent', evt);
+  equals(callCount, 1, 'should invoke handler');
+  equals(handler, defaultResponder, 'should return responder that handled event');
+
+  // test unhandled event handler
+  callCount = 0;
+  handler = pane.sendEvent('imaginary', evt);
+  equals(callCount, 0, 'should not invoke handler');
+  equals(handler, null, 'should return no responder');
+  
+});

data/frameworks/sproutcore/frameworks/foundation/tests/views/view/clippingFrame.js

@@ -0,0 +1,132 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Apple, Inc. and contributors.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok same Q$ htmlbody */
+htmlbody('<style> .sc-view { border: 1px blue solid; position: absolute;  overflow: hidden; }</style>');
+
+var pane, a, aa ;
+module("SC.View#clippingFrame", {
+  setup: function() {
+    SC.RunLoop.begin();
+    pane = SC.Pane.design()
+      .layout({ top: 0, left: 0, width: 200, height: 200 })
+      .childView(SC.View.design()
+        .layout({ top: 50, left: 50, width: 100, height: 100 })
+        .childView(SC.View.design()
+          .layout({ top: 20, left: 20, width: 40, height: 40 })))
+      .create();
+    pane.append();
+    a = pane.childViews[0];
+    aa = a.childViews[0];
+  },
+  
+  teardown: function() { 
+    pane = a = aa = null ;
+    SC.RunLoop.end();
+  }
+});
+
+test("clippingFrame === frame w/ 0 offset if not partially hidden", function() {
+  var result = pane.get('clippingFrame'), expected = pane.get('frame');
+  expected.x = expected.y = 0 ;
+  same(result, expected, 'pane');
+
+  result = a.get('clippingFrame'); expected = a.get('frame');
+  expected.x = expected.y = 0 ;
+  same(result, expected, 'child');
+
+  result = aa.get('clippingFrame'); expected = aa.get('frame');
+  expected.x = expected.y = 0 ;
+  same(result, expected, 'nested child');
+});
+
+test("cuts off top of frame", function() {
+  var result, expected;
+  
+  a.adjust('top', -50);
+  result = a.get('clippingFrame'); expected = a.get('frame');
+  expected.x = 0 ; expected.y = 50 ; expected.height = 50 ;
+  same(result, expected, 'child');
+
+  result = aa.get('clippingFrame'); expected = aa.get('frame');
+  expected.x = 0 ; expected.y = 30 ; expected.height = 10 ;
+  same(result, expected, 'nested child');
+});
+
+test("cuts off bottom of frame", function() {
+  var result, expected;
+  
+  a.adjust('top', 150);
+  result = a.get('clippingFrame'); expected = a.get('frame');
+  expected.x = 0 ; expected.y = 0 ; expected.height = 50 ;
+  same(result, expected, 'child');
+
+  result = aa.get('clippingFrame'); expected = aa.get('frame');
+  expected.x = 0 ; expected.y = 0 ; expected.height = 30 ;
+  same(result, expected, 'nested child');
+});
+
+test("cuts off left of frame", function() {
+  var result, expected;
+  
+  a.adjust('left', -50);
+  result = a.get('clippingFrame'); expected = a.get('frame');
+  expected.y = 0 ; expected.x = 50 ; expected.width = 50 ;
+  same(result, expected, 'child');
+
+  result = aa.get('clippingFrame'); expected = aa.get('frame');
+  expected.y = 0 ; expected.x = 30 ; expected.width = 10 ;
+  same(result, expected, 'nested child');
+});
+
+test("cuts off bottom of frame", function() {
+  var result, expected;
+  
+  a.adjust('left', 150);
+  result = a.get('clippingFrame'); expected = a.get('frame');
+  expected.y = 0 ; expected.x = 0 ; expected.width = 50 ;
+  same(result, expected, 'child');
+
+  result = aa.get('clippingFrame'); expected = aa.get('frame');
+  expected.y = 0 ; expected.x = 0 ; expected.width = 30 ;
+  same(result, expected, 'nested child');
+});
+
+test("notifies receiver and each child if parent clipping frame changes", function() {
+  var callCount = 0;
+  
+  // setup observers
+  function observer() { callCount++; }
+  a.addObserver('clippingFrame', observer);
+  aa.addObserver('clippingFrame', observer);
+  
+  // now, adjust layout of child so that clipping frame will change...
+  a.adjust('top', -50);
+  
+  // IMPORTANT:  If this test fails because the callCount is > 2 it means that
+  // when you set the layout, the frame is getting invalidated more than once.
+  // This should not happen.  If this is the case, fix the view code so that
+  // it does not invalidate frame more than once before you change this 
+  // number.
+  equals(callCount, 2, 'should invoke observer on child and nested child');
+});
+
+
+test("does not notify child views of clippingFrame changes if child view hasStaticLayout", function() {
+  var callCount = 0;
+  
+  // setup observers
+  function observer() { callCount++; }
+  a.addObserver('clippingFrame', observer);
+  aa.addObserver('clippingFrame', observer);
+  aa.hasStaticLayout = YES ; // fake it till u make it
+  
+  // now, adjust layout of child so that clipping frame will change...
+  a.adjust('top', -50);
+  
+  equals(callCount, 1, 'should invoke observer on child only');
+});
+

data/frameworks/sproutcore/frameworks/foundation/tests/views/view/convertFrames.js

@@ -0,0 +1,246 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Apple, Inc. and contributors.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok same Q$ htmlbody */
+
+htmlbody('<style> .sc-view { border: 1px blue solid; position: absolute; }</style>');
+
+// ..........................................................
+// COMMON SETUP CODE
+// 
+var pane, a, b, aa, aaa, bb, f ; 
+var A_LEFT = 10, A_TOP = 10, B_LEFT = 100, B_TOP = 100;
+
+function setupFrameViews() {
+  pane = SC.Pane.design()
+    .layout({ top: 0, left: 0, width: 400, height: 300 })
+    .childView(SC.View.design()
+      .layout({ top: A_TOP, left: A_LEFT, width: 150, height: 150 })
+      .childView(SC.View.design()
+        .layout({ top: A_TOP, left: A_LEFT, width: 50, height: 50 })
+        .childView(SC.View.design()
+          .layout({ top: A_TOP, left: A_LEFT, width: 10, height: 10 }))))
+
+    .childView(SC.View.design()
+      .layout({ top: B_TOP, left: B_LEFT, width: 150, height: 150 })
+      .childView(SC.View.design()
+        .layout({ top: B_TOP, left: B_LEFT, width: 10, height: 10 })))
+    .create();
+        
+  a = pane.childViews[0];
+  b = pane.childViews[1];
+  aa = a.childViews[0];
+  aaa = aa.childViews[0];
+  bb = b.childViews[0];
+  
+  f = { x: 10, y: 10, width: 10, height: 10 };
+  pane.append();
+}
+
+function teardownFrameViews() {
+  //pane.remove() ;
+  pane = a = aa = aaa = b = bb = null ;
+}
+
+// ..........................................................
+// convertFrameToView()
+//
+module('SC.View#convertFrameToView', {
+  setup: setupFrameViews, teardown: teardownFrameViews
+});
+
+test("convert a -> top level", function() {
+  var result = a.convertFrameToView(f, null);
+  f.x += A_LEFT; f.y += A_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert child -> top level", function() {
+  var result = aa.convertFrameToView(f, null);
+  f.x += A_LEFT*2; f.y += A_TOP*2 ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child -> top level", function() {
+  var result = aaa.convertFrameToView(f, null);
+  f.x += A_LEFT*3; f.y += A_TOP*3 ;
+  same(result, f, 'should convert frame');
+});
+
+
+test("convert a -> sibling", function() {
+  var result = a.convertFrameToView(f, b);
+  f.x += A_LEFT - B_LEFT; f.y += A_TOP - B_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert child -> parent sibling", function() {
+  var result = aa.convertFrameToView(f, b);
+  f.x += A_LEFT*2 - B_LEFT; f.y += A_TOP*2 - B_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child -> parent sibling", function() {
+  var result = aaa.convertFrameToView(f, b);
+  f.x += A_LEFT*3 - B_LEFT; f.y += A_TOP*3 - B_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+
+
+test("convert a -> child", function() {
+  var result = a.convertFrameToView(f, aa);
+  f.x -= A_LEFT; f.y -= A_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert child -> parent", function() {
+  var result = aa.convertFrameToView(f, a);
+  f.x += A_LEFT; f.y += A_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child -> parent", function() {
+  var result = aaa.convertFrameToView(f, a);
+  f.x += A_LEFT*2; f.y += A_TOP*2 ;
+  same(result, f, 'should convert frame');
+});
+
+
+
+test("convert a -> nested child", function() {
+  var result = a.convertFrameToView(f, aaa);
+  f.x -= (A_LEFT+A_LEFT); f.y -= (A_TOP+A_TOP) ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child -> direct parent (child)", function() {
+  var result = aaa.convertFrameToView(f, aa);
+  f.x += A_LEFT; f.y += (A_TOP) ;
+  same(result, f, 'should convert frame');
+});
+
+
+
+test("convert a -> child of sibling", function() {
+  var result = a.convertFrameToView(f, bb);
+  f.x += A_LEFT - (B_LEFT+B_LEFT); f.y += A_TOP - (B_TOP+B_TOP) ;
+  same(result, f, 'should convert frame');
+});
+
+
+test("convert child -> child of sibling", function() {
+  var result = aa.convertFrameToView(f, bb);
+  f.x += A_LEFT*2 - (B_LEFT+B_LEFT); f.y += A_TOP*2 - (B_TOP+B_TOP) ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child -> child of sibling", function() {
+  var result = aaa.convertFrameToView(f, bb);
+  f.x += A_LEFT*3 - (B_LEFT+B_LEFT); f.y += A_TOP*3 - (B_TOP+B_TOP) ;
+  same(result, f, 'should convert frame');
+});
+
+
+// ..........................................................
+// convertFrameFromView()
+//
+module('SC.View#convertFrameFromView', {
+  setup: setupFrameViews, teardown: teardownFrameViews
+});
+
+test("convert a <- top level", function() {
+  var result = a.convertFrameFromView(f, null);
+  f.x -= A_LEFT; f.y -= A_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert child <- top level", function() {
+  var result = aa.convertFrameFromView(f, null);
+  f.x -= A_LEFT*2; f.y -= A_TOP*2 ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child <- top level", function() {
+  var result = aaa.convertFrameFromView(f, null);
+  f.x -= A_LEFT*3; f.y -= A_TOP*3 ;
+  same(result, f, 'should convert frame');
+});
+
+
+test("convert a <- sibling", function() {
+  var result = a.convertFrameFromView(f, b);
+  f.x += B_LEFT - A_LEFT; f.y += B_TOP - A_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert child <- parent sibling", function() {
+  var result = aa.convertFrameFromView(f, b);
+  f.x += B_LEFT - A_LEFT*2; f.y += B_TOP - A_TOP*2;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child <- parent sibling", function() {
+  var result = aaa.convertFrameFromView(f, b);
+  f.x += B_LEFT - A_LEFT*3; f.y += B_TOP - A_TOP*3;
+  same(result, f, 'should convert frame');
+});
+
+
+
+test("convert a <- child", function() {
+  var result = a.convertFrameFromView(f, aa);
+  f.x += A_LEFT; f.y += A_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert child <- parent", function() {
+  var result = aa.convertFrameFromView(f, a);
+  f.x -= A_LEFT; f.y -= A_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child <- parent", function() {
+  var result = aaa.convertFrameFromView(f, a);
+  f.x -= A_LEFT*2; f.y -= A_TOP*2 ;
+  same(result, f, 'should convert frame');
+});
+
+
+
+test("convert a <- nested child", function() {
+  var result = a.convertFrameFromView(f, aaa);
+  f.x += (A_LEFT+A_LEFT); f.y += (A_TOP+A_TOP) ;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child <- direct parent (child)", function() {
+  var result = aaa.convertFrameFromView(f, aa);
+  f.x -= A_LEFT; f.y -= (A_TOP) ;
+  same(result, f, 'should convert frame');
+});
+
+
+
+test("convert a <- child of sibling", function() {
+  var result = a.convertFrameFromView(f, bb);
+  f.x += (B_LEFT+B_LEFT) - A_LEFT ; f.y += (B_TOP+B_TOP) - A_TOP ;
+  same(result, f, 'should convert frame');
+});
+
+
+test("convert child <- child of sibling", function() {
+  var result = aa.convertFrameFromView(f, bb);
+  f.x += (B_LEFT+B_LEFT) - A_LEFT*2; f.y += (B_TOP+B_TOP) - A_TOP*2;
+  same(result, f, 'should convert frame');
+});
+
+test("convert nested child <- child of sibling", function() {
+  var result = aaa.convertFrameFromView(f, bb);
+  f.x += (B_LEFT+B_LEFT) - A_LEFT*3; f.y += (B_TOP+B_TOP) - A_TOP*3 ;
+  same(result, f, 'should convert frame');
+});
+

data/frameworks/sproutcore/frameworks/foundation/tests/views/view/createChildViews.js

@@ -0,0 +1,87 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Apple, Inc. and contributors.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok same */
+
+// ..........................................................
+// createChildViews()
+// 
+module("SC.View#createChildViews");
+
+test("calls createChildView() for each class or string in childViews array", function() {
+  var called = [];
+  var v = SC.View.create({
+    childViews: [
+      SC.View.extend({ key: 0 }), // class - should be called
+      SC.View.create({ key: 1 }), // NOT class - should NOT be called
+      'customClassName'           // string - should be called 
+    ],
+
+    // this shuld be used for the 'customClassName' item above
+    customClassName: SC.View.extend({ key: 2 }),
+    
+    // patch to record results...
+    createChildView: function(childView) {
+      called.push(childView.prototype.key);
+      ok(childView.isClass, "childView: %@ isClass".fmt(childView));
+      return sc_super();
+    }
+  });
+  
+  // createChildViews() is called automatically during create.
+  same(called, [0,2], 'called createChildView for correct children');
+  
+  // make sure childViews array is correct now.
+  var cv = v.childViews, len = cv.length, idx;
+  for(idx=0;idx<len;idx++) {
+    equals(cv[idx].key, idx, 'has correct index key');
+    ok(cv[idx].isObject, 'isObject - %@'.fmt(cv[idx]));
+  }
+});
+
+test("should not create layer for created child views", function() {
+  var v = SC.View.create({
+    childViews: [SC.View]
+  });
+  ok(v.childViews[0].isObject, 'precondition - did create child view');
+  equals(v.childViews[0].get('layer'), null, 'childView does not have layer');
+});
+
+// ..........................................................
+// createChildView()
+// 
+
+var view, myViewClass ;
+module("SC.View#createChildView", {
+  setup: function() {
+    view = SC.View.create({ page: SC.Object.create() }); 
+    myViewClass = SC.View.extend({ isMyView: YES, foo: 'bar' });
+  }
+});
+
+test("should create view from class with any passed attributes", function() {
+  var v = view.createChildView(myViewClass, { foo: "baz" });
+  ok(v.isMyView, 'v is instance of myView');
+  equals(v.foo, 'baz', 'view did get custom attributes');
+});
+
+test("should set newView.owner & parentView to receiver", function() {
+  var v = view.createChildView(myViewClass) ;
+  equals(v.get('owner'), view, 'v.owner == view');
+  equals(v.get('parentView'), view, 'v.parentView == view');
+});
+
+test("should set newView.page to receiver.page unless custom attr is passed", function() {
+  var v = view.createChildView(myViewClass) ;
+  equals(v.get('page'), view.get('page'), 'v.page == view.page');
+
+  var myPage = SC.Object.create();
+  v = view.createChildView(myViewClass, { page: myPage }) ;
+  equals(v.get('page'), myPage, 'v.page == custom page');
+});
+
+
+