sproutcore 1.6.0.beta.3-java → 1.6.0-java

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/select_view/render_delegates/select_button.js

@@ -0,0 +1,14 @@
+// Copyright: ©2006-2010 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+/**
+  @class
+  Renders and updates the DOM representation of a SelectView.
+*/
+SC.BaseTheme.selectRenderDelegate = SC.BaseTheme.buttonRenderDelegate.create({
+  menuLeftOffset: -3,
+  menuTopOffset: 2,
+  menuMinimumWidthOffset: -18
+});

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/select_view/tests/ext/menu_resizing.js

@@ -0,0 +1,25 @@
+module("Menus -- Automatic Resizing");
+
+function createMenu(items) {
+  return SC.MenuPane.create({
+    items: items
+  });
+}
+
+test("Different widths for different sets of items", function() {
+  SC.RunLoop.begin();
+  var menu1 = createMenu("A B C D E F G".w());
+  menu1.popup();
+
+  var menu2 = createMenu("HelloY'allVeryLongThing World".w());
+  menu2.popup();
+  SC.RunLoop.end();
+
+  var w1 = menu1.get('layout').width;
+  var w2 = menu2.get('layout').width;
+
+  ok(w2 > w1, "Menu 2 should be wider than Menu 1");
+
+  menu1.remove();
+  menu2.remove();
+});

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/select_view/tests/mixins/select_view_menu/bindings.js

@@ -0,0 +1,43 @@
+module("SelectViewMenu -- Bindings");
+
+function setValues(obj, props, toValue) {
+  for (var idx = 0; idx < props.length; idx++) {
+    obj.set(props[idx], toValue);
+  }
+}
+
+function validateValues(obj, props, value) {
+  for (var idx = 0; idx < props.length; idx++) {
+    equals(obj.get(props[idx]), value);
+  }
+}
+
+test("Proxying all properties from SelectView to MenuView works.", function() {
+  var proxyProperties = [
+    'items',
+    'itemTitleKey', 'itemIsEnabledKey', 'itemValueKey', 'itemIconKey', 
+    'itemHeightKey', 'itemSubMenuKey', 'itemSeparatorKey', 'itemTargetKey',
+    'itemActionKey', 'itemCheckboxKey', 'itemShortCutKey',
+    'itemKeyEquivalentKey', 'itemDisableMenuFlashKey', 
+    
+    'preferType', 'preferMatrix'
+  ];
+
+  var obj = SC.Object.create({});
+  setValues(obj, proxyProperties, 'initial');
+
+  // Bindings won't evaluate until the end of the run loop, so make a run loop
+  SC.RunLoop.begin();
+  var menu = SC.Object.create(SC.SelectViewMenu, { selectView: obj });
+  SC.RunLoop.end();
+
+  // test that initial binding worked
+  validateValues(menu, proxyProperties, 'initial');
+
+  // now, test updates
+  SC.RunLoop.begin();
+  setValues(obj, proxyProperties, 'modified');
+  SC.RunLoop.end();
+
+  validateValues(menu, proxyProperties, 'modified');
+});

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/select_view/tests/mixins/select_view_menu/check_selected.js

@@ -0,0 +1,32 @@
+// The second responsibility of SC.SelectViewMenu is to make sure the selected
+// item is checked.
+
+module("SelectViewMenu -- Check Selected");
+
+test("Selected menu item is checked", function() {
+  SC.RunLoop.begin();
+  var selectView = SC.Object.create({
+    value: "A"
+  });
+
+  var menu = SC.MenuPane.create(SC.SelectViewMenu, {
+    items: "A B C D E".w(),
+    selectView: selectView
+  });
+
+  menu.popup();
+  SC.RunLoop.end();
+
+
+  equals(menu.get('menuItemViews')[0].get('isChecked'), YES, "First menu item is checked");
+
+  SC.RunLoop.begin();
+  selectView.set('value', 'C');
+  SC.RunLoop.end();
+
+  equals(menu.get('menuItemViews')[0].get('isChecked'), NO, "First menu item is checked");
+  equals(menu.get('menuItemViews')[2].get('isChecked'), YES, "Third menu item is checked");
+
+
+  menu.remove();
+});

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/select_view/tests/views/popup_button/menu_setup.js

@@ -0,0 +1,40 @@
+module("PopupButtonView -- Menu Setup");
+
+
+test("Setting up menu without background task queue", function() {
+  SC.RunLoop.begin();
+  var popup = SC.PopupButtonView.create({
+    menu: SC.MenuPane.extend({
+      items: "1 2 3 4 5".w()
+    })
+  });
+  SC.RunLoop.end();
+
+  equals(popup.get('menu').isClass, YES, "Menu not yet instantiated");
+
+  SC.RunLoop.begin();
+  popup.setupMenu();
+  SC.RunLoop.end();
+
+  equals(popup.get('menu').isClass, undefined, "Menu now instantiated");
+
+});
+
+test("Setting up in background task queue", function() {
+  SC.RunLoop.begin();
+  var popup = SC.PopupButtonView.create({
+    shouldLoadInBackground: YES,
+    menu: SC.MenuPane.extend({
+      items: "1 2 3 4 5".w()
+    })
+  });
+  SC.RunLoop.end();
+
+  equals(popup.get('menu').isClass, YES, "Menu not yet instantiated");
+
+  SC.RunLoop.begin();
+  SC.backgroundTaskQueue.run();
+  SC.RunLoop.end();
+
+  equals(popup.get('menu').isClass, undefined, "Menu now instantiated");
+});

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/select_view/tests/views/popup_button/show_menu.js

@@ -0,0 +1,45 @@
+module("PopupButtonView -- Showing menu");
+
+test("Popping up the menu will set the preferMatrix", function() {
+  SC.RunLoop.begin();
+  var popup = SC.PopupButtonView.create({
+    menu: SC.MenuPane.extend({
+      items: "1 2 3 4 5".w()
+    }),
+
+    menuPreferMatrix: [1, 2, 3]
+  });
+  popup.showMenu();
+  SC.RunLoop.end();
+
+  same(popup.get('menu').get('preferMatrix'), [1, 2, 3], "Prefer Matrix is same.");
+
+  popup.hideMenu();
+});
+
+test("Showing the menu activates the button.", function() {
+  SC.RunLoop.begin();
+    var popup = SC.PopupButtonView.create({
+      menu: SC.MenuPane.extend({
+        items: "1 2 3 4 5".w()
+      }),
+
+      menuPreferMatrix: [1, 2, 3]
+    });
+  SC.RunLoop.end();
+
+    equals(popup.get('isActive'), NO, "Is not active at startup.");
+
+  SC.RunLoop.begin();
+    popup.showMenu();
+  SC.RunLoop.end();
+
+  equals(popup.get('isActive'), YES, "Is active when menu is open.");
+
+  SC.RunLoop.begin();
+    popup.hideMenu();
+  SC.RunLoop.end();
+
+  equals(popup.get('isActive'), NO, "Is not active once menu closes.");
+});
+

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/select_view/tests/views/select/menu_width.js

@@ -0,0 +1,49 @@
+// Tests that the minimum menu width changes with the size of the SelectView
+//
+var View, pane, obj;
+
+module("SelectView - Minimum Menu Width", {
+  setup: function() {
+    pane = SC.Pane.create();
+
+    obj = SC.Object.create({title: 'Lost', value: 'Found'});
+
+    View = SC.SelectView.extend({
+      items: [
+        {title: 'Hello', value: 'hi'},
+        {title: 'Yo', value: 'Jimbo'},
+      ],
+
+      itemTitleKey: 'title',
+      itemValueKey: 'value'
+    });
+  },
+
+  teardown: function() {
+    
+  }
+});
+
+function createView(settings) {
+  var view = View.create(settings || {});
+  pane.appendChild(view);
+  return view;
+}
+
+test("Menu width changes with minimumMenuWidth", function() {
+  SC.RunLoop.begin();
+  var view = createView({ minimumMenuWidth: 500 });
+  view.showMenu();
+  SC.RunLoop.end();
+
+  equals(view.get('menu').get('frame').width, 500, "Width is 500");
+
+  SC.RunLoop.begin();
+  view.set('minimumMenuWidth', 1000);
+  SC.RunLoop.end();
+
+  equals(view.get('menu').get('frame').width, 1000, "Width has changed to 1000");
+
+  view.hideMenu();
+
+});

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/select_view/tests/views/select/selected_item.js

@@ -0,0 +1,191 @@
+// Tests:
+// - defaultTitle
+// - title comes from selected item
+// - value changing changes selected item
+var View, pane, obj;
+
+module("SelectView - Selected Item", {
+  setup: function() {
+    pane = SC.Pane.create();
+
+    obj = SC.Object.create({title: 'Lost', value: 'Found'});
+
+    View = SC.SelectView.extend({
+      items: [
+        {title: 'Hello', value: 'hi'},
+        {title: 'Yo', value: 'Jimbo'},
+        obj,
+        {title: 'The Greate American Flee Market', value: 'aFilm'}
+      ],
+
+      itemTitleKey: 'title',
+      itemValueKey: 'value'
+    });
+  },
+
+  teardown: function() {
+    
+  }
+});
+
+function createView(settings) {
+  var view = View.create(settings || {});
+  pane.appendChild(view);
+  return view;
+}
+
+test("defaultTitle used when no item is selected", function() {
+  SC.RunLoop.begin();
+  var view = createView({ defaultTitle: "Bonjour" });
+  SC.RunLoop.end();
+
+  equals(view.get('title'), "Bonjour", "Title is the default title");
+});
+
+test("defaultTitle is NOT used when an item IS selected at startup", function() {
+  SC.RunLoop.begin();
+  var view = createView({ defaultTitle: "Bonjour", value: 'Jimbo' });
+  SC.RunLoop.end();
+
+  equals(view.get('title'), "Yo", "Title comes from selected item");
+
+});
+
+test("title changes when selected item changes", function() {
+  SC.RunLoop.begin();
+  var view = createView({ defaultTitle: "Bonjour", value: 'Jimbo' });
+  SC.RunLoop.end();
+
+  equals(view.get('title'), "Yo", "Initial title comes from selected item");
+
+  SC.RunLoop.begin();
+
+  // the actual item is an SC.Object. However, MenuPane's selected item will not be
+  // the original, so we do in fact need to test that it works even when the "selected
+  // item" is not the exact same object.
+  view.set('selectedItem', {title: 'Lost', value: 'Found'});
+  SC.RunLoop.end();
+
+  equals(view.get('title'), "Lost", "Title changed");
+
+});
+
+test("title reverts to defaultTitle when item is deselected", function() {
+  SC.RunLoop.begin();
+  var view = createView({ defaultTitle: "Bonjour" });
+  SC.RunLoop.end();
+
+  equals(view.get('title'), "Bonjour", "Initial title comes from default title");
+
+  SC.RunLoop.begin();
+  view.set('selectedItem', {title: 'Lost', value: 'Found'});
+  SC.RunLoop.end();
+
+  equals(view.get('title'), "Lost", "Title changed");
+
+  // now the real test: changing back
+  SC.RunLoop.begin();
+  view.set('selectedItem', null);
+  SC.RunLoop.end();
+
+  equals(view.get('title'), "Bonjour", "Back to defaultTitle");
+});
+
+test("changing value changes the selected item", function() {
+  SC.RunLoop.begin();
+  var view = createView({ defaultTitle: "Bonjour" });
+  SC.RunLoop.end();
+
+  equals(view.get('selectedItem'), null, "Selected item starts at null");
+
+  SC.RunLoop.begin();
+  view.set('value', "Jimbo");
+  SC.RunLoop.end();
+
+  ok(view.get('selectedItem') !== null, "Selected item is no longer null");
+  equals(view.get('title'), "Yo", "Title has changed");
+});
+
+test("changing value to a value not in the list deselects", function() {
+  SC.RunLoop.begin();
+  var view = createView({ defaultTitle: "Bonjour" });
+  SC.RunLoop.end();
+
+  equals(view.get('selectedItem'), null, "Selected item starts at null");
+
+  SC.RunLoop.begin();
+  view.set('value', "Jimbo");
+  SC.RunLoop.end();
+
+  ok(view.get('selectedItem') !== null, "Selected item is no longer null");
+  equals(view.get('title'), "Yo", "Title has changed");
+
+  SC.RunLoop.begin();
+  view.set('value', "NOT THE ITEM YOU ARE LOOKING FOR");
+  SC.RunLoop.end();
+
+  equals(view.get('selectedItem'), null, "No item selected anymore");
+  equals(view.get('title'), "Bonjour", "Back to default title");
+});
+
+test("title changes when an SC.Object item's title changes", function() {
+  SC.RunLoop.begin();
+  var view = createView({ value: "Found" });
+  SC.RunLoop.end();
+
+  equals(view.get('title'), "Lost", "Title starts at that of selected item");
+
+  SC.RunLoop.begin();
+  obj.set('title', "Found");
+  SC.RunLoop.end();
+
+  equals(view.get('title'), "Found", "Title has changed");
+
+});
+
+test("value changes when an SC.Object item's value changes", function() {
+  SC.RunLoop.begin();
+  var view = createView({ value: "Found" });
+  SC.RunLoop.end();
+
+  equals(view.get('value'), "Found", "Title starts at that of selected item");
+
+  SC.RunLoop.begin();
+  obj.set('value', "Yo");
+  SC.RunLoop.end();
+
+  equals(view.get('value'), "Yo", "Title has changed");
+
+});
+
+test("value does not change when an SC.Object item's value changes when that item is not selected", function() {
+  SC.RunLoop.begin();
+  var view = createView({ value: "Found" });
+  SC.RunLoop.end();
+
+  equals(view.get('value'), "Found", "Title starts at that of selected item");
+
+  SC.RunLoop.begin();
+  obj.set('value', "Yo");
+  SC.RunLoop.end();
+
+  equals(view.get('value'), "Yo", "Title has changed");
+
+  SC.RunLoop.begin();
+  view.set('value', "Jimbo");
+  SC.RunLoop.end();
+
+  equals(view.get('value'), "Jimbo", "Value changed");
+  equals(view.get('title'), "Yo", "Title changed");
+
+  SC.RunLoop.begin();
+  obj.set('value', "Something else");
+  SC.RunLoop.end();
+
+  equals(view.get('value'), "Jimbo", "Value has not changed");
+  equals(view.get('title'), "Yo", "Title has not changed");
+
+});
+
+
+