spade 0.0.1 → 0.0.2

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

@@ -1,127 +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)
-// ==========================================================================
-
-/*
-  This test evaluates a plain list with no custom row heights, outlines, 
-  group views or any other non-standard behavior.
-*/
-
-module("SC.ListView - simple list");
-
-// create a fake content array.  Generates a list with whatever length you
-// want of objects with a title based on the index.  Cannot mutate.
-var ContentArray = SC.Object.extend(SC.Array, {
-  
-  length: 0,
-  
-  objectAt: function(idx) {
-    if (idx >= this.get('length')) return undefined;
-    
-    var content = this._content, ret ;
-    if (!content) content = this._content = [];
-    
-    ret = content[idx];
-    if (!ret) {
-      ret = content[idx] = SC.Object.create({ 
-        title: "ContentItem %@".fmt(idx),
-        isDone: (idx % 3)===0,
-        unread: (Math.random() > 0.5) ? Math.floor(Math.random() * 100) : 0
-      });
-    }
-    
-    return ret ;
-  }
-});
-
-var pane = SC.ControlTestPane.design()
-  .add("basic", SC.ScrollView.design({
-    layout: { left: 0, right: 0, top: 0, height: 300 },
-    hasHorizontalScroller: NO,
-    contentView: SC.ListView.design({
-      content: ContentArray.create({ length: 20001 }),
-      contentValueKey: "title",
-      contentCheckboxKey: "isDone",
-      contentUnreadCountKey: "unread",
-      rowHeight: 20
-      
-    })
-  }));
-  
-pane.show(); // add a test to show the test pane
-window.pane = pane ;
-
-function verifyChildViewsMatch(views, set) {
-  var indexes = set.clone();
-  views.forEach(function(view) {
-    var idx = view.contentIndex ;
-    if (indexes.contains(idx)) {
-      ok(YES, "should find childView for contentIndex %@ (nowShowing=%@)".fmt(idx, set));
-    } else {
-      ok(NO, "should NOT find childView for contentIndex %@ (nowShowing=%@)".fmt(idx, set));
-    }
-    indexes.remove(idx);
-  }, this);
-  
-  if (indexes.get('length') === 0) {
-    ok(YES, "all nowShowing indexes should have matching child views");
-  } else {
-    ok(NO, "all nowShowing indexes should have matching child views (indexes not found: %@)".fmt(indexes));
-  }
-}
-
-// ..........................................................
-// BASIC RENDER TESTS
-// 
-
-test("rendering only incremental portion", function() {
-  var listView = pane.view("basic").contentView; 
-  ok(listView.getPath("nowShowing.length") < listView.get('length'), 'nowShowing should be a subset of content items');
-  equals(listView.get('childViews').length, listView.get('nowShowing').get('length'), 'should have same number of childViews as nowShowing length');  
-});
-
-test("scrolling by small amount should update incremental rendering", function() {
-  var scrollView = pane.view('basic'),
-      listView   = scrollView.contentView,
-      exp;
-
-  ok(listView.getPath('nowShowing.length') < listView.get('length'), 'precond - nowShowing has incremental range');
-
-  // SCROLL DOWN ONE LINE
-  SC.run(function() {
-    scrollView.scrollTo(0,20);
-  });
-  
-  // top line should have scrolled out of view
-  exp = SC.IndexSet.create(1,15);
-  same(listView.get('nowShowing'), exp, 'nowShowing should change to reflect new clippingFrame');
-
-  verifyChildViewsMatch(listView.childViews, exp);
-
-  // SCROLL DOWN ANOTHER LINE
-  SC.run(function() {
-    scrollView.scrollTo(0,42);
-  });
-  
-  // top line should have scrolled out of view
-  exp = SC.IndexSet.create(2,16);
-  same(listView.get('nowShowing'), exp, 'nowShowing should change to reflect new clippingFrame');
-
-  verifyChildViewsMatch(listView.childViews, exp);
-
-
-  // SCROLL UP ONE LINE
-  SC.run(function() {
-    scrollView.scrollTo(0,21);
-  });
-  
-  // top line should have scrolled out of view
-  exp = SC.IndexSet.create(1,16);
-  same(listView.get('nowShowing'), exp, 'nowShowing should change to reflect new clippingFrame');
-
-  verifyChildViewsMatch(listView.childViews, exp);
-  
-});

data/sproutcore/frameworks/desktop/tests/views/list_item.js

@@ -1,396 +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 */
-
-var pane = SC.ControlTestPane.design({ height: 32 })
-  .add("basic", SC.ListItemView.design({ 
-    content: "List Item"
-  }))
-
-  .add("full", SC.ListItemView.design({ 
-    content: SC.Object.create({ 
-      icon: "sc-icon-folder-16",
-      title: "List Item", 
-      checkbox: YES,
-      count: 23,
-      branch: YES 
-    }),
-    
-    hasContentIcon:  YES,
-    hasContentBranch: YES,
-
-    contentValueKey: "title",
-    contentCheckboxKey: 'checkbox',
-    contentIconKey:  "icon",
-    contentUnreadCountKey: 'count',
-    contentIsBranchKey: 'branch',
-    
-    disclosureState: SC.BRANCH_OPEN
-
-  }))
-
-  .add("full - sel", SC.ListItemView.design({ 
-    content: SC.Object.create({ 
-      icon: "sc-icon-folder-16",
-      title: "List Item", 
-      checkbox: YES,
-      count: 23,
-      branch: YES
-    }),
-
-    isSelected: YES,
-        
-    hasContentIcon:  YES,
-    hasContentBranch: YES,
-
-    contentValueKey: "title",
-    contentLeftActionKey: 'checkbox',
-    leftAction: 'checkbox',
-    
-    contentRightActionKey: 'isLoading',
-    
-    contentCheckboxKey: 'checkbox',
-    contentIconKey:  "icon",
-    contentUnreadCountKey: 'count',
-    contentIsBranchKey: 'branch',
-    
-    disclosureState: SC.BRANCH_OPEN
-
-  }))
-  
-  .add("icon", SC.ListItemView.design({ 
-    content: SC.Object.create({ 
-      title: "List Item", 
-      icon: "sc-icon-folder-16" 
-    }),
-    
-    contentValueKey: "title",
-
-    contentIconKey:  "icon",
-    hasContentIcon:  YES
-
-  }))
-  
-  .add("icon - contentandview", SC.ListItemView.design({
-    content: SC.Object.create({
-      title: "List Item",
-      icon: "sc-icon-folder-16"
-    }),
-
-    icon: "sc-icon-info-16",
-
-    contentValueKey: "title",
-
-    contentIconKey:  "icon",
-    hasContentIcon:  YES
-
-  }))
-  
-  .add("icon - view", SC.ListItemView.design({
-    content: SC.Object.create({
-      title: "List Item"
-    }),
-
-    icon: "sc-icon-info-16",
-
-    contentValueKey: "title"
-  }))
-  
-  .add("disclosure - YES", SC.ListItemView.design({ 
-    content: SC.Object.create({ title: "List Item" }),
-    contentValueKey: "title",
-    disclosureState: SC.BRANCH_OPEN
-  }))
-
-  .add("disclosure - NO", SC.ListItemView.design({ 
-    content: SC.Object.create({ title: "List Item" }),
-    contentValueKey: "title",
-    disclosureState: SC.BRANCH_CLOSED
-  }))
-
-  .add("checkbox - YES", SC.ListItemView.design({ 
-    content: SC.Object.create({ title: "List Item", checkbox: YES }),
-    contentValueKey: "title",
-    contentCheckboxKey:  "checkbox"
-  }))
-
-  .add("checkbox - NO", SC.ListItemView.design({ 
-    content: SC.Object.create({ title: "List Item", checkbox: NO }),
-    contentValueKey: "title",
-    contentCheckboxKey:  "checkbox"
-  }))
-
-  .add("count - 0", SC.ListItemView.design({ 
-    content: SC.Object.create({ title: "List Item", count: 0 }),
-    contentValueKey: "title",
-    contentUnreadCountKey:  "count"
-  }))
-
-  .add("count - 10", SC.ListItemView.design({ 
-    content: SC.Object.create({ title: "List Item", count: 10 }),
-    contentValueKey: "title",
-    contentUnreadCountKey:  "count"
-  }))
-  
-  .add("outline - 1", SC.ListItemView.design({ 
-    content: SC.Object.create({ title: "List Item" }),
-    contentValueKey: "title",
-    contentUnreadCountKey:  "count",
-    outlineLevel: 1
-  }))
-  
-  .add("outline - 2", SC.ListItemView.design({ 
-    content: SC.Object.create({ title: "List Item" }),
-    contentValueKey: "title",
-    contentUnreadCountKey:  "count",
-    outlineLevel: 2
-  })) ;
-
-pane.show();
-
-window.pane = pane ;
-
-// ..........................................................
-// DETECTORS
-// 
-// The functions below test the presence of a particular part of the view.  If
-// you pass the second param then it expects the part to be in the view.  If
-// you pass null, then it expects the part to NOT be in the view.
-
-function basic(view, sel, disabled) {
-  var cq = view.$();
-  ok(cq.hasClass('sc-list-item-view'), 'should have sc-list-item-view class');
-  
-  equals(cq.hasClass('sel'), !!sel, 'expect sel class');
-  equals(cq.hasClass('disabled'), !!disabled, 'expect disabled class');
-  
-  var idx = view.get('contentIndex');
-  var evenOrOdd = (idx % 2 === 0) ? 'even' : 'odd';
-  ok(cq.hasClass(evenOrOdd), 'should have an %@ class'.fmt(evenOrOdd));
-}
-
-function label(view, labelText) {
-  if (labelText === null) {
-    equals(view.$('label').size(), 0, 'should not have label');
-  } else {
-    equals(view.$('label').text(), labelText, 'should have label text');
-  }
-}
-
-function icon(view, spriteName) {
-  var cq = view.$(), iconCQ = cq.find('img.icon');
-  if (spriteName === null) {
-    ok(!cq.hasClass('has-icon'), "should not have has-icon class");
-    equals(iconCQ.size(), 0, 'should not have image');
-  } else {
-    ok(cq.hasClass('has-icon'), "should have has-icon class");
-    equals(iconCQ.size(), 1, 'should have icon');
-    ok(iconCQ.hasClass(spriteName), 'icon should have class name %@'.fmt(spriteName));
-  }
-}
-
-function disclosure(view, state) {
-  var cq = view.$(), disclosureCQ = cq.find('.sc-disclosure-view');
-  if (state === null) {
-    ok(!cq.hasClass('has-disclosure'), "should not have has-disclosure class");
-    equals(disclosureCQ.size(), 0, "should not have disclosure");
-  } else {
-    ok(cq.hasClass('has-disclosure'), "should have has-disclosure class");
-    equals(disclosureCQ.size(), 1, "should have disclosure element");
-    equals(disclosureCQ.hasClass('sel'), state === true, "disclosure expects sel class");
-  }
-}
-
-function checkbox(view, state) {
-  var cq = view.$(), checkboxCQ = cq.find('.sc-checkbox-view');
-  if (state === null) {
-    ok(!cq.hasClass('has-checkbox'), "should not have has-checkbox class");
-    equals(checkboxCQ.size(), 0, 'should not have checkbox');
-  } else {
-    ok(cq.hasClass('has-checkbox'), "should have has-checkbox class");
-    equals(checkboxCQ.size(), 1, 'should have checkbox element');
-    equals(checkboxCQ.hasClass('sel'), state === true, 'expects sel class');
-    equals(checkboxCQ.hasClass('mixed'), state === SC.MIXED_STATE, 'expects mixed class');
-  }
-}
-
-function count(view, cnt) {
-  var cq = view.$(), countCQ = cq.find('.count');
-  if (cnt === null) {
-    ok(!cq.hasClass('has-count'), "should not have has-count class");
-    equals(countCQ.size(), 0, 'should not have count') ;
-  } else {
-    ok(cq.hasClass('has-count'), "should have has-count class");
-    equals(countCQ.size(), 1, 'should have count');
-    equals(countCQ.text(), cnt.toString(), 'should have count text');
-  }
-}
-
-function branch(view, visible) {
-  var cq = view.$(), branchCQ = cq.find('.branch');
-  if (visible === null) {
-    ok(!cq.hasClass('has-branch'), "should not have has-branch class");
-    equals(branchCQ.size(), 0, 'should not have branch') ;
-  } else {
-    ok(cq.hasClass('has-branch'), "should have has-branch class");
-    equals(branchCQ.size(), 1, 'should have branch');
-    equals(branchCQ.hasClass('branch-visible'), visible, 'is visible');
-  }
-}
-
-// ..........................................................
-// Test Basic Setup
-// 
-
-module("SC.ListItemView UI", pane.standardSetup());
-
-test("basic", function() {
-  var view = pane.view('basic');
-
-  basic(view, NO, NO);
-  icon(view, null);
-  label(view, 'List Item');
-  disclosure(view, null);
-  checkbox(view, null);
-  count(view, null);
-  branch(view, null);
-});
-
-test("full", function() {
-  var view = pane.view('full');
-  basic(view, NO, NO);
-  icon(view, 'sc-icon-folder-16');
-  label(view, 'List Item');
-  disclosure(view, YES);
-  checkbox(view, YES);
-  count(view, 23);
-  branch(view, YES);
-});
-
-test("full - sel", function() {
-  var view = pane.view('full - sel');
-  basic(view, YES, NO);
-  icon(view, 'sc-icon-folder-16');
-  label(view, 'List Item');
-  disclosure(view, YES);
-  checkbox(view, YES);
-  count(view, 23);
-  branch(view, YES);
-});
-
-test("icon", function() {
-  var view = pane.view('icon');
-  icon(view, 'sc-icon-folder-16');
-});
-
-test("icon defined in view and in content", function() {
-  var view = pane.view('icon - contentandview');
-  icon(view, 'sc-icon-folder-16');
-});
-
-test("icon defined only in view", function() {
-  var view = pane.view('icon - view');
-  icon(view, 'sc-icon-info-16');
-});
-
-test('disclosure', function() {
-  disclosure(pane.view('disclosure - YES'), YES);
-  disclosure(pane.view('disclosure - NO'), NO);
-});
-
-test('checkbox', function() {
-  checkbox(pane.view('checkbox - YES'), YES);
-  checkbox(pane.view('checkbox - NO'), NO);
-});
-
-test('count', function() {
-  // no count should show when count = 0;
-  count(pane.view('count - 0'), null); 
-  count(pane.view('count - 10'), 10);
-});
-
-test("outline - 1", function() {
-  var v = pane.view('outline - 1'),
-      indent = v.get('outlineIndent');
-  ok(indent>0, 'precond - outlineIndent property should be > 0 (actual: %@)'.fmt(indent));
-  
-  equals(v.$('.sc-outline').css('left'), indent*1+16 + "px", 'sc-outline div should be offset by outline ammount');
-});
-
-test("outline - 2", function() {
-  var v = pane.view('outline - 2'),
-      indent = v.get('outlineIndent');
-  ok(indent>0, 'precond - outlineIndent property should be > 0 (actual: %@)'.fmt(indent));
-  
-  equals(v.$('.sc-outline').css('left'), indent*2+16 + "px", 'sc-outline div should be offset by outline ammount');
-});
-
-// ..........................................................
-// EDITING CONTENT
-// 
-
-function adjustView(view, key, value) {
-  SC.RunLoop.begin();
-  view.set(key, value);
-  SC.RunLoop.end();
-}
-
-// gets the view content and adjusts the value inside of a runloop, ensuring
-// the UI gets an update also.
-function adjustContent(view, key, value) {
-  var content = view.get('content');
-  SC.RunLoop.begin();
-  content.set(key, value);
-  SC.RunLoop.end();
-}
-
-test("changing label should change display", function() {
-  var view = pane.view('full');
-  adjustContent(view, 'title', 'FOO');
-  label(view, 'FOO'); // verify change
-});
-
-
-test("changing disclosure value should update display", function() {
-  var view = pane.view('full');
-  adjustView(view, 'disclosureState', SC.BRANCH_CLOSED);
-  disclosure(view, NO);
-  
-  // changing to leaf node should remove disclosure view
-  adjustView(view, 'disclosureState', SC.LEAF_NODE);
-  disclosure(view, null);
-  
-  // changing back to open/closed should add the disclosure back
-  adjustView(view, 'disclosureState', SC.BRANCH_OPEN);
-  disclosure(view, YES);
-});
-
-test("changing checkbox value should update display", function() {
-  var view = pane.view('full');
-  adjustContent(view, 'checkbox', NO);
-  checkbox(view, NO); // verify change
-  
-  // changing to null should remove checkbox view
-  adjustContent(view, 'checkbox', null);
-  checkbox(view, null);
-
-  // changing back to YES should add the checkbox back
-  adjustContent(view, 'checkbox', YES);
-  checkbox(view, YES);
-});
-
-test("changing count value should update display", function() {
-  var view = pane.view('full');
-
-  adjustContent(view, 'count', 100);
-  count(view, 100); // verify change
-
-  adjustContent(view, 'count', 0);
-  count(view, null); // verify change
-});
-