blossom/tests/application/qunit/foundation/views/view/createChildViews.js

Modern, Cross-Platform Application Framework

// ==========================================================================
// Project:   SproutCore - JavaScript Application Framework
// Copyright: ©2006-2010 Apple Inc. and contributors.
// License:   Licensed under MIT license (see license.js)
// ==========================================================================

/*global module test equals context ok same */

// ..........................................................
// createChildViews()
// 
suite("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 arguments.callee.base.apply(this, arguments);
    }
  });
  
  // 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 arguments.callee.base.apply(this, arguments);
    }
  });
  
  // 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 ;
suite("SC.View#createChildView", {
  setup: function() {
    view = SC.View.create({ page: SC.Object.create() }); 
    myViewClass = SC.View.extend({ isMyView: true, 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');
});