sproutit-sproutcore 1.0.0.20090416161445 → 1.0.0.20090720093355

data/frameworks/sproutcore/frameworks/desktop/tests/views/collection/selection.js

@@ -0,0 +1,141 @@
+// ==========================================================================
+// 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)
+// ==========================================================================
+
+var view ;
+var content = "1 2 3 4 5 6 7 8 9 10".w().map(function(x) {
+  return SC.Object.create({ title: x });
+});
+
+module("SC.CollectionView.selection", {
+  setup: function() {
+    view = SC.CollectionView.create({
+      isVisibleInWindow: YES, // force render
+      content: content
+    });
+  }
+});
+
+/*
+  Helper method to validate that the item views in the view have the 
+  proper selection state.  Pass in the collection view and the selection.
+  
+  @param {SC.CollectionView} view the view to test
+  @param {SC.IndexSet} sel the index set
+  @param {String} testName the name of the test
+  @returns {void}
+*/
+function verifySelection(view, sel, testName) {
+  var childViews = view.get('childViews'),
+      len = childViews.get('length'),
+      idx, itemView, expected, actual ;  
+
+  if (!testName) testName = '';
+  
+  equals(len, view.get('nowShowing').get('length'), '%@ precond - must have childViews for each nowShowing'.fmt(testName));
+  
+  for(idx=0;idx<len;idx++) {
+    itemView = childViews[idx];
+    ok(!SC.none(itemView.contentIndex), '%@ precond - itemView[%@] must have contentIndex'.fmt(testName, idx));
+    
+    expected = sel.contains(itemView.contentIndex);
+    actual   = itemView.get('isSelected');
+    equals(actual, expected, '%@ itemView[%@].isSelected should match selection(%@)'.fmt(testName, idx, sel));
+  }
+}
+
+// ..........................................................
+// SELECTION SYNCING WITH ITEM VIEWS
+// 
+
+test("item views should have proper isSelected state on reload", function() {
+  var sel = SC.IndexSet.create(3,2).add(8),
+      set = SC.SelectionSet.create().add(view.get('content'), sel);
+
+  view.set('selection', set);
+  SC.run(function() { view.reload(); }); // make sure it loads
+  
+  verifySelection(view, sel);
+});
+
+test("item views should update isSelected state when selection property changes", function() {
+
+  var sel1 = SC.IndexSet.create(3,2),
+      sel2 = SC.IndexSet.create(8);
+      
+  view.set('selection',SC.SelectionSet.create().add(view.content, sel1));
+  SC.run(function() { view.reload(); });
+  verifySelection(view, sel1, 'before');
+
+  SC.run(function() { 
+    view.set('selection',SC.SelectionSet.create().add(view.content, sel2)); 
+  });
+  verifySelection(view, sel2, 'after');
+  
+});
+
+test("item views should not update isSelected state when old index set selection changes", function() {
+
+  var sel1 = SC.IndexSet.create(3,2),
+      sel2 = SC.IndexSet.create(8);
+      
+  view.set('selection',SC.SelectionSet.create().add(view.content, sel1));
+  SC.run(function() { view.reload(); });
+  SC.run(function() { 
+    view.set('selection', SC.SelectionSet.create().add(view.content, sel2)); 
+  });
+  verifySelection(view, sel2, 'before');
+
+  SC.run(function() { sel1.add(10).remove(8); });
+  verifySelection(view, sel2, 'after');
+  
+});
+
+test("item views should update isSelected state when selection index set is modified", function() {
+
+  var sel = SC.IndexSet.create(3,2),
+      content = view.get('content'),
+      set = SC.SelectionSet.create().add(content, sel);
+      
+  view.set('selection',set);
+  SC.run(function() { view.reload(); });
+  verifySelection(view, sel, 'before');
+
+  SC.run(function() { set.add(content, 8).remove(content, 4); });
+  verifySelection(view, SC.IndexSet.create(3).add(8), 'after');
+  
+});
+
+
+// ..........................................................
+// SPECIAL CASES
+// 
+
+test("reloading some items should still update selection properly", function() {
+  var sel1 = SC.IndexSet.create(3,2),
+      sel2 = SC.IndexSet.create(4,2).add(8);
+      
+  view.set('selection',SC.SelectionSet.create().add(view.content, sel1));
+  SC.run(function() { view.reload(); });
+  SC.run(function() { 
+    view.reload(SC.IndexSet.create(4).add(8));
+    view.set('selection', SC.SelectionSet.create().add(view.content, sel2)); 
+  });
+  verifySelection(view, sel2, 'after');
+});
+
+test("select() should round trip", function() {
+  
+  var sel = SC.IndexSet.create(3,2);
+  
+  SC.run(function() { view.reload(); }); // make sure view is all ready
+  SC.run(function() { view.select(sel); });
+  verifySelection(view, sel);
+});
+
+
+
+

data/frameworks/sproutcore/frameworks/desktop/tests/views/collection/ui_diagram.js

@@ -0,0 +1,182 @@
+// ==========================================================================
+// 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)
+// ==========================================================================
+
+/* Test SC.StackedView with a Comments example. */
+
+htmlbody(["<style>",
+  '.sc-collection-view { border: 1px black solid; background-color: white; }',
+  '.shape.sel { background-color: #f55; color: white; }',
+  '.shape { background-color: #ddd; border: 1px black solid; color: black; box-shadow: 3px 3px 5px #888; }',
+  '.shape label { position: absolute; left: 0; right: 0; height: 12px; margin-top: -6px; top: 50%; font-size: 11px; text-align: center; }',
+'</style>'].join("\n"));
+
+var ShapeView = SC.View.extend(SC.Control, {
+  
+  content: null,
+  
+  classNames: 'shape',
+
+  DIMENSION_KEYS: 'x y width height'.w(),
+  
+  contentPropertyDidChange: function(target, key) {
+    if (key === '*') {
+      this.recomputeLayout();
+      this.displayDidChange();
+    } else if (key === 'label') {
+      this.displayDidChange();
+    } else if (this.DIMENSION_KEYS.indexOf(key) >= 0) {
+      this.recomputeLayout();
+    }
+  },
+  
+  recomputeLayout: function() {
+    var content = this.get('content'), layout ;
+    if (content) {
+      layout = {
+        top: content.get('y'),
+        left: content.get('x'),
+        width: content.get('width'),
+        height: content.get('height')
+      };
+    } else {
+      layout = { top: 0, left: 0, height: 0, width: 0 };
+    }
+    
+    this.set('layout', layout);
+  },
+  
+  render: function(context, firstTime) {
+    var label = this.getPath('content.label');
+    context.push('<label>', label, '</label>');  
+  }
+});
+
+var content = [
+  SC.Object.create({ 
+    label: "Shape 1", 
+    x: 10, y: 10, width: 100, height: 50
+  }),
+
+  SC.Object.create({ 
+    label: "Shape 2", 
+    x: 50, y: 50, width: 65, height: 200
+  }),
+
+  SC.Object.create({ 
+    label: "Shape 3", 
+    x: 100, y: 80, width: 200, height: 72
+  })
+
+];
+
+var extra = SC.Object.create({
+  label: "Extra Shape",
+  x: 70, y: 70, width: 40, height: 50
+});
+
+var ShapeCanvasView = SC.CollectionView.extend({
+  
+  // save position on screen at mouse down so that we can properly compute
+  // you can save in mouseDownInfo, which will be cleared on mouseUp
+  mouseDown: function(ev) {
+    var ret = sc_super();
+    if (ret) {
+      var offset = { x: ev.pageX, y: ev.pageY };
+      this.mouseDownInfo.dragAnchor = this.convertFrameFromView(offset, null); 
+    }
+    return ret ;
+  },
+  
+  // handle dragging of content around on the screen
+  mouseDragged: function(ev) {
+    var info   = this.mouseDownInfo,
+        items  = info.dragContent,
+        anchor = info.dragAnchor,
+        xpoints = info.xpoints,
+        ypoints = info.ypoints,
+        adjust, sel, item, content, idx;
+
+    // if no items have been collected yet, this is the first time drag is 
+    // called.  collect content items to drag.  If there is no selection, etc
+    // just clear the anchor prop so that we don't try to drag again
+    if (!items) {
+      sel = this.get('selection');
+      content = this.get('content');
+    
+      // collect info about items to drag.  save initial x/y coordinates so we
+      // can edit them later
+      if (content && sel && sel.get('length') > 0) {
+
+        xpoints = info.xpoints = [];
+        ypoints = info.ypoints = [];
+        items   = info.dragContent = [];
+      
+        sel.forEach(function(idx) { 
+          item = content.objectAt(idx);
+          if (!item) return; // nothing to do here
+          items.push(item);
+          xpoints.push(item.get('x'));
+          ypoints.push(item.get('y'));
+        }, this); 
+      
+        info.shouldReselect = NO; // once we drag, don't alter selection
+        
+      // if no content or no selection or selection is empty, just disable
+      } else anchor = info.dragAnchor = null ;
+    }
+  
+    // if anchor is empty, dragging is disabled for this mouse down.
+    if (!anchor) return sc_super();
+  
+    // now figure the adjustment for content items.  
+    adjust = this.convertFrameFromView({ x: ev.pageX, y: ev.pageY }, null);
+    adjust.x -= anchor.x;
+    adjust.y -= anchor.y;
+    
+    // and move each
+    idx = items.length;
+    while(--idx >= 0) {
+      item = items[idx];
+      item.beginPropertyChanges()
+        .set('x', xpoints[idx] + adjust.x)
+        .set('y', ypoints[idx] + adjust.y)
+      .endPropertyChanges();
+    }
+  
+    return YES ;
+  }
+  
+});
+
+var pane = SC.ControlTestPane.design()
+  .add("basic", ShapeCanvasView, {
+    layout: { top: 0, left: 0, right: 0, height: 300 },
+    content: content,
+    exampleView: ShapeView,
+    allowDeselectAll: YES
+  });
+  
+pane.show(); // add a test to show the test pane
+window.pane = pane ;
+
+// ..........................................................
+// BASIC TESTS
+// 
+module("Basic Tests", pane.standardSetup());
+
+
+
+// ..........................................................
+// SPECIAL CASES
+// 
+
+// tests specific bug where a series of many edits strung together would 
+// cause the height to get out of sync.
+
+
+
+

data/frameworks/sproutcore/frameworks/desktop/tests/views/list/rowDelegate.js

@@ -0,0 +1,183 @@
+// ==========================================================================
+// 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)
+// ==========================================================================
+
+var view, del, content;
+module("SC.ListView.rowDelegate", {
+  setup: function() {
+    del = SC.Object.create(SC.CollectionRowDelegate);
+    
+    // fake empty array that implements delegate
+    content = SC.Object.create(SC.CollectionRowDelegate, SC.Array, SC.Freezable, {
+      
+      isFrozen: YES,
+      
+      length: 0,
+      
+      objectAt: function(idx) { return undefined; }
+    });
+    
+  }
+});
+
+// ..........................................................
+// BASIC CONFIGURATION
+// 
+
+test("no delegate and no content", function() {
+  view = SC.ListView.create();
+  equals(view.get('delegate'), null, 'precond - delegate should be null');
+  equals(view.get('content'), null, 'precond - content should be null');
+  equals(view.get('rowDelegate'), view, 'default row delegate should view');
+});
+
+test("with no delegate and content not delegate", function() {
+  var array = [];
+  view = SC.ListView.create({ content: array });
+
+  equals(view.get('delegate'), null, 'precond - delegate should be null');
+  ok(!view.get('content').isCollectionRowDelegate, 'precond - content should not be CollectionRowDelegate');
+  equals(view.get('rowDelegate'), view, 'default row delegate should view');
+});
+
+test("with no delegate and content is delegate", function() {
+  view = SC.ListView.create({ content: content });
+
+  equals(view.get('delegate'), null, 'precond - delegate should be null');
+  equals(view.get('content').isCollectionRowDelegate, YES, 'precond - content should be CollectionRowDelegate');
+  equals(view.get('rowDelegate'), content, 'row delegate should be content');
+});
+
+test("with delegate and content is delegate", function() {
+  view = SC.ListView.create({ delegate: del, content: content });
+
+  equals(view.get('delegate').isCollectionRowDelegate, YES, 'precond - delegate should be CollectionRowDelegate');
+  equals(view.get('content').isCollectionRowDelegate, YES, 'precond - content should be CollectionRowDelegate');
+  equals(view.get('rowDelegate'), del, 'row delegate should be delegate');
+});
+
+// ..........................................................
+// CHANGING PROPERTIES
+// 
+
+test("modifying delegate and content", function() {
+  var callCount = 0 ;
+  
+  view = SC.ListView.create();
+  view.addObserver('rowDelegate', function() { callCount++; });
+  
+  equals(view.get('delegate'), null, 'precond - delegate should be null');
+  equals(view.get('content'), null, 'precond - content should be null');
+  equals(view.get('rowDelegate'), view, 'default row delegate should view');
+  
+  // test setting content
+  callCount=0;
+  SC.run(function() { view.set('content', content); });
+  ok(callCount>0, 'rowDelegate should change when setting content');
+  equals(view.get('rowDelegate'), content, 'rowDelegate should change after setting content');
+
+  // test setting delegate
+  callCount=0;
+  SC.run(function() { view.set('delegate', del); });
+  ok(callCount>0, 'rowDelegate should change when setting delegate');
+  equals(view.get('rowDelegate'), del, 'rowDelegate should change to delegate after setting delegate');
+
+  // test changing content
+  callCount=0;
+  SC.run(function() { view.set('content', []); });
+  ok(callCount>0, 'rowDelegate should change when setting content');
+  equals(view.get('rowDelegate'), del, 'rowDelegate should stay delegate as long as delegate remains');
+
+  // test changing delegate
+  callCount=0;
+  SC.run(function() { view.set('delegate', null); });
+  ok(callCount>0, 'rowDelegate should change when setting delegate');
+  equals(view.get('rowDelegate'), view, 'rowDelegate should go back to view when delegate and content cleared or dont implement');
+  
+});
+
+// ..........................................................
+// NOTIFICATIONS
+// 
+
+test("changing the rowHeight should invalidate all row heights", function() {
+  var indexes = null;
+  view = SC.ListView.create({
+    content:  '1 2 3 4 5'.w(), // provide some contnet
+    delegate: del,
+    
+    // override for testing
+    rowHeightDidChangeForIndexes: function(passed) {
+      indexes = passed;
+    }
+  });
+  
+  indexes = null;
+  del.set('rowHeight', 30);
+  same(indexes, SC.IndexSet.create(0,5), 'changing row height should call rowHeightDidChangeForIndexes(0..5)');
+  
+  // remove del and try again to verify that it stops tracking changes
+  view.set('delegate', null);
+  indexes = null;
+  del.set('rowHeight', 23);
+  equals(indexes, null, 'once delegate is removed changed rowHeight should not impact anything');
+  
+  // change row height on the view without a delegate to verify new observers
+  // are setup.
+  indexes = null;
+  view.set('rowHeight', 14);
+  same(indexes, SC.IndexSet.create(0,5), 'changing row height should call rowHeightDidChangeForIndexes(0..5)');
+  
+});
+
+
+test("changing the customRowHeightIndexes should invalidate impacted row heights", function() {
+  var indexes = null;
+  view = SC.ListView.create({
+    content:  '1 2 3 4 5'.w(), // provide some contnet
+    delegate: del,
+    
+    // override for testing
+    rowHeightDidChangeForIndexes: function(passed) {
+      indexes = passed;
+    }
+  });
+  
+  // try changing the index set
+  indexes = null;
+  var set = SC.IndexSet.create(2,2);
+  del.set('customRowHeightIndexes', set);
+  same(indexes, set, 'setting customRowHeightIndexes for first time should invalidate indexes only');
+
+  // modify the set
+  indexes = null ;
+  set.add(1,3);
+  same(indexes, set, 'modifying index set should invalidate all old and new indexes');
+  
+  // changing to a new set
+  indexes =null ;
+  var set2 = SC.IndexSet.create(0,1);
+  del.set('customRowHeightIndexes', set2);
+  same(indexes, set.copy().add(set2), 'setting new indexes should invalidate both old and new indexes');
+
+
+  // remove an set
+  indexes =null ;
+  del.set('customRowHeightIndexes', null);
+  same(indexes, set2, 'setting indexes to null should invalidate old index set');
+
+  // try removing delegate
+  del.set('customRowHeightIndexes', set2);
+  indexes = null;
+  view.set('delegate', null);
+  same(indexes, set2, 'removing delegate should invalidate old index set');
+
+  // change delegate once removed.
+  indexes = null ;
+  del.set('customRowHeightIndexes', set);
+  equals(indexes, null, 'modifying delegate once removed should not change view');
+  
+});