// ==========================================================================
// 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 */

htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
(function() {
var pane = SC.ControlTestPane.design()
  .add("basic", SC.SelectFieldView, { 
     objects:["1","2","3","4","5"]
  })

  .add("disabled", SC.SelectFieldView, { 
    isEnabled: NO, objects:["1","2","3","4","5"]
  })

  .add("Not Selected", SC.SelectFieldView, { 
    isSelected: NO, objects:["1","2","3","4","5"]
  })

  .add("Not Visible", SC.SelectFieldView, { 
    isVisible: NO, objects:["1","2","3","4","5"]
  })

  .add("sortedStringOptions", SC.SelectFieldView, { 
    objects:["Apple","Sproutcore 1.0","Development","Charles"],
	useStaticLayout: YES, 
    layout: { width: 'auto', right: 'auto' }
  })

  .add("Width 150 Right 0", SC.SelectFieldView, { 
    objects: [1,6,11,2,8],
    useStaticLayout: YES, 
    layout: { width: '150', right: '0' }
  });


pane.show(); // add a test to show the test pane

// ..........................................................
// TEST VIEWS
// 

module('SC.SelectFieldView ui', pane.standardSetup());

test("basic", function() {
  var view = pane.view('basic');
  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
  ok(!view.$().hasClass('sel'), 'should not have sel class');
});

test("disabled", function() {
  var view = pane.view('disabled');
  ok(view.$().hasClass('disabled'), 'should have disabled class');
});

test("Not Selected", function() {
  var view = pane.view('Not Selected');
  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
  ok(!view.$().hasClass('sel'), 'should not have sel class');
});

test("Not Visible", function() {
  var view = pane.view('Not Visible');
  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
  ok(!view.$().hasClass('sel'), 'should not have sel class');
});

test("sortedStringOptions", function() {
   var view = pane.view('sortedStringOptions');
   equals(null,view.get('sortKey'), 'sortkey not specified');
});

test("Width 150 Right 0", function() {  
  var view = pane.view('Width 150 Right 0');
  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
  ok(!view.$().hasClass('sel'), 'should not have sel class');
});


})();