spade 0.0.1 → 0.0.2

data/sproutcore/frameworks/foundation/tests/views/label/ui.js

@@ -1,179 +0,0 @@
-// ==========================================================================
-// 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 */
-
-var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
-(function() {
-var pane = SC.ControlTestPane.design()
-  .add("basic", SC.LabelView, { 
-    value:'hello'
-  })
-  
-  .add("disabled", SC.LabelView, { 
-    value:'hello',
-    isEnabled: NO
-  })
-  
-  .add("selectable", SC.LabelView, { 
-    value:'hello',
-    isTextSelectable: YES
-  })
-  
-  .add("iconclass", SC.LabelView, {
-    icon: 'icon-class',
-    value: "hello"
-  })
-  
-  .add("centered", SC.LabelView, { 
-     value: "hello",
-     textAlign: SC.ALIGN_CENTER 
-  })
-   
-  .add("centered,icon", SC.LabelView, { 
-     value: "hello",
-     textAlign: SC.ALIGN_CENTER ,
-     icon: iconURL 
-  })
-  
-  .add("regular size", SC.LabelView, { 
-     value: "hello",
-     controlSize: SC.REGULAR_CONTROL_SIZE
-  })
-  
-  .add("small size", SC.LabelView, { 
-     value: "hello",
-     controlSize: SC.SMALL_CONTROL_SIZE
-  })
-  
-  .add("tiny size", SC.LabelView, { 
-     value: "hello",
-     controlSize: SC.TINY_CONTROL_SIZE
-  })
-  
-  .add("bold", SC.LabelView, { 
-     value: "hello",
-     fontWeight: SC.BOLD_WEIGHT
-  })
-   
-  .add("bold height", SC.LabelView, { 
-     value: "hello",
-     fontWeight: SC.BOLD_WEIGHT,
-     height: 16 
-  })
-  
-  .add("editable", SC.LabelView, { 
-     value: "double click me",
-     isEditable: YES
-  })
-
-  .add("aria-labelledby", SC.LabelView, { 
-     value: "aria-labelledby",
-     fontWeight: SC.BOLD_WEIGHT,
-     height: 16,
-     ariaLabeledBy: 'Label View'
-  });
-
-pane.show(); // add a test to show the test pane
-
-
-module('SC.LabelView ui', {
-  setup: function() {
-    htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
-  },
-  teardown: function(){
-    clearHtmlbody();
-  }
-});
-
-test("Check that all Label are visible", function() {
-  ok(pane.view('basic').get('isVisibleInWindow'), 'basic.isVisibleInWindow should be YES');
-  ok(pane.view('disabled').get('isVisibleInWindow'), 'title.isVisibleInWindow should be YES');
-  ok(pane.view('selectable').get('isVisibleInWindow'), 'icon.isVisibleInWindow should be YES');
-  ok(pane.view('centered').get('isVisibleInWindow'), 'title,icon.isVisibleInWindow should be YES');
-  ok(pane.view('centered,icon').get('isVisibleInWindow'), 'title,icon,disabled.isVisibleInWindow should be YES');
-  ok(pane.view('regular size').get('isVisibleInWindow'), 'title,icon,default.isVisibleInWindow should be YES');
-  ok(pane.view('small size').get('isVisibleInWindow'), 'title.icon,selected.isVisibleInWindow should be YES');
-  ok(pane.view('tiny size').get('isVisibleInWindow'), 'title,toolTip.isVisibleInWindow should be YES');
-  ok(pane.view('bold').get('isVisibleInWindow'), 'title,toolTip.isVisibleInWindow should be YES');
-  ok(pane.view('bold height').get('isVisibleInWindow'), 'title,toolTip.isVisibleInWindow should be YES');
-  ok(pane.view('editable').get('isVisibleInWindow'), 'title,toolTip.isVisibleInWindow should be YES');
-  ok(pane.view('aria-labelledby').get('isVisibleInWindow'), 'aria-labelledby isVisibleInWindow should be YES');
-});
-  
-
-test("Check that all labels have the right classes and styles set", function() {
-  var viewElem=pane.view('basic').$();
-  ok(viewElem.hasClass('sc-view'), 'basic.hasClass(sc-view) should be YES');
-  ok(viewElem.hasClass('sc-label-view'), 'basic.hasClass(sc-label-view) should be YES');
-  ok(!viewElem.hasClass('icon'), 'basic.hasClass(icon) should be NO');
-  ok(!viewElem.hasClass('disabled'), 'basic.hasClass(disabled) should be YES');
-  ok(viewElem.css('fontWeight') === 'normal', 'basic should have normal fontWeight');
-  ok(viewElem.css('textAlign') === 'left', 'basic should have left textAlign');
-  
-  viewElem=pane.view('disabled').$();
-  ok(viewElem.hasClass('sc-view'), 'title.hasClass(sc-view) should be YES');
-  ok(viewElem.hasClass('sc-label-view'), 'title.hasClass(sc-label-view) should be YES');
-  ok(!viewElem.hasClass('icon'), 'title.hasClass(icon) should be NO');
-  ok(viewElem.hasClass('disabled'), 'title.hasClass(disabled) should be NO');
- 
-  viewElem=pane.view('selectable').$();
-  ok(viewElem.hasClass('sc-view'), 'icon.hasClass(sc-view) should be YES');
-  ok(viewElem.hasClass('sc-label-view'), 'icon.hasClass(sc-label-view) should be YES');
-  ok(viewElem.hasClass('sc-regular-size'), 'icon.hasClass(sc-regular-size) should be YES');
-  ok(!viewElem.hasClass('icon'), 'icon.hasClass(icon) should be YES');
-  ok(!viewElem.hasClass('sel'), 'icon.hasClass(sel) should be NO');
-  ok(!viewElem.hasClass('disabled'), 'icon.hasClass(disabled) should be NO');
-  
-  viewElem = pane.view('iconclass').$();
-  ok(viewElem.hasClass('icon'), 'view element should have "icon" class');
-  ok(viewElem.find('img').hasClass('icon'), 'img element inside view should have "icon" class');
-  
-  viewElem=pane.view('centered').$();
-  ok(viewElem.hasClass('sc-view'), 'title,icon.hasClass(sc-view) should be YES');
-  ok(viewElem.hasClass('sc-label-view'), 'title,icon.hasClass(sc-label-view) should be YES');
-  ok(!viewElem.hasClass('icon'), 'title,icon.hasClass(icon) should be YES');
-  ok(!viewElem.hasClass('disabled'), 'title,icon.hasClass(disabled) should be NO');
-  ok(viewElem.css('textAlign') === 'center', 'centered should have center textAlign');
- 
-  viewElem=pane.view('centered,icon').$();
-  ok(viewElem.hasClass('sc-view'), 'title,icon,disabled.hasClass(sc-view) should be YES');
-  ok(viewElem.hasClass('sc-label-view'), 'title,icon,disabled.hasClass(sc-label-view) should be YES');
-  ok(viewElem.hasClass('icon'), 'title,icon,disabled.hasClass(icon) should be YES');
-  ok(!viewElem.hasClass('disabled'), 'title,icon,disabled.hasClass(disabled) should be YES');
-  ok(viewElem.css('textAlign') === 'center', 'centered,icon should have center textAlign');
- 
-  viewElem=pane.view('regular size').$();
-  ok(viewElem.hasClass('sc-view'), 'title,icon,default.hasClass(sc-view) should be YES');
-  ok(viewElem.hasClass('sc-label-view'), 'title,icon,default.hasClass(sc-label-view) should be YES');
-  ok(viewElem.hasClass('sc-regular-size'), 'title,icon,default.hasClass(sc-regular-size) should be YES');
-  ok(!viewElem.hasClass('disabled'), 'title,icon,default.hasClass(disabled) should be NO');
-      
-  viewElem=pane.view('bold').$();
-  ok(viewElem.hasClass('sc-view'), 'title,icon,selected.hasClass(sc-view) should be YES');
-  ok(viewElem.hasClass('sc-label-view'), 'title,icon,selected.hasClass(sc-label-view) should be YES');
-  ok(!viewElem.hasClass('icon'), 'title,icon,selected.hasClass(icon) should be YES');
-  ok(!viewElem.hasClass('disabled'), 'title,icon,selected.hasClass(disabled) should be NO');
-  ok(viewElem.css('fontWeight') === 'bold', 'bold view should have bold fontWeight');
-   
-});
-
-test("Check that the title is set or not and if it is in the appropriate element", function() {
-  var viewElem=pane.view('basic').$();
-  equals(viewElem.text(), 'hello', 'has a value set');
-
-  viewElem=pane.view('centered,icon').$('img');
-  ok((viewElem!==null), 'should have an image corresponding to an icon');
-
-});
-
-test("Check that the aria-labelledby is set to Label View", function() {
-  var viewElem=pane.view('aria-labelledby').$();
-  equals(viewElem.attr('aria-labelledby'), 'Label View', 'should have value set to Label view');
-});
-
-})();

data/sproutcore/frameworks/foundation/tests/views/text_field/methods.js

@@ -1,87 +0,0 @@
-// ==========================================================================
-// 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 stop start Q$ */
-
-
-// note: need to test interaction with Validators here
-// possibly move Validator support to TextFieldView specifically.
-
-var pane, view, view1, view2;
-
-module("SC.TextFieldView",{
-  setup: function() {
-      SC.RunLoop.begin();
-      pane = SC.MainPane.create({
-        childViews: [
-          SC.TextFieldView.extend({
-            hint:'First Name',
-            value:'',
-            title:'First Name'
-          }),
-          SC.TextFieldView.extend({
-            hint:'Name',
-            value:'SproutCore',
-            isEnabled: NO
-          }),
-          SC.TextFieldView.extend({
-            layerId: 'fieldWithCustomId'
-          })
-        ]
-    });
-    pane.append(); // make sure there is a layer...
-    SC.RunLoop.end();
-    
-    view  = pane.childViews[0];
-    view1 = pane.childViews[1];
-    view2 = pane.childViews[2];
-  },
-  
-  teardown: function() {
-      pane.remove();
-      pane = view = null ;
-    }    
-});
-
-test("renders an text field input tag with appropriate attributes", function() {
-  equals(view.get('value'), '', 'value should be empty');
-  equals(view1.get('value'), 'SproutCore', 'value should not be empty ');
-  equals(view.get('isEnabled'),YES,'field enabled' );
-  equals(view1.get('isEnabled'),NO,'field not enabled' );
-  var q = Q$('input', view.get('layer'));
-  equals(q.attr('type'), 'text', 'should have type as text');
-  equals(q.attr('name'), view.get('layerId'), 'should have name as view_layerid');
-});
-
-test("renders an text field with a custom layerId with correct id and name html attributes", function() {  
-  equals(view2.$().attr('id'), 'fieldWithCustomId', 'label html element should have the custom id');
-  equals(view2.$input().attr('name'), 'fieldWithCustomId', 'input html element should have the custom name');
-});
-
-test("isEnabled=NO should add disabled class", function() {
-  SC.RunLoop.begin();
-  view.set('isEnabled', NO);
-  SC.RunLoop.end();  
-  ok(view.$().hasClass('disabled'), 'should have disabled class');
-});
-
-// test("isEnabled=NO should add disabled attr to input", function() {
-//   SC.RunLoop.begin();
-//   view1.set('isEnabled', NO);
-//   SC.RunLoop.end();  
-//   ok(view1.$input().attr('disabled'), 'should have disabled attr');  
-//   view1.set('isEditing',YES);
-//   ok(view1.get('value') === 'SproutCore', 'value cannot be changed');
-//   });
-
-test("isEnabled and isEditable mapping", function() {
-  var obj= SC.TextFieldView.create();
-  obj.set('isEnabled',false);
-  equals(obj.get('isEditable'),false);
-  obj.set('isEnabled',true);
-  equals(obj.get('isEditable'),true);
-});

data/sproutcore/frameworks/foundation/tests/views/text_field/nextValidKeyView.js

@@ -1,110 +0,0 @@
-// ==========================================================================
-// 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 Q$ htmlbody */
-
-var pane, textfield_view1, textfield_view2, textfield_view3, view1, view2, view3, view4, view5;
-
-var OLD;
-    
-module("SC.View#nextValidKeyView", {
-  setup: function() {
-    SC.RunLoop.begin();
-    
-    pane = SC.Pane.design()
-    .layout({ top: 0, left: 0, bottom:0, right: 0 })
-    .childView(SC.TextFieldView.design())
-    .childView(SC.View.design())
-    .childView(SC.View.design()
-      .childView(SC.View.design()
-        .childView(SC.View.design()
-          .childView(SC.View.design()
-            .childView(SC.TextFieldView.design())
-          )
-        )
-      )
-    )
-    .childView(SC.View.design())
-    .childView(SC.View.design())
-    .childView(SC.View.design())
-    .childView(SC.View.design()
-      .childView(SC.TextFieldView.design())
-    )
-    .childView(SC.View.design())
-    .create();
-    pane.append();
-    SC.RunLoop.end();
-    
-    textfield_view1 = pane.childViews[0];
-    textfield_view2 = pane.childViews[2].childViews[0].childViews[0].childViews[0].childViews[0];
-    textfield_view3 = pane.childViews[6].childViews[0];
-    view1 = pane.childViews[1];
-    view2 = pane.childViews[3]; 
-    view3 = pane.childViews[4];
-    view4 = pane.childViews[5];
-    view5 = pane.childViews[7];
-    
-    OLD = {
-      SAFARI_FOCUS_BEHAVIOR: SC.SAFARI_FOCUS_BEHAVIOR,
-      TABBING_ONLY_INSIDE_DOCUMENT: SC.TABBING_ONLY_INSIDE_DOCUMENT
-    };
-
-    SC.SAFARI_FOCUS_BEHAVIOR = YES;
-    SC.TABBING_ONLY_INSIDE_DOCUMENT = NO;
-    
-  },
-  
-
-  teardown: function() { 
-    
-    // restore old settings
-    SC.SAFARI_FOCUS_BEHAVIOR = OLD.SAFARI_FOCUS_BEHAVIOR;
-    SC.TABBING_ONLY_INSIDE_DOCUMENT = OLD.TABBING_ONLY_INSIDE_DOCUMENT;
-
-    SC.RunLoop.begin();
-    pane.remove();
-    pane = textfield_view1 = textfield_view2 = textfield_view3 = view1 = view2 = view3 = null;
-    SC.RunLoop.end();
-  }
-});
-
-test("Navigate between textfields- going forward", function() {
-  SC.SAFARI_FOCUS_BEHAVIOR = YES;
-  SC.TABBING_ONLY_INSIDE_DOCUMENT = NO;
-  
-  var v = view2.nextValidKeyView();
-  same(v, textfield_view3, "The next view should be " + textfield_view3.toString());
-  
-  v = textfield_view3.nextValidKeyView();
-  same(v, null, "The next view should be null");
-});
-
-test("Navigate between textfields- going backwards", function() {
-  SC.SAFARI_FOCUS_BEHAVIOR = YES;
-  var v = view2.previousValidKeyView();
-  same(v, textfield_view2, "The previous key view should be " + textfield_view2.toString());
-
-});
-
-
-test("Navigate forward with view that have a nextKeyView set", function() {
-  SC.SAFARI_FOCUS_BEHAVIOR = YES;
-  var v = view2.nextValidKeyView();
-  same(v, textfield_view3, "The next view should be " + textfield_view3.toString());
-  view3.set('nextKeyView', textfield_view1);
-  v = view2.nextValidKeyView();
-  same(v, textfield_view1, "The next view should be " + textfield_view1.toString());
-});
-
-
-test("Navigate backwards with view that have a previousKeyView set", function() {
-  SC.SAFARI_FOCUS_BEHAVIOR = YES;
-  var v = view2.previousValidKeyView();
-  same(v, textfield_view2, "The next view should be " + textfield_view2.toString());
-  view4.set('previousKeyView', textfield_view1);
-  v = textfield_view3.previousValidKeyView();
-  same(v, textfield_view1, "The next view should be " + textfield_view1.toString());
-});

data/sproutcore/frameworks/foundation/tests/views/text_field/ui.js

@@ -1,577 +0,0 @@
-// ==========================================================================
-// 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 stop start */
-(function() {
-  var pane = SC.ControlTestPane.design()
-  .add("empty", SC.TextFieldView, { 
-    hint: "Full Name", 
-    value: ''
-  })
-  
-  .add("with value", SC.TextFieldView, { 
-    hint: "Full Name", 
-    value: 'John Doe'
-  })
-  
-  .add("disabled - empty", SC.TextFieldView, { 
-    hint: "Full Name", 
-    value: null,
-    isEnabled: NO
-  })
-  
-  .add("disabled - with value", SC.TextFieldView, { 
-    hint: "Full Name", 
-    value: 'John Doe',
-    isEnabled: NO
-  })
-  
-  .add("textarea - empty", SC.TextFieldView, { 
-    hint: "Full Name", 
-    value: '',
-    isTextArea: YES
-  })
-  
-  .add("textarea - with value", SC.TextFieldView, { 
-    hint: "Full Name", 
-    value: 'John Doe',
-    isTextArea: YES
-  })
-  
-  .add("textarea - disabled - empty", SC.TextFieldView, { 
-    hint: "Full Name", 
-    value: '',
-    isTextArea: YES,
-    isEnabled: NO
-  })
-  
-  .add("textarea - disabled - with value", SC.TextFieldView, { 
-    hint: "Full Name", 
-    value: 'John Doe',
-    isTextArea: YES,
-    isEnabled: NO
-  })
-  
-  .add("aria-role", SC.TextFieldView, {
-    hint: "Full Name", 
-    value: 'John Doe',
-    isTextArea: YES,
-    isEnabled: YES
-  })
-
-  .add("aria-multiline", SC.TextFieldView, {
-    hint: "Full Name", 
-    value: 'John Doe',
-    isTextArea: YES,
-    isEnabled: YES
-  })
-  
-  .add("aria-disabled",SC.TextFieldView, {
-    hint: "Full Name", 
-    value: 'John Doe',
-    isTextArea: YES,
-    isEnabled: NO
-  })
-
-  .add("aria-invalid", SC.TextFieldView, {
-      value: SC.Error.create({errorValue:'Error Message'}),
-      isEnabled: YES
-  });
-    
-pane.show(); // add a test to show the test pane
-
-// ..........................................................
-// VERIFY STANDARD STATES
-// 
-pane.verifyEmpty = function verifyEmpty(view, expectedHint) {
-  var input = view.$('input');
-  var layer = view.$();
-  
-  ok(!layer.hasClass('not-empty'), 'layer should not have not-empty class');
-  if(SC.browser.webkit) equals(input.val(), '', 'input should have empty value');
-  else equals(input.val(), expectedHint, 'input should have empty value');
-  if (expectedHint) {
-    var hint = view.$('.sc-hint');
-    if (hint.length===1) {
-    hint = hint.text();
-  } else {
-    hint = view.$('input');
-    hint = hint.attr('placeholder');
-  }
-  equals(hint, expectedHint, 'hint span should have expected hint');  }
-
-};
-
-pane.verifyNotEmpty = function verifyNotEmpty(view, expectedValue, expectedHint) {
-  var input = view.$('input');
-  var layer = view.$();
-  
-  ok(layer.hasClass('not-empty'), 'layer should have not-empty class');
-  equals(input.val(), expectedValue, 'input should have value');
-  
-  if (expectedHint) {
-    var hint = view.$('.sc-hint');
-    if (hint.length===1) {
-    hint = hint.text();
-  } else {
-    hint = view.$('input');
-    hint = hint.attr('placeholder');
-  }
-  equals(hint, expectedHint, 'hint span should have expected hint');  }
-
-};
-
-pane.verifyDisabled = function verifyDisabled(view, isDisabled) {
-  var layer = view.$();
-  var input = view.$('input');
-  
-  if (isDisabled) {
-    ok(layer.hasClass('disabled'), 'layer should have disabled class');
-    ok(input.attr('disabled'), 'input should have disabled attr');
-  } else {
-    ok(!layer.hasClass('disabled'), 'layer should not have disabled class');
-    ok(!input.attr('disabled'), 'input should not have disabled attr');
-  }
-};
-
-
-// ..........................................................
-// TEST INITIAL STATES
-// 
-
-module('SC.TextFieldView ui', pane.standardSetup());
-
-test("empty", function() {
-   var view = pane.view('empty');
-   pane.verifyEmpty(view, 'Full Name');
-   pane.verifyDisabled(view, NO);
-});
-
-test("with value", function() {
-  var view = pane.view('with value');
-  pane.verifyNotEmpty(view, 'John Doe', 'Full Name');
-  pane.verifyDisabled(view, NO);
-});
-
-test("disabled - empty", function() {
-  var view = pane.view('disabled - empty');
-  pane.verifyEmpty(view, 'Full Name');
-  pane.verifyDisabled(view, YES);
-});
-
-test("disabled - with value", function() {
-  var view = pane.view('disabled - with value');
-  pane.verifyNotEmpty(view, 'John Doe', 'Full Name');
-  pane.verifyDisabled(view, YES);
-});
-
-test("textarea - empty", function() {
-   var view = pane.view('empty');
-   pane.verifyEmpty(view, 'Full Name');
-   pane.verifyDisabled(view, NO);
-});
-
-test("textarea - with value", function() {
-  var view = pane.view('with value');
-  pane.verifyNotEmpty(view, 'John Doe', 'Full Name');
-  pane.verifyDisabled(view, NO);
-});
-
-test("textarea - disabled - empty", function() {
-  var view = pane.view('disabled - empty');
-  pane.verifyEmpty(view, 'Full Name');
-  pane.verifyDisabled(view, YES);
-});
-
-test("textarea - disabled - with value", function() {
-  var view = pane.view('disabled - with value');
-  pane.verifyNotEmpty(view, 'John Doe', 'Full Name');
-  pane.verifyDisabled(view, YES);
-});
-
-// ..........................................................
-// TEST CHANGING VIEWS
-// 
-
-test("changing value from empty -> value", function() {
-  var view = pane.view('empty');
-  
-  // test changing value updates like it should
-  SC.RunLoop.begin();
-  view.set('value', 'John Doe');
-  SC.RunLoop.end();
-  pane.verifyNotEmpty(view, 'John Doe', 'Full Name');
-});
-
-test("disabling view", function() {  
-  var view = pane.view('empty');
-  
-  // test changing enabled state updates like it should
-  SC.RunLoop.begin();
-  view.set('isEnabled', NO);
-  SC.RunLoop.end();
-  pane.verifyDisabled(view, YES);
-});
-
-test("changing value to null", function() {
-  var view = pane.view('with value');
-
-  // test changing value updates like it should
-  SC.RunLoop.begin();
-  view.set('value', null);
-  SC.RunLoop.end();
-  equals(view.get('fieldValue'), null, 'should have empty fieldValue');
-  pane.verifyEmpty(view, 'Full Name');
-});
-
-test("enabling disabled view", function() {
-  var view = pane.view('disabled - empty');
-
-  // test changing enabled state updates like it should
-  SC.RunLoop.begin();
-  view.set('isEnabled', YES);
-  SC.RunLoop.end();
-  pane.verifyDisabled(view, NO);
-});
-
-// ..........................................................
-// TEST SELECTION SUPPORT
-// 
-
-test("Setting the selection to a null value should fail", function() {  
-  var view = pane.view('with value');
-  var fieldElement = view.$input()[0];
-  fieldElement.size = 10;     // Avoid Firefox 3.5 issue
-  
-  var thrownException = null;
-  try {
-    view.set('selection', null);
-  }
-  catch(e) {
-    thrownException = e;
-  }
-  ok(thrownException.indexOf !== undefined, 'an exception should have been thrown');
-  if (thrownException.indexOf !== undefined) {
-    ok(thrownException.indexOf('must specify an SC.TextSelection instance') !== -1, 'the exception should be about not specifying an SC.TextSelection instance');
-  }
-});
-
-test("Setting the selection to a non-SC.TextSelection value should fail", function() {  
-  var view = pane.view('with value');
-  var fieldElement = view.$input()[0];
-  fieldElement.size = 10;     // Avoid Firefox 3.5 issue
-  
-  var thrownException = null;
-  try {
-    view.set('selection', {start: 0, end: 0});
-  }
-  catch(e) {
-    thrownException = e;
-  }
-  ok(thrownException.indexOf !== undefined, 'an exception should have been thrown');
-  if (thrownException.indexOf !== undefined) {
-    ok(thrownException.indexOf('must specify an SC.TextSelection instance') !== -1, 'the exception should be about not specifying an SC.TextSelection instance');
-  }
-});
-
-test("Setting and then getting back the selection", function() {  
-  var view = pane.view('with value');
-  var fieldElement = view.$input()[0];
-  fieldElement.focus();
-  fieldElement.size = 10;     // Avoid Firefox 3.5 issue
-  
-  var newSelection = SC.TextSelection.create({start:2, end:5});
-  view.set('selection', newSelection);
-  
-  var fetchedSelection = view.get('selection');
-  ok(fetchedSelection.get('start') === 2, 'the selection should start at index 2');
-  ok(fetchedSelection.get('end') === 5, 'the selection should end at index 4');
-  ok(fetchedSelection.get('length') === 3, 'the selection should have length 3');
-});
-
-// ..........................................................
-// TEST ACCESSORY VIEWS
-// 
-
-test("Adding left accessory view", function() {  
-  var view = pane.view('with value');
-  
-  // test adding accessory view adds the view like it should
-  SC.RunLoop.begin();
-  var accessoryView = SC.View.create({
-    layout:  { top:1, left:2, width:16, height:16 }
-  });
-  view.set('leftAccessoryView', accessoryView);
-  SC.RunLoop.end();
-
-  ok(view.get('leftAccessoryView') === accessoryView, 'left accessory view should be set to ' + accessoryView.toString());
-  ok(view.get('childViews').length === 1, 'there should only be one child view');
-  ok(view.get('childViews')[0] === accessoryView, 'first child view should be set to ' + accessoryView.toString());
-  
-  
-  // The hint and padding elements should automatically have their 'left'
-  // values set to the accessory view's offset + width
-  // (18 = 2 left offset + 16 width)
-  var paddingElement = view.$('.padding')[0];
-  ok(paddingElement.style.left === '18px', 'padding element should get 18px left');
-  
-  // Test removing the accessory view.
-  SC.RunLoop.begin();
-  view.set('leftAccessoryView', null);
-  SC.RunLoop.end();
-  ok(view.get('childViews').length === 0, 'after removing the left accessory view there should be no child views left');
-  ok(!paddingElement.style.left, 'after removing the left accessory view the padding element should have no left style');
-});
-
-test("Adding left accessory view changes style -- using design()", function() {  
-  var view = pane.view('with value');
-  
-  // test adding accessory view adds the view like it should
-  SC.RunLoop.begin();
-  var accessoryView = SC.View.design({
-    layout:  { top:1, left:2, width:16, height:16 }
-  });
-  view.set('leftAccessoryView', accessoryView);
-  SC.RunLoop.end();
-
-  // The hint and padding elements should automatically have their 'left'
-  // values set to the accessory view's offset + width
-  // (18 = 2 left offset + 16 width)
-  var paddingElement = view.$('.padding')[0];
-  ok(paddingElement.style.left === '18px', 'padding element should get 18px left');
-  
-  // Test removing the accessory view.
-  SC.RunLoop.begin();
-  view.set('leftAccessoryView', null);
-  SC.RunLoop.end();
-  ok(!paddingElement.style.left, 'after removing the left accessory view the padding element should have no left style');
-});
-
-test("Adding right accessory view", function() {  
-  var view = pane.view('with value');
-  
-  // test adding accessory view adds the view like it should
-  SC.RunLoop.begin();
-  var accessoryView = SC.View.create({
-    layout:  { top:1, right:3, width:17, height:16 }
-  });
-  view.set('rightAccessoryView', accessoryView);
-  SC.RunLoop.end();
-
-  ok(view.get('rightAccessoryView') === accessoryView, 'right accessory view should be set to ' + accessoryView.toString());
-  ok(view.get('childViews').length === 1, 'there should only be one child view');
-  ok(view.get('childViews')[0] === accessoryView, 'first child view should be set to ' + accessoryView.toString());
-  
-  
-  // The hint and padding elements should automatically have their 'right'
-  // values set to the accessory view's offset + width
-  // (20 = 3 right offset + 17 width)
-  var paddingElement = view.$('.padding')[0];
-  ok(paddingElement.style.right === '20px', 'padding element should get 20px right');
-  
-  
-  // If a right accessory view is set with only 'left' (and not 'right')
-  // defined in its layout, 'left' should be cleared out and 'right' should
-  // be set to 0.
-  SC.RunLoop.begin();
-  accessoryView = SC.View.create({
-    layout:  { top:1, left:2, width:16, height:16 }
-  });
-  view.set('rightAccessoryView', accessoryView);
-  SC.RunLoop.end();
-  
-  ok(view.get('rightAccessoryView').get('layout').left === null, "right accessory view created with 'left' rather than 'right' in layout should have layout.left set to null");
-  ok(view.get('rightAccessoryView').get('layout').right === 0, "right accessory view created with 'left' rather than 'right' in layout should have layout.right set to 0");
-  
-  
-  // Test removing the accessory view.
-  SC.RunLoop.begin();
-  view.set('rightAccessoryView', null);
-  SC.RunLoop.end();
-  ok(view.get('childViews').length === 0, 'after removing the right accessory view there should be no child views left');
-  ok(!paddingElement.style.right, 'after removing the right accessory view the padding element should have no right style');
-});
-
-test("Adding right accessory view changes style -- using design()", function() {  
-  var view = pane.view('with value');
-  
-  // test adding accessory view adds the view like it should
-  SC.RunLoop.begin();
-  var accessoryView = SC.View.design({
-    layout:  { top:1, right:3, width:17, height:16 }
-  });
-  view.set('rightAccessoryView', accessoryView);
-  SC.RunLoop.end();
-
-  // The hint and padding elements should automatically have their 'right'
-  // values set to the accessory view's offset + width
-  // (20 = 3 right offset + 17 width)
-  var paddingElement = view.$('.padding')[0];
-  ok(paddingElement.style.right === '20px', 'padding element should get 20px right');  
-  
-  // Test removing the accessory view.
-  SC.RunLoop.begin();
-  view.set('rightAccessoryView', null);
-  SC.RunLoop.end();
-  ok(!paddingElement.style.right, 'after removing the right accessory view the padding element should have no right style');
-});
-
-
-test("Adding both left and right accessory views", function() {  
-  var view = pane.view('with value');
-  
-  // test adding accessory view adds the view like it should
-  SC.RunLoop.begin();
-  var leftAccessoryView = SC.View.create({
-    layout:  { top:1, left:2, width:16, height:16 }
-  });
-  view.set('leftAccessoryView', leftAccessoryView);
-  var rightAccessoryView = SC.View.create({
-    layout:  { top:1, right:3, width:17, height:16 }
-  });
-  view.set('rightAccessoryView', rightAccessoryView);
-  SC.RunLoop.end();
-
-  ok(view.get('childViews').length === 2, 'we should have two child views since we added both a left and a right accessory view');
-  
-  
-  // The hint and padding elements should automatically have their 'left' and
-  // 'right' values set to the accessory views' offset + width
-  //   *  left:   18 = 2 left offset + 16 width)
-  //   *  right:  20 = 3 left offset + 17 width)
-  var paddingElement = view.$('.padding')[0];
-  ok(paddingElement.style.left === '18px', 'padding element should get 18px left');
-  ok(paddingElement.style.right === '20px', 'padding element should get 20px right');
-  
-  
-  // Test removing the accessory views.
-  SC.RunLoop.begin();
-  view.set('rightAccessoryView', null);
-  SC.RunLoop.end();
-  ok(view.get('childViews').length === 1, 'after removing the right accessory view there should be one child view left (the left accessory view)');
-  ok(!paddingElement.style.right, 'after removing the right accessory view the padding element should have no right style');
-  SC.RunLoop.begin();
-  view.set('leftAccessoryView', null);
-  SC.RunLoop.end();
-  ok(view.get('childViews').length === 0, 'after removing both accessory views there should be no child views left');
-  ok(!paddingElement.style.left, 'after removing the left accessory view the padding element should have no left style');
-});
-
-test("Adding both left and right accessory views changes style -- using design()", function() {  
-  var view = pane.view('with value');
-  
-  // test adding accessory view adds the view like it should
-  SC.RunLoop.begin();
-  var leftAccessoryView = SC.View.design({
-    layout:  { top:1, left:2, width:16, height:16 }
-  });
-  view.set('leftAccessoryView', leftAccessoryView);
-  var rightAccessoryView = SC.View.design({
-    layout:  { top:1, right:3, width:17, height:16 }
-  });
-  view.set('rightAccessoryView', rightAccessoryView);
-  SC.RunLoop.end();  
-  
-  // The hint and padding elements should automatically have their 'left' and
-  // 'right' values set to the accessory views' offset + width
-  //   *  left:   18 = 2 left offset + 16 width)
-  //   *  right:  20 = 3 left offset + 17 width)
-  var paddingElement = view.$('.padding')[0];
-  ok(paddingElement.style.left === '18px', 'padding element should get 18px left');
-  ok(paddingElement.style.right === '20px', 'padding element should get 20px right');
-  
-  
-  // Test removing the accessory views.
-  SC.RunLoop.begin();
-  view.set('rightAccessoryView', null);
-  SC.RunLoop.end();
-  ok(!paddingElement.style.right, 'after removing the right accessory view the padding element should have no right style');
-  SC.RunLoop.begin();
-  view.set('leftAccessoryView', null);
-  SC.RunLoop.end();
-  ok(!paddingElement.style.left, 'after removing the left accessory view the padding element should have no left style');
-});
-
-
-
-// ..........................................................
-// TEST EVENTS
-// 
-
-test("focus and blurring text field", function() {
-  var view = pane.view('empty');
-  var input = view.$('input');
-  
-  // attempt to focus...
-  SC.Event.trigger(input, 'focus');
-  
-  // verify editing state changed...
-  ok(view.get('isEditing'), 'view.isEditing should be YES');
-  ok(view.$().hasClass('focus'), 'view layer should have focus class');
-  
-  // simulate typing a letter
-  SC.Event.trigger(input, 'keydown');
-  SC.Event.trigger(input, 'keyup');
-  input.val('f');
-  SC.Event.trigger(input, 'change');
-  
-  // wait a little bit to let text field propograte changes
-  stop();
-  
-  setTimeout(function() {
-    start();
-    
-    equals(view.get('value'), 'f', 'view should have new value');
-    ok(view.$().hasClass('not-empty'), 'should have not-empty class');
-
-    // attempt to blur...
-    SC.Event.trigger(input, 'blur');
-
-    // verify editing state changed...
-    ok(!view.get('isEditing'), 'view.isEditing should be NO');
-    ok(!view.$().hasClass('focus'), 'view layer should NOT have focus class');
-  }, 100);  
-  
-});
-
-test("editing a field should not change the cursor position", function() {
-  var textField = pane.view('empty');
-  var input = textField.$('input');
-  input.val('John Doe');
-  textField.set('selection', SC.TextSelection.create({start:2, end:3}));
-  SC.Event.trigger(input, 'change');
-
-  ok(input.val() === 'John Doe', 'input value should be \'John Doe\'');
-  var selection = textField.get('selection');
-  console.log("Selection:  %@".fmt(selection));
-  ok(selection.get('start') == 2 && selection.get('end') == 3, 'cursor position should be unchanged');
-});
-
-test("should have role as textbox", function() {
-  var view = pane.view('aria-role');
-  var label = view.$();  
-  equals(label.attr('role'), 'textbox', 'role should be textbox');
-});
-
-test("should have aria-multiline as YES", function() {
-  var view = pane.view('aria-multiline');
-  var label = view.$();  
-  equals(label.attr('aria-multiline'), 'true', 'aria-multiline should be true');
-});
-
-test("should have aria-disabled as YES", function() {
-  var view = pane.view('aria-disabled');
-  var label = view.$();  
-  equals(label.attr('aria-disabled'), 'true', 'aria-disabled should be true');
-});
-
-test("should have aria-invalid as YES", function() {
-  var view = pane.view('aria-invalid');
-  var label = view.$();
-  equals(label.attr('aria-invalid'), 'true', 'aria-invalid should be true');
-});
-})();