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

htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
(function() {
var pane = SC.ControlTestPane.design()
  .add("basic", SC.CheckboxView, { 
    value: NO, isEnabled: YES, title: "Hello World" 
  })

  .add("selected", SC.CheckboxView, { 
    value: YES, title: "Hello World" 
  })

  .add("disabled", SC.CheckboxView, { 
    isEnabled: NO, title: "Hello World" 
  })

  .add("disabled - selected", SC.CheckboxView, { 
    isEnabled: NO, value: YES, title: "Hello World" 
  })

  .add("static layout 1", SC.CheckboxView, {
    useStaticLayout: YES, 
    layout: { width: 'auto', right: 'auto' },
    title: 'Static Layout'
  })

  .add("static layout 2", SC.CheckboxView, {
    useStaticLayout: YES, 
    layout: { width: 'auto', right: 'auto' },
    title: 'Different Length Title'
  });

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

// ..........................................................
// TEST VIEWS
// 
module('SC.CheckboxView 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');

  var input = view.$('input');
  ok(!input.attr('checked'), 'input should not be checked');
  ok(!input.attr('disabled'), 'input should not be disabled');

  var label = view.$('span.label');
  equals(label.text(), 'Hello World', 'should have label');
});

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

  var input = view.$('input');
  ok(input.attr('checked'), 'input should be checked');
  ok(!input.attr('disabled'), 'input should not be disabled');

  var label = view.$('span.label');
  equals(label.text(), 'Hello World', 'should have label');
});

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

  var input = view.$('input');
  ok(!input.attr('checked'), 'input should not be checked');
  ok(input.attr('disabled'), 'input should be disabled');

  var label = view.$('span.label');
  equals(label.text(), 'Hello World', 'should have label');
});

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

  var input = view.$('input');
  ok(input.attr('checked'), 'input should be checked');
  ok(input.attr('disabled'), 'input should be disabled');

  var label = view.$('span.label');
  equals(label.text(), 'Hello World', 'should have label');
});
})();