sproutit-sproutcore 1.0.20090721145236 → 1.0.20090721145251

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,122 @@
+// ==========================================================================
+// 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 error when there is a dud view name in childViews list.", function() {
+  var called = [];
+  var v = SC.View.create({
+    childViews: [
+      "nonExistantClassNme",       // string - 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, [2], 'called createChildView for correct children');
+});
+
+test("should not throw error when there is an extra space in the childViews list", function() {
+  var called = [];
+  var v = SC.View.create({
+    childViews: "customClassName  customKlassName".w(),
+    // this shuld be used for the 'customClassName' item above
+    customClassName: SC.View.extend({ key: 2 }),
+    customKlassName: SC.View.extend({ key: 3 })
+  });
+  
+  ok(true, "called awake without issue.");
+  
+});
+
+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');
+});
+
+
+

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

@@ -0,0 +1,97 @@
+// ==========================================================================
+// 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$ */
+
+// ..........................................................
+// createLayer()
+// 
+module("SC.View#createLayer");
+
+test("returns the receiver", function() {
+  var v= SC.View.create();
+  equals(v.createLayer(), v, 'returns receiver');
+});
+
+test("calls prepareContext() and sets layer to resulting element", function() {
+  var v= SC.View.create({
+    tagName: 'span',
+    
+    prepareContext: function(context, firstTime) {
+      context.push("foo");
+    }
+  });
+  
+  equals(v.get('layer'), null, 'precondition - has no layer');
+  v.createLayer();
+  
+  var elem = v.get('layer');
+  ok(!!elem, 'has element now');
+  equals(elem.innerHTML, 'foo', 'has innerHTML from context');
+  equals(elem.tagName.toString().toLowerCase(), 'span', 'has tagName from view');
+  elem = null ;
+});
+
+test("invokes didCreateLayer() on receiver and all child views", function() {
+  var callCount = 0, mixinCount = 0;
+  var v= SC.View.create({
+    
+    didCreateLayer: function() { callCount++; },
+    didCreateLayerMixin: function() { mixinCount++; },
+    
+    childViews: [SC.View.extend({
+      didCreateLayer: function() { callCount++; },
+      childViews: [SC.View.extend({
+        didCreateLayer: function() { callCount++; },
+        didCreateLayerMixin: function() { mixinCount++; }
+      }), SC.View.extend({ /* no didCreateLayer */ })]
+    })]
+  });
+  
+  // verify setup...
+  ok(v.didCreateLayer, 'precondition - has root');
+  ok(v.childViews[0].didCreateLayer, 'precondition - has firstChild');
+  ok(v.childViews[0].childViews[0].didCreateLayer, 'precondition - has nested child');
+  ok(!v.get('layer'), 'has no layer');
+
+  v.createLayer();
+  equals(callCount, 3, 'did invoke all methods');
+  equals(mixinCount, 2, 'did invoke all mixin methods');
+});
+
+test("generated layer include HTML from child views as well", function() {
+  var v = SC.View.create({
+    childViews: [ SC.View.extend({ layerId: "foo" })]
+  });
+  
+  v.createLayer();
+  ok(Q$('#foo', v.get('layer')).get(0), 'has element with child layerId');
+});
+
+test("does NOT assign layer to child views immediately", function() {
+  var v = SC.View.create({
+    childViews: [ SC.View.extend({ layerId: "foo" })]
+  });
+  v.createLayer();
+  ok(!v.childViews[0]._view_layer, 'has no layer yet');
+});
+
+// ..........................................................
+// USE CASES
+// 
+
+// when view is first created, createLayer is NOT called
+
+// when view is added to parent view, and parent view is already visible in
+// window, layer is created just before adding it to the DOM
+
+// when a pane is added to the window, the pane layer is created.
+
+// when a pane with an exiting layer is removed from the DOM, the layer is removed from the DOM, but it is not destroyed.
+
+// what if we move a view from a parentView that has a layer to a parentView that does NOT have a layer.   Delete layer.
+
+// what if a move a view from a parentView that does NOT have a layer to a parentView that DOES have a layer.