sproutit-sproutcore 1.0.20090721145236 → 1.0.20090721145251

data/frameworks/sproutcore/frameworks/foundation/tests/system/render_context/begin.js

@@ -0,0 +1,47 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok */
+
+var context = null;
+
+module("SC.RenderContext#begin", {
+  setup: function() {
+    context = SC.RenderContext();
+  }
+});
+
+test("should return a new context with parent context as prevObject", function() {
+  var c2 = context.begin();
+  ok(c2 !== context, "new context");
+  equals(c2.prevObject, context, 'previous context');
+});
+
+test("should set offset for new context equal to length of previous context", function() {
+  context.push("line1");
+  var expected = context.length ;
+  var c2 = context.begin();
+  equals(c2.offset, expected, "offset");
+});
+
+test("should copy same strings array to new child context", function() {
+  context.push("line1");
+  var c2 =context.begin();
+  equals(c2.strings, context.strings);
+});
+
+test("should start new context with length of 1 (reserving a space for opening tag)", function() {
+  context.push("line1");
+  var c2 = context.begin() ;
+  equals(c2.length, 1, 'has empty line');
+  equals(c2.strings.length, 3, "parent empty line + parent line + empty line");
+});
+
+test("should assign passed tag name to new context", function() {
+  var c2 = context.begin('foo');
+  equals(c2.tagName(), 'foo', 'tag name');
+});

data/frameworks/sproutcore/frameworks/foundation/tests/system/render_context/element.js

@@ -0,0 +1,44 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok */
+
+var context = null;
+
+module("SC.RenderContext#element", {
+  setup: function() {
+    context = SC.RenderContext() ;
+  },
+  
+  teardown: function() {
+    context = null;
+  }
+});
+
+test("converts context to a DOM element and returns root element if there is one", function() {
+  context.id('foo');
+  var elem = context.element();
+  ok(elem, 'elem not null');
+  equals(elem.tagName.toString().toLowerCase(), 'div', 'is div');
+  equals(elem.id.toString(), 'foo', 'is id=foo');
+  elem = null ;
+});
+
+test("returns null if context does not generate valid element", function() {
+  context = SC.RenderContext(null);
+  var elem = context.element();
+  equals(elem, null, 'should be null');
+  elem = null;
+});
+
+test("returns first element if context renders multiple element", function() {
+  context.tag('div').tag('span');
+  var elem = context.element();
+  ok(elem, 'elem not null');
+  equals(elem.tagName.toString().toLowerCase(), 'div', 'is div');
+  elem = null;
+});

data/frameworks/sproutcore/frameworks/foundation/tests/system/render_context/end.js

@@ -0,0 +1,119 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok */
+
+var context = null;
+
+module("SC.RenderContext#end", {
+  setup: function() {
+    context = SC.RenderContext();
+  }
+});
+
+test("should replace opening tag with string and add closing tag, leaving middle content in place", function() {
+  context.push("line1").end();
+  equals(context.get(0), "<div>", "opening tag");
+  equals(context.get(1), "line1", "opening tag");
+  equals(context.get(2), "</div>", "closing tag");
+});
+
+test("should emit any CSS class names included in the tag opts.classNames array", function() {
+  context.classNames("foo bar".w()).end();
+  ok(context.get(0).match(/class=\"foo bar\"/), '<div> has class attr') ;
+});
+
+test("should emit id in tag opts.id", function() {
+  context.id("foo").end();
+  ok(context.get(0).match(/id=\"foo\"/), "<div> has id attr");
+});
+
+test("should emit style in tag if opts.styles is defined", function() {
+  context.styles({ alpha: "beta", foo: "bar" }).end();
+  ok(context.get(0).match(/style=\"alpha: beta; foo: bar\"/), '<div> has style="alpha: beta; foo: bar"');
+});
+
+
+test("should write arbitrary attrs has in opts", function() {
+  context.attr({ foo: "bar", bar: "baz" }).end();
+  ok(context.get(0).match(/foo=\"bar\"/), 'has foo="bar"');
+  ok(context.get(0).match(/bar=\"baz\"/), 'has bar="baz"');
+});
+
+test("classNames should override attrs.class", function() {
+  context.classNames("foo".w()).attr({ "class": "bar" }).end();
+  ok(context.get(0).match(/class=\"foo\"/), 'has class="foo"');
+});
+
+test("opts.id should override opts.attrs.id", function() {
+  context.id("foo").attr({ id: "bar" }).end();
+  ok(context.get(0).match(/id=\"foo\"/), 'has id="foo"');
+});
+
+test("opts.styles should override opts.attrs.style", function() {
+  context.styles({ foo: "foo" }).attr({ style: "bar: bar" }).end();
+  ok(context.get(0).match(/style=\"foo: foo\"/), 'has style="foo: foo"');
+});
+
+test("should return receiver if receiver has no prevObject", function() {
+  ok(!context.prevObject, 'precondition - prevObject is null');
+  equals(context.end(), context, 'ends as self');
+});
+
+test("should return prevObject if receiver has prevObject", function() {
+  var c2 = context.begin();
+  equals(c2.end(), context, "should return prevObject");
+});
+
+test("emits self closing tag if tag has no content and c._selfClosing !== NO", function() {
+  var c2 = context.begin('input');
+  c2.end();
+  equals(c2.get(0), "<input />");
+});
+
+test("emits two tags even if tag has no content if opts.selfClosing == NO", function() {
+  context._selfClosing = NO;
+  
+  context.end();
+  equals(context.length, 2, "has two lines");
+  equals(context.get(0), "<div>", "has opening tag");
+  equals(context.get(1), "</div>", "has closing tag");
+});
+
+test("does NOT emit self closing tag if it has content, even if opts.selfClosing == YES (because that would yield invalid HTML)", function() {
+  context._selfClosing = YES;
+  context.push("line").end();
+  equals(context.length, 3, "has 3 lines");
+  equals(context.get(2), "</div>", "has closing tag");
+});
+
+test("it should make sure to clear reused temporary attributes object", function() {
+  
+  // generate one tag...
+  context.begin('input')
+    .id("foo")
+    .styles({ foo: "bar" })
+    .classNames("foo bar".w())
+    .push("line")
+  .end(); 
+  
+  // generate second tag...will reuse internal temporary attrs object.
+  context.begin('input').id("bar").end();
+  var str = context.get(context.length-1);
+  equals(str, "<input id=\"bar\"  />");
+});
+
+test("it should work when nested more than one level deep", function() {
+  context.begin().id("foo")
+    .begin().id("bar").end()
+  .end();
+  
+  var str = context.join('');
+  ok(str.match(/id="foo"/), 'has foo');
+  ok(str.match(/id="bar"/), 'has bar');
+});
+

data/frameworks/sproutcore/frameworks/foundation/tests/system/render_context/get.js

@@ -0,0 +1,51 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context */
+
+var context = null;
+
+module("SC.RenderContext#get", {
+  setup: function() {
+    context = SC.RenderContext();
+  },
+  
+  teardown: function() {
+    context = null;
+  }
+});
+
+test("it should return strings array with space for top tag if no params passed and no strings pushed yet", function() {
+  same(context.get(), [null]);
+});
+
+test("it should return full strings array if no params passed and no strings pushed yet", function() {
+  context.push("line1");
+  same(context.get(), [null, "line1"]);
+});
+
+test("it should return individual string if index passed that is within current length", function() {
+  context.push("line1");
+  equals(context.get(1), "line1");
+});
+
+test("it should return undefined if index passed that is outside of current range", function() {
+  context.push("line1");
+  equals(context.get(3), undefined);
+});
+
+// test this special case since the internal strings array is created lazily.
+test("it should return undefined if index passed and no strings set yet", function() {
+  equals(context.get(2), undefined);
+});
+
+test("it should return the value based on an index from the context offset of the context is chained", function() {
+  context.push('line1', 'line2');
+  var childContext = context.begin();
+  childContext.push("NEXT");
+  equals(childContext.get(1), "NEXT", 'gets child line');
+}) ;

data/frameworks/sproutcore/frameworks/foundation/tests/system/render_context/helpers_attr.js

@@ -0,0 +1,50 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok same same */
+
+var context = null;
+
+
+
+// ..........................................................
+// attr
+// 
+module("SC.RenderContext#attr", {
+  setup: function() {
+    context = SC.RenderContext().attr({ foo: 'foo' }) ;
+  }
+});
+
+test("should add passed name to value", function() {
+  context.attr('bar', 'bar');
+  equals(context._attrs.bar, 'bar', 'verify attr name');
+});
+
+test("should replace passed name  value in attrs", function() {
+  context.attr('foo', 'bar');
+  equals(context._attrs.foo, 'bar', 'verify attr name');
+});
+
+test("should return receiver", function() {
+  equals(context, context.attr('foo', 'bar'));
+});
+
+test("should create attrs hash if needed", function() {
+  context = SC.RenderContext().begin();
+  equals(context._attrs, null, 'precondition - has no attrs');
+  
+  context.attr('foo', 'bar');
+  equals(context._attrs.foo, 'bar', 'has styles');
+});
+
+test("should assign all attrs if a hash is passed", function() {
+  context.attr({ foo: 'bar', bar: 'bar' });
+  same(context._attrs, { foo: 'bar', bar: 'bar' }, 'has same styles');
+});
+ 
+

data/frameworks/sproutcore/frameworks/foundation/tests/system/render_context/helpers_basic.js

@@ -0,0 +1,28 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok same */
+
+var context = null;
+
+// ..........................................................
+// id()
+// 
+module("SC.RenderContext#id", {
+  setup: function() {
+    context = SC.RenderContext().id('foo') ;
+  }
+});
+
+test("id() returns the current id for the tag", function() {
+  equals(context.id(), 'foo', 'get id');
+});
+
+test("id(bar) alters the current id", function() {
+  equals(context.id("bar"), context, "Returns receiver");
+  equals(context.id(), 'bar', 'changed to bar');
+});

data/frameworks/sproutcore/frameworks/foundation/tests/system/render_context/helpers_className.js

@@ -0,0 +1,179 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/*global module test equals context ok same */
+
+var context = null;
+
+// ..........................................................
+// classNames()
+// 
+module("SC.RenderContext#classNames", {
+  setup: function() {
+    context = SC.RenderContext() ;
+  }
+});
+
+test("returns empty array if no current class names", function() {
+  same(context.classNames(), [], 'classNames') ;
+});
+
+test("classNames(array) updates class names", function() {
+  var cl = 'bar baz'.w();
+  equals(context.classNames(cl), context, "returns receiver");
+  same(context.classNames(), cl, 'class names');
+});
+
+test("returns classNames if set", function() {
+  context.classNames('bar'.w());
+  same(context.classNames(), ['bar'], 'classNames');
+});
+
+test("clone on next retrieval if classNames(foo) set with cloneOnModify=YES", function() {
+  var cl = 'foo bar'.w();
+  context.classNames(cl, YES);
+  
+  var result = context.classNames();
+  ok(result !== cl, "class name is NOT same instance");
+  same(result, cl, "but arrays are equivalent");
+  
+  equals(result, context.classNames(), "2nd retrieval is same instance");
+});
+
+test("extracts class names from element on first retrieval", function() {
+  var elem = document.createElement('div');
+  elem.setAttribute('class', 'foo bar');
+  context = SC.RenderContext(elem);
+  
+  var result = context.classNames();
+  same(result, ['foo', 'bar'], 'extracted class names');
+  
+  equals(context.classNames(), result, "should reuse same instance thereafter");
+});
+
+// ..........................................................
+// hasClass()
+// 
+module("SC.RenderContext#hasClass", {
+  setup: function() {
+    context = SC.RenderContext().classNames('foo bar'.w()) ;
+  }
+});
+
+test("should return true if context classNames has class name", function() {
+  equals(YES, context.hasClass('foo'), 'should have foo');
+});
+
+test("should return false if context classNames does not have class name", function() {
+  equals(NO, context.hasClass('imaginary'), "should not have imaginary");
+});
+
+test("should return false if context has no classNames", function() {
+  context = context.begin('div');
+  ok(context.classNames().length===0, 'precondition - context has no classNames');
+  equals(NO, context.hasClass('foo'), 'should not have foo');
+});
+
+// ..........................................................
+// addClass()
+//
+module("SC.RenderContext#addClass", {
+  setup: function() {
+    context = SC.RenderContext().classNames(['foo']) ;
+  }
+});
+
+test("shoudl return receiver", function() {
+  equals(context.addClass('foo'), context, "receiver");
+});
+
+test("should add class name to existing classNames array on currentTag", function() {
+  context.addClass('bar');
+  same(context.classNames(), ['foo', 'bar'], 'has classes');
+  equals(context._classNamesDidChange, YES, "note did change");
+});
+
+test("should only add class name once - does nothing if name already in array", function() {
+  same(context.classNames(), ['foo'], 'precondition - has foo classname');
+  context._classNamesDidChange = NO; // reset  to pretend once not modified
+  
+  context.addClass('foo');
+  same(context.classNames(), ['foo'], 'no change');
+  equals(context._classNamesDidChange, NO, "note did not change");
+});
+
+// ..........................................................
+// removeClass()
+// 
+module("SC.RenderContext#removeClass", {
+  setup: function() {
+    context = SC.RenderContext().classNames(['foo', 'bar']) ;
+  }
+});
+
+test("should remove class if already in classNames array", function() {
+  ok(context.classNames().indexOf('foo')>=0, "precondition - has foo");
+  
+  context.removeClass('foo');
+  ok(context.classNames().indexOf('foo')<0, "does not have foo");
+});
+
+test('should return receiver', function() {
+  equals(context.removeClass('foo'), context, 'receiver');
+});
+
+test("should do nothing if class name not in array", function() {
+  context._classNamesDidChange = NO; // reset to pretend not modified
+  context.removeClass('imaginary');
+  same(context.classNames(), 'foo bar'.w(), 'did not change');
+  equals(context._classNamesDidChange, NO, "note did not change");
+});
+
+test("should do nothing if there are no class names", function() {
+  context = context.begin();
+  same(context.classNames(), [], 'precondition - no class names');
+  context._classNamesDidChange = NO; // reset to pretend not modified
+  
+  context.removeClass('foo');
+  same(context.classNames(), [], 'still no class names -- and no errors');
+  equals(context._classNamesDidChange, NO, "note did not change");
+});
+
+// ..........................................................
+// setClass
+// 
+module("SC.RenderContext#setClass", {
+  setup: function() {
+    context = SC.RenderContext().addClass('foo') ;
+  }
+});
+
+test("should add named class if shouldAdd is YES", function() {
+  ok(!context.hasClass("bar"), "precondition - does not have class bar");
+  context.setClass("bar", YES);
+  ok(context.hasClass("bar"), "now has bar");
+});
+
+test("should remove named class if shouldAdd is NO", function() {
+  ok(context.hasClass("foo"), "precondition - has class foo");
+  context.setClass("foo", NO);
+  ok(!context.hasClass("foo"), "should not have foo ");
+});
+
+test("should return receiver", function() {
+  equals(context, context.setClass("bar", YES), "returns receiver");
+});
+
+test("should add/remove all classes if a hash of class names is passed", function() {
+  ok(context.hasClass("foo"), "precondition - has class foo");
+  ok(!context.hasClass("bar"), "precondition - does not have class bar");
+
+  context.setClass({ foo: NO, bar: YES });
+
+  ok(context.hasClass("bar"), "now has bar");
+  ok(!context.hasClass("foo"), "should not have foo ");
+});