Contents

// ==========================================================================
// Project:   SproutCore - JavaScript Application Framework
// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
//            portions copyright @2009 Apple, Inc.
// License:   Licened under MIT license (see license.js)
// ==========================================================================

/*global module test htmlbody ok equals same stop start */

module("SC.PanelPane UI");

var pane ;

test("verify panel content container is visible at correct location with right size", function() { 
  pane = SC.PanelPane.create({
    contentView: SC.View.extend({
      layout: { width: 400, height: 200, centerX: 0, centerY: 0 }
    })
  });
  pane.append();

  ok(pane.get('isVisibleInWindow'), 'pane.isVisibleInWindow should be YES');
  ok(pane.$().hasClass('sc-panel'), 'pane should have sc-panel class');
  ok(pane.childViews[0].get('isVisibleInWindow'), 'pane.div.isVisibleInWindow should be YES');
  ok(pane.childViews[0].$().hasClass('sc-view'), 'pane.div should have sc-view class');
  
  var pw = pane.childViews[0].layout.width;
  var ph = pane.childViews[0].layout.height;
  var ret = pane.childViews[0].layoutStyle();

  equals(ret.top, '50%', 'pane.div should center vertically');
  equals(ret.left, '50%', 'pane.div should center horizontally');
  equals(ret.width, '400px', 'pane.div should have width 400px');
  equals(ret.height, '200px', 'pane.div should have height 200px');
  equals(ret.marginLeft, -pw/2+'px', 'pane.div should shift-left %@ px'.fmt(-pw/2));
  equals(ret.marginTop, -ph/2+'px', 'pane.div should shift-top %@ px'.fmt(-ph/2));

  pane.remove();
}) ;

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
sproutit-sproutcore-1.0.0.20090408130025	frameworks/sproutcore/frameworks/desktop/tests/panes/panel/ui.js
sproutit-sproutcore-1.0.0.20090416161445	frameworks/sproutcore/frameworks/desktop/tests/panes/panel/ui.js