sproutit-sproutcore 1.0.20090721145236 → 1.0.20090721145251

data/frameworks/sproutcore/frameworks/desktop/tests/panes/menu/ui.js

@@ -0,0 +1,59 @@
+// ==========================================================================
+// 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>');
+
+var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
+var method = function() { console.log("done"); };
+
+var anchor = SC.ControlTestPane.design()
+  .add("anchor", SC.PopupButtonView, { 
+     title: "Menu",
+     keyEquivalent:"ctrl_z",
+     layout:{width:100,height:20}  
+  });
+anchor.show();
+
+module("SC.MENUPANE UI");
+test('menu item added ', function() {
+  var menu = SC.MenuPane.create({
+              layout: { width: 150, height: 'auto' },
+              items: [ { title: "Item1", isEnabled:YES, icon: iconURL, 
+                separator: NO, action: method ,height:30,
+                checkbox:YES, shortCut: "alt_n", keyEquivalent:"alt_n" },
+                { title: "", isEnabled:YES, icon: null, separator: YES},
+                { title: "Item2", isEnabled:NO, icon: iconURL, separator: NO },
+                { title: "Item3", isEnabled:YES, icon: iconURL, separator: NO , branchItem:YES,
+                subMenu:SC.MenuPane.create({
+                  layout: { width: 150, height: 'auto' },
+                  items:["title1","title2"],
+                  contentView:SC.View.extend({
+                    layout: { top: 0, left: 0, bottom: 0, right: 0 }
+                  })
+                })
+              }],
+              isEnabled: YES,
+              itemIsEnabledKey:"isEnabled",
+              itemTitleKey:"title",
+              itemIconKey:"icon",
+              itemSeparatorKey:'separator',
+              itemActionKey: 'action',
+              itemCheckboxKey:'checkbox',
+              itemBranchKey:'branchItem',  
+              preferType:SC.PICKER_MENU,
+              subMenuKey:'subMenu',
+              itemShortCutKey:'shortCut',
+              itemKeyEquivalentKey:'keyEquivalent',
+              itemHeightKey:'height',
+              contentView:SC.View.extend({
+                layout: { top: 0, left: 0, bottom: 0, right: 0 }})
+              });
+  anchor.view('anchor').menu = menu;
+});
+  
+  

data/frameworks/sproutcore/frameworks/desktop/tests/panes/palette/methods.js

@@ -0,0 +1,10 @@
+// ==========================================================================
+// 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("TODO: Test SC.PalettePane Methods");

data/frameworks/sproutcore/frameworks/desktop/tests/panes/palette/ui.js

@@ -0,0 +1,35 @@
+// ==========================================================================
+// 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.PalettePane UI");
+
+var pane ;
+
+test("verify palette pane content container is visible at correct location with right size", function() { 
+  pane = SC.PalettePane.create({
+    layout: { width: 400, height: 200, right: 20, top: 0 },
+    contentView: SC.View.extend({
+    })
+  });
+  pane.append();
+
+  ok(pane.get('isVisibleInWindow'), 'pane.isVisibleInWindow should be YES');
+  ok(pane.$().hasClass('sc-palette'), 'pane should have sc-palette 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 ret = pane.layoutStyle();
+
+  equals(ret.top, '0px', 'pane should be initiated at default position top including shadow');
+  equals(ret.right, '20px', 'pane should be initiated at default position right including shadow');
+  equals(ret.width, '400px', 'pane should have width 400px');
+  equals(ret.height, '200px', 'pane should have height 200px');
+
+  //pane.remove();
+}) ;

data/frameworks/sproutcore/frameworks/desktop/tests/panes/panel/methods.js

@@ -0,0 +1,10 @@
+// ==========================================================================
+// 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("TODO: Test SC.PanelPane Methods");

data/frameworks/sproutcore/frameworks/desktop/tests/panes/panel/ui.js

@@ -0,0 +1,40 @@
+// ==========================================================================
+// 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({
+    layout: { width: 400, height: 200, centerX: 0, centerY: 0 },
+    contentView: SC.View.extend({
+    })
+  });
+  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.layout.width;
+  var ph = pane.layout.height;
+  var ret = pane.layoutStyle();
+
+  equals(ret.top, '50%', 'pane should center vertically');
+  equals(ret.left, '50%', 'pane should center horizontally');
+  equals(ret.width, '400px', 'pane should have width 400px');
+  equals(ret.height, '200px', 'pane should have height 200px');
+  equals(ret.marginLeft, -pw/2+'px', 'pane should shift-left %@ px'.fmt(-pw/2));
+  equals(ret.marginTop, -ph/2+'px', 'pane should shift-top %@ px'.fmt(-ph/2));
+
+  pane.remove();
+}) ;
+

data/frameworks/sproutcore/frameworks/desktop/tests/panes/picker/methods.js

@@ -0,0 +1,10 @@
+// ==========================================================================
+// 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("TODO: Test SC.PickerPane Methods");

data/frameworks/sproutcore/frameworks/desktop/tests/panes/picker/ui.js

@@ -0,0 +1,84 @@
+// ==========================================================================
+// 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.PickerPane UI");
+
+htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
+
+function evaluatePicker(pane) {
+  ok(pane.get('isVisibleInWindow'), 'pane.isVisibleInWindow should be YES');
+  ok(pane.$().hasClass('sc-picker'), 'pane should have sc-picker 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 ret = pane.layoutStyle();
+
+  equals(ret.width, '300px', 'pane should have width 300px');
+  equals(ret.height, '200px', 'pane should have height 200px');
+}
+
+var anchor = SC.ControlTestPane.design()
+  .add("anchor", SC.ButtonView, { 
+     title: "Anchor Button" 
+  });
+
+anchor.show(); // add a test to show the test pane
+
+var paneDefault ;
+var paneMenu ;
+var paneFixed ;
+var panePointer ;
+
+test("verify default picker pane content container is visible at correct location with right size", function() { 
+  paneDefault = SC.PickerPane.create({
+    layout: { width: 300, height: 200 },
+    contentView: SC.View.extend({
+      layout: { top: 0, left: 0, bottom: 0, right: 0 }
+    })
+  });
+  paneDefault.popup(anchor.view('anchor'), SC.PICKER);
+  evaluatePicker(paneDefault);
+  //paneDefault.remove();
+}) ;
+
+test("verify menu picker pane content container is visible at correct location with right size", function() { 
+  paneMenu = SC.PickerPane.create({
+    layout: { width: 300, height: 200 },
+    contentView: SC.View.extend({
+      layout: { top: 0, left: 0, bottom: 0, right: 0 }
+    })
+  });
+  paneMenu.popup(anchor.view('anchor'), SC.PICKER_MENU);
+  evaluatePicker(paneMenu);
+  //paneMenu.remove();
+}) ;
+
+test("verify fixed picker pane content container is visible at correct location with right size", function() { 
+  paneFixed = SC.PickerPane.create({
+    layout: { width: 300, height: 200 },
+    contentView: SC.View.extend({
+      layout: { top: 0, left: 0, bottom: 0, right: 0 }
+    })
+  });
+  paneFixed.popup(anchor.view('anchor'), SC.PICKER_FIXED);
+  evaluatePicker(paneFixed);
+  //paneFixed.remove();
+}) ;
+
+test("verify pointer picker pane content container is visible at correct location with right size", function() { 
+  panePointer = SC.PickerPane.create({
+    layout: { width: 300, height: 200 },
+    contentView: SC.View.extend({
+      layout: { top: 0, left: 0, bottom: 0, right: 0 }
+    })
+  });
+  panePointer.popup(anchor.view('anchor'), SC.PICKER_POINTER, [3,0,1,2,2]);
+  evaluatePicker(panePointer);
+  //panePointer.remove();
+}) ;

data/frameworks/sproutcore/frameworks/desktop/tests/panes/sheet/methods.js

@@ -0,0 +1,10 @@
+// ==========================================================================
+// 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("TODO: Test SC.SheetPane Methods");

data/frameworks/sproutcore/frameworks/desktop/tests/panes/sheet/ui.js

@@ -0,0 +1,38 @@
+// ==========================================================================
+// 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.SheetPane UI");
+
+var pane ;
+
+test("verify sheet pane content container is visible at correct location with right size", function() { 
+  pane = SC.SheetPane.create({
+    layout: { width: 400, height: 200, centerX: 0 },
+    contentView: SC.View.extend({
+    })
+  });
+  pane.append();
+
+  ok(pane.get('isVisibleInWindow'), 'pane.isVisibleInWindow should be YES');
+  ok(pane.$().hasClass('sc-sheet'), 'pane should have sc-sheet 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.layout.width;
+  var ph = pane.layout.height;
+  var ret = pane.layoutStyle();
+
+  equals(ret.top, '0px', 'pane should be displayed at default position top');
+  equals(ret.left, '50%', 'pane should center horizontally');
+  equals(ret.width, '400px', 'pane should have width 400px');
+  equals(ret.height, '200px', 'pane should have height 200px');
+  equals(ret.marginLeft, -pw/2+'px', 'pane should shift-left %@ px'.fmt(-pw/2));
+
+  pane.remove();
+}) ;

data/frameworks/sproutcore/frameworks/desktop/tests/views/button/methods.js

@@ -0,0 +1,45 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Apple, Inc. and contributors.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+
+module("SC.ButtonView#actions", {
+	setup: function() {
+	  b = SC.ButtonView.create();
+	}
+});
+
+test("Emulate mouse click to verify if the button activates", function() {
+  b.triggerAction();
+  equals(b.get('isActive'), YES, "the should be active for 200ms");
+  
+});
+
+
+test("Test different moused states", function() {
+  b.set('isEnabled', YES);
+  b.mouseDown();
+  equals(b.get('isActive'), YES, "the button should be active after a mouseDown event");
+  b.mouseExited();
+  equals(b.get('isActive'), NO, "the button should be active after a mouseDown event");
+  b.mouseEntered();
+  equals(b.get('isActive'), b._isMouseDown, "the button should be active after a mouseDown event");  
+//  b.mouseUp();
+//  equals(b.get('isActive'), NO, "the button should be inactive after a mouseUP event");
+
+  b.set('buttonBehavior', SC.TOGGLE_BEHAVIOR);
+  b._action();
+  equals(b.get('value'), b.get('toggleOnValue'), "the value should be the same as the toggle value");
+ 
+  b.set('buttonBehavior', SC.TOGGLE_ON_BEHAVIOR);
+  b._action();
+  equals(b.get('value'), b.get('toggleOnValue'), "the value should be the same as the toggle value");
+  
+  b.set('buttonBehavior', SC.TOGGLE_OFF_BEHAVIOR);
+  b._action();
+  equals(b.get('value'), b.get('toggleOffValue'), "the value should be the same as the toggle value");
+});
+
+

data/frameworks/sproutcore/frameworks/desktop/tests/views/button/ui.js

@@ -0,0 +1,159 @@
+// ==========================================================================
+// 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>');
+
+  var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
+(function() {
+var pane = SC.ControlTestPane.design()
+  .add("basic", SC.ButtonView, { 
+  })
+  
+  .add("title", SC.ButtonView, { 
+     title: "Hello World" 
+  })
+   
+  .add("icon", SC.ButtonView, { 
+    icon: iconURL 
+  })
+    
+  .add("title,icon", SC.ButtonView, { 
+    title: "Hello World", icon: iconURL  
+  })
+     
+  .add("title,icon,disabled", SC.ButtonView, { 
+    title: "Hello World", icon: iconURL , isEnabled: NO 
+  })
+  
+  .add("title,icon,default", SC.ButtonView, { 
+    title: "Hello World", icon: iconURL , isDefault: YES 
+  })
+
+  .add("title,icon,selected", SC.ButtonView, { 
+    title: "Hello World", icon: iconURL , isSelected: YES 
+  })
+
+  .add("title,toolTip", SC.ButtonView, { 
+    title: "Hello World", toolTip: 'Hello World is my tool tip' 
+  });
+
+pane.show(); // add a test to show the test pane
+
+
+module('SC.ButtonView ui');
+
+test("Check that all button are visible", function() {
+  ok(pane.view('basic').get('isVisibleInWindow'), 'basic.isVisibleInWindow should be YES');
+  ok(pane.view('title').get('isVisibleInWindow'), 'title.isVisibleInWindow should be YES');
+  ok(pane.view('icon').get('isVisibleInWindow'), 'icon.isVisibleInWindow should be YES');
+  ok(pane.view('title,icon').get('isVisibleInWindow'), 'title,icon.isVisibleInWindow should be YES');
+  ok(pane.view('title,icon,disabled').get('isVisibleInWindow'), 'title,icon,disabled.isVisibleInWindow should be YES');
+  ok(pane.view('title,icon,default').get('isVisibleInWindow'), 'title,icon,default.isVisibleInWindow should be YES');
+  ok(pane.view('title,icon,selected').get('isVisibleInWindow'), 'title.icon,selected.isVisibleInWindow should be YES');
+  ok(pane.view('title,toolTip').get('isVisibleInWindow'), 'title,toolTip.isVisibleInWindow should be YES');
+});
+  
+
+test("Check that all buttons have the right classes set", function() {
+  var viewElem=pane.view('basic').$();
+  ok(viewElem.hasClass('sc-view'), 'basic.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'basic.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'basic.hasClass(sc-regular-size) should be YES');
+  ok(!viewElem.hasClass('icon'), 'basic.hasClass(icon) should be NO');
+  ok(!viewElem.hasClass('sel'), 'basic.hasClass(sel) should be NO');
+  ok(!viewElem.hasClass('disabled'), 'basic.hasClass(disabled) should be NO');
+  ok(!viewElem.hasClass('def'), 'basic.hasClass(def) should be NO');
+  
+  
+  viewElem=pane.view('title').$();
+  ok(viewElem.hasClass('sc-view'), 'title.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'title.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'title.hasClass(sc-regular-size) should be YES');
+  ok(!viewElem.hasClass('icon'), 'title.hasClass(icon) should be NO');
+  ok(!viewElem.hasClass('sel'), 'title.hasClass(sel) should be NO');
+  ok(!viewElem.hasClass('disabled'), 'title.hasClass(disabled) should be NO');
+  ok(!viewElem.hasClass('def'), 'title.hasClass(def) should be NO');
+
+  viewElem=pane.view('icon').$();
+  ok(viewElem.hasClass('sc-view'), 'icon.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'icon.hasClass(sc-button-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');
+  ok(!viewElem.hasClass('def'), 'icon.hasClass(def) should be NO');
+
+  viewElem=pane.view('title,icon').$();
+  ok(viewElem.hasClass('sc-view'), 'title,icon.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'title,icon.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'title,icon.hasClass(sc-regular-size) should be YES');
+  ok(viewElem.hasClass('icon'), 'title,icon.hasClass(icon) should be YES');
+  ok(!viewElem.hasClass('sel'), 'title,icon.hasClass(sel) should be NO');
+  ok(!viewElem.hasClass('disabled'), 'title,icon.hasClass(disabled) should be NO');
+  ok(!viewElem.hasClass('def'), 'title,icon.hasClass(def) should be NO');
+
+  viewElem=pane.view('title,icon,disabled').$();
+  ok(viewElem.hasClass('sc-view'), 'title,icon,disabled.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'title,icon,disabled.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'title,icon,disabled.hasClass(sc-regular-size) should be YES');
+  ok(viewElem.hasClass('icon'), 'title,icon,disabled.hasClass(icon) should be YES');
+  ok(!viewElem.hasClass('sel'), 'title,icon,disabled.hasClass(sel) should be NO');
+  ok(viewElem.hasClass('disabled'), 'title,icon,disabled.hasClass(disabled) should be YES');
+  ok(!viewElem.hasClass('def'), 'title,icon,disabled.hasClass(def) should be NO');
+
+  viewElem=pane.view('title,icon,default').$();
+  ok(viewElem.hasClass('sc-view'), 'title,icon,default.hasClass(sc-view) should be YES');
+  ok(viewElem.hasClass('sc-button-view'), 'title,icon,default.hasClass(sc-button-view) should be YES');
+  ok(viewElem.hasClass('sc-regular-size'), 'title,icon,default.hasClass(sc-regular-size) should be YES');
+  ok(viewElem.hasClass('icon'), 'title,icon,default.hasClass(icon) should be YES');
+  ok(!viewElem.hasClass('sel'), 'title,icon,default.hasClass(sel) should be NO');
+  ok(!viewElem.hasClass('disabled'), 'title,icon,default.hasClass(disabled) should be NO');
+  ok(viewElem.hasClass('def'), 'title,icon,default.hasClass(def) should be YES');
+  
+  viewElem=pane.view('title,icon,selected').$();
+   ok(viewElem.hasClass('sc-view'), 'title,icon,selected.hasClass(sc-view) should be YES');
+   ok(viewElem.hasClass('sc-button-view'), 'title,icon,selected.hasClass(sc-button-view) should be YES');
+   ok(viewElem.hasClass('sc-regular-size'), 'title,icon,selected.hasClass(sc-regular-size) should be YES');
+   ok(viewElem.hasClass('icon'), 'title,icon,selected.hasClass(icon) should be YES');
+   ok(viewElem.hasClass('sel'), 'title,icon,selected.hasClass(sel) should be YES');
+   ok(!viewElem.hasClass('disabled'), 'title,icon,selected.hasClass(disabled) should be NO');
+   ok(!viewElem.hasClass('def'), 'title,icon,selected.hasClass(def) should be NO');
+   
+   viewElem=pane.view('title,toolTip').$();
+   ok(viewElem.hasClass('sc-view'), 'title,toolTip.hasClass(sc-view) should be YES');
+   ok(viewElem.hasClass('sc-button-view'), 'title,toolTip.hasClass(sc-button-view) should be YES');
+   ok(viewElem.hasClass('sc-regular-size'), 'title,toolTip.hasClass(sc-regular-size) should be YES');
+   ok(!viewElem.hasClass('icon'), 'title,toolTip.hasClass(icon) should be NO');
+   ok(!viewElem.hasClass('sel'), 'title,toolTip.hasClass(sel) should be NO');
+   ok(!viewElem.hasClass('disabled'), 'title,toolTip.hasClass(disabled) should be NO');
+   ok(!viewElem.hasClass('def'), 'title,toolTip.hasClass(def) should be NO');
+
+});
+
+
+
+test("Check that the title is set or not and if it is in the appropriate element", function() {
+  var viewElem=pane.view('basic').$('span');
+  equals(viewElem.text(), '', 'should not have a title');
+
+  var viewElem=pane.view('title').$('span');
+  equals(viewElem.text(), 'Hello World', 'should not have a title');
+
+
+  var viewElem=pane.view('icon').$('span.label.img');
+  ok((viewElem!=null), 'should have an image corresponding to an icon');
+
+});
+
+test("Check if title,toolTip has the tool tip set", function() {
+  var viewElem=pane.view('title,toolTip').$('a');
+  ok(viewElem.defaultClass[0].title == 'Hello World is my tool tip', 'title,toolTip has the expected tool tip set.');
+});
+
+})();