blossom/tests/application/qunit/desktop/views/checkbox/ui.js

Modern, Cross-Platform Application Framework

// ==========================================================================
// Project:   SproutCore - JavaScript Application Framework
// Copyright: ©2006-2011 Strobe Inc. and contributors.
//            portions copyright @2009 Apple Inc.
// License:   Licensed 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: false, isEnabled: true, title: "Hello World" 
  })

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

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

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

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

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

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

// ..........................................................
// TEST VIEWS
// 
suite('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.$();
  equals(input.attr('aria-checked'), 'false',  'input should not be checked');
  
  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.$();
  equals(input.attr('aria-checked'), 'true','input should be checked');
  
  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.$();
  equals(input.attr('aria-checked'), 'false','input should not be checked');
  
  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.$();
  equals(input.attr('aria-checked'), 'true','input should be checked');
  
  var label = view.$('span.label');
  equals(label.text(), 'Hello World', 'should have label');
});
})();