sproutit-sproutcore 1.0.0.20090407205609 → 1.0.0.20090408130025

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

@@ -0,0 +1,100 @@
+// ==========================================================================
+// 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 isSet */
+
+var context = null;
+
+// ..........................................................
+// styles
+// 
+module("SC.RenderContext#styles", {
+  setup: function() {
+    context = SC.RenderContext() ;
+  }
+});
+
+test("returns empty hash if no current styles", function() {
+  same(context.styles(), {}, 'styles') ;
+});
+
+test("styles(hash) replaces styles", function() {
+  var styles = { foo: 'bar' };
+  equals(context.styles(styles), context, "returns receiver");
+  same(context.styles(), styles, 'Styles');
+});
+
+test("returns styles if set", function() {
+  var styles = { foo: 'bar' };
+  context.styles(styles);
+  equals(context.styles(), styles, 'styles');
+});
+
+test("clone on next retrieval if styles(foo) set with cloneOnModify=YES", function() {
+  var styles = { foo: 'bar' };
+  context.styles(styles, YES);
+  
+  var result = context.styles();
+  ok(result !== styles, "styles is NOT same instance");
+  same(result, styles, "but styles are equivalent");
+  
+  equals(result, context.styles(), "2nd retrieval is same instance");
+});
+
+test("extracts styles from element on first retrieval", function() {
+  var elem = document.createElement('div');
+  elem.setAttribute('style', 'color: black; height: 20px; ');
+  context = SC.RenderContext(elem);
+  
+  var result = context.styles();
+  
+  
+  same(result, { color: 'black', height: '20px' }, 'extracted style. This is failing in IE8 because it return styles like cOLOR.');
+  
+  equals(context.styles(), result, "should reuse same instance thereafter");
+});
+
+// ..........................................................
+// addStyle
+// 
+module("SC.RenderContext#addStyle", {
+  setup: function() {
+    context = SC.RenderContext().styles({ foo: 'foo' }) ;
+  }
+});
+
+test("should add passed style name to value", function() {
+  context.addStyle('bar', 'bar');
+  equals('bar', context.styles().bar, 'verify style name');
+});
+
+test("should replace passed style name  value", function() {
+  context.addStyle('foo', 'bar');
+  equals('bar', context.styles().foo, 'verify style name');
+});
+
+test("should return receiver", function() {
+  equals(context, context.addStyle('foo', 'bar'));
+});
+
+test("should create styles hash if needed", function() {
+  context = SC.RenderContext();
+  equals(context._styles, null, 'precondition - has no styles');
+  
+  context.addStyle('foo', 'bar');
+  equals('bar', context.styles().foo, 'has styles');
+});
+
+test("should assign all styles if a hash is passed", function() {
+  context.addStyle({ foo: 'bar', bar: 'bar' });
+  same(context.styles(), { foo: 'bar', bar: 'bar' }, 'has same styles');
+});
+
+test("css() should be an alias for addStyle()", function() {
+  equals(SC.RenderContext.fn.css, SC.RenderContext.fn.addStyle, 'methods');
+});
+

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

@@ -0,0 +1,55 @@
+// ==========================================================================
+// 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#init");
+
+test("it should return a new context object with the passed tag name", function() {
+  equals(SC.RenderContext('foo').tagName(), 'foo', 'tag name');
+});
+
+test("it should use a default tag name of div if not passed", function() {
+  equals(SC.RenderContext().tagName(), 'div', 'tag name');
+});
+
+test("it should lowercase any tag name passed in", function() {
+  equals(SC.RenderContext('DIV').tagName(), 'div', 'lowercase tag name');
+});
+
+test("it should have a length of 1 with a null value for the first time, saving space for the opening tag", function() {
+  var context = SC.RenderContext();
+  equals(context.length, 1, 'context length');
+  equals(context.get(0), null, 'first item');
+});
+
+test("if script tag is passed, should mark context._selfClosing as NO" ,function() {
+  var context = SC.RenderContext('script');
+  ok(context._selfClosing === NO, "selfClosing MUST be no");
+  
+  context = SC.RenderContext('SCRIPT');
+  ok(context._selfClosing === NO, "selfClosing MUST be no 2");
+});
+
+test("if element is passed, it should save element and not reserve space for string output", function() {
+  var elem = document.createElement('div');
+  var context = SC.RenderContext(elem);
+  equals(context.length, 0, 'no length');
+  equals(context._elem, elem, 'element');
+  elem = context._elem = null; //cleanup
+});
+
+test("offset should should use offset + length of parent for self", function() {
+  var context =SC.RenderContext('div');
+  context.offset = 2;
+  context.length = 3;
+  var newContext = SC.RenderContext('div', context);
+  equals(newContext.offset, 5, 'has proper offset');
+});
+

data/frameworks/sproutcore/frameworks/foundation/tests/system/render_context/join.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 */
+
+var context = null;
+
+module("SC.RenderContext#join", {
+  setup: function() {
+    context = SC.RenderContext().push("line1", "line2") ;
+  },
+  
+  teardown: function() {
+    context = null;
+  }
+});
+
+test("it should return joined lines with no separator string by default", function() {
+  equals(context.join(), '<div>line1line2</div>');
+});
+
+test("it should return joined lines with separator string if passed", function() {
+  equals(context.join(","), "<div>,line1,line2,</div>") ;
+});

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

@@ -0,0 +1,74 @@
+// ==========================================================================
+// 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;
+
+// ..........................................................
+// push()
+// 
+module("SC.RenderContext#push", {
+  setup: function() {
+    context = SC.RenderContext();
+  },
+  
+  teardown: function() {
+    context = null;
+  }
+});
+
+test("it should add the line to the strings and increase the length", function() {
+  equals(context.length, 1, "precondition - length=");
+
+  context.push("sample line");
+  equals(context.length, 2, "length should increase");
+  equals(context.get(1), "sample line", "line should be in strings array");
+});
+
+test("it should accept multiple parameters, pushing each one into strings", function() {
+
+  equals(context.length, 1, "precondition - length=");
+  
+  context.push("line1", "line2", "line3");
+  equals(context.length, 4, "should add 3 lines to strings");
+  equals(context.get(1), "line1", "1st item");
+  equals(context.get(2), "line2", "2nd item");
+  equals(context.get(3), "line3", "3rd item");
+});
+
+test("it should return receiver", function() {
+  equals(context.push("line1"), context, "return value");
+});
+
+test("pushing a line onto a subcontext, should update the length in the parent context as well", function() {
+  context.push("line1", "line2");
+  var len = context.length ;
+  
+  var c2 = context.begin().push("line3");
+  ok(context.length > len, "length should have increased");
+});
+
+// ..........................................................
+// text()
+// 
+module("SC.RenderContext#text", {
+  setup: function() {
+    context = SC.RenderContext();
+  },
+  
+  teardown: function() {
+    context = null;
+  }
+});
+
+test("should escape passed HTML before pushing", function() {
+  context.text("<b>test me!</b>");
+  equals(context.get(1),'&lt;b&gt;test me!&lt;/b&gt;', 'escaped');
+});
+
+

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

@@ -0,0 +1,45 @@
+// ==========================================================================
+// 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#tag", {
+  setup: function() {
+    context = SC.RenderContext() ;
+  }
+});
+
+test("should emit a self closing tag.  like calling begin().end()", function() {
+  context.tag("input");
+  equals(context.get(1), "<input />");
+});
+
+test("should respect passed opts when emitting", function() {
+  context.tag("foo") ;
+  equals(context.length, 2);
+  equals(context.get(1), "<foo />");
+});
+
+test("should NOT emit self closing tag if tag is script", function() {
+  context.tag("script");
+  equals(context.get(1), '<script>');
+  equals(context.get(2), '<'+'/script>');
+});
+
+test("should NOT emit self closing tag if tag is div", function() {
+  context.tag("div");
+  equals(context.get(1), '<div>');
+  equals(context.get(2), '<'+'/div>');
+});
+
+test("should NOT emit self closing tag if no tag is passed", function() {
+  context.tag();
+  equals(context.get(1), '<div>');
+  equals(context.get(2), '<'+'/div>');
+});

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

@@ -0,0 +1,205 @@
+// ==========================================================================
+// 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, elem = null;
+
+module("SC.RenderContext#update", {
+  setup: function() {
+    elem = document.createElement('div');
+    context = SC.RenderContext(elem) ;
+  },
+  
+  teardown: function() {
+    elem = context = null; // avoid memory leaks
+  }
+});
+
+test("should replace innerHTML of DIV if strings were pushed", function() {
+  elem.innerHTML = "initial";
+  context.push("changed").update();
+  equals(elem.innerHTML, "changed", "innerHTML did change");
+});
+
+test("should NOT replace innerHTML of DIV if no strings were pushed", function() {
+  elem.innerHTML = "initial";
+  context.update();
+  equals(elem.innerHTML, "initial", "innerHTML did NOT change");
+});
+
+test("returns receiver if no prevObject", function() {
+  equals(context.update(), context, "return value");
+});
+
+test("returns previous context if there is one", function() {
+  var c2 = context.begin(elem);
+  equals(c2.update(), context, "returns prev context");
+});
+
+test("clears internal _elem to avoid memory leaks on update", function() {
+  ok(!!context._elem, 'precondition - has element')  ;
+  context.update();
+  ok(!context._elem, "no longer an element");
+});
+
+// ..........................................................
+// Attribute Editing
+// 
+module("SC.RenderContext#update - attrs", {
+  setup: function() {
+    elem = document.createElement('div');
+    elem.setAttribute("foo", "initial");
+    context = SC.RenderContext(elem);
+  },
+  
+  teardown: function() {
+    elem = context = null ;
+  }
+});
+
+test("does not change attributes if attrs were not actually changed", function() {
+  context.update();
+  equals(elem.getAttribute("foo"), "initial", "attribute");
+});
+
+test("updates attribute if attrs changed", function() {
+  context.attr('foo', 'changed');
+  context.update();
+  equals(elem.getAttribute("foo"), "changed", "attribute");
+});
+
+test("adds attribute if new", function() {
+  context.attr('bar', 'baz');
+  context.update();
+  equals(elem.getAttribute("bar"), "baz", "attribute");
+});
+
+test("removes attribute if value is null", function() {
+  context.attr('foo', null);
+  context.update();
+  equals(elem.getAttribute("foo"), null, "attribute");
+});
+
+// ..........................................................
+// ID
+// 
+module("SC.RenderContext#update - id", {
+  setup: function() {
+    elem = document.createElement('div');
+    elem.setAttribute("id", "foo");
+    context = SC.RenderContext(elem);
+  },
+  
+  teardown: function() {
+    elem = context = null ;
+  }
+});
+
+test("does not change id if retrieved but not edited", function() {
+  context.id();
+  context.update();
+  equals(elem.getAttribute("id"), "foo", "id");
+});
+
+test("replaces id if edited", function() {
+  context.id('bar');
+  context.update();
+  equals(elem.getAttribute("id"), "bar", "id");
+});
+
+test("set id overrides attr", function() {
+  context.attr("id", "bar");
+  context.id('baz');
+  context.update();
+  equals(elem.getAttribute("id"), "baz", "should use id");
+});
+
+// ..........................................................
+// Class Name Editing
+// 
+module("SC.RenderContext#update - className", {
+  setup: function() {
+    elem = document.createElement('div');
+    elem.setAttribute("class", "foo bar");
+    context = SC.RenderContext(elem);
+  },
+  
+  teardown: function() {
+    elem = context = null ;
+  }
+});
+
+test("does not change class names if retrieved but not edited", function() {
+  context.classNames();
+  context.update();
+  equals(elem.getAttribute("class"), "foo bar", "class");
+});
+
+test("replaces class name if classNames edited", function() {
+  context.classNames('bar baz'.w());
+  context.update();
+  equals(elem.getAttribute("class"), "bar baz", "attribute");
+});
+
+test("set class names override class attr", function() {
+  context.attr("class", "bar");
+  context.classNames('baz'.w());
+  context.update();
+  equals(elem.getAttribute("class"), "baz", "should use classNames");
+});
+
+// ..........................................................
+// Style Editing
+// 
+module("SC.RenderContext#update - style", {
+  setup: function() {
+    elem = document.createElement('div');
+    elem.setAttribute("style", "color: red;");
+    context = SC.RenderContext(elem);
+  },
+  
+  teardown: function() {
+    elem = context = null ;
+  }
+});
+
+test("does not change styles if retrieved but not edited", function() {
+  context.styles();
+  context.update();
+  var style = elem.getAttribute("style");
+  if (!style.match(/;$/)) style += ';' ;
+  
+  equals(style.toLowerCase(), "color: red;", "style");
+});
+
+test("replaces style name if styles edited", function() {
+  context.styles({ color: "black" });
+  context.update();
+  
+  // Browsers return single attribute styles differently, sometimes with a trailing ';'
+  // sometimes, without one. Normalize it here.
+  var style = elem.getAttribute("style");
+  if (!style.match(/;$/)) style += ';' ;
+  
+  equals(style.toLowerCase(), "color: black;", "attribute");
+});
+
+
+test("set styles override style attr", function() {
+  context.attr("style", "color: green");
+  context.styles({ color: "black" });
+  context.update();
+  
+  // Browsers return single attribute styles differently, sometimes with a trailing ';'
+  // sometimes, without one. Normalize it here.
+  var style = elem.getAttribute("style");
+  if (!style.match(/;$/)) style += ';' ;
+  
+  equals(style.toLowerCase(), "color: black;", "attribute");
+});
+

data/frameworks/sproutcore/frameworks/foundation/tests/system/request.js

@@ -0,0 +1,89 @@
+// ========================================================================
+// SC.Request Base Tests
+// ========================================================================
+/*globals module test ok isObj equals expects */
+
+var url, request, contents ;
+
+module("SC.Request", {
+  
+  setup: function() {
+    url = sc_static("file_exists.json"); //"/static/sproutcore/en/desktop/_src/desktop.platform/english.lproj/file_exists.json" ;
+    request = SC.Request.getUrl(url) ;
+    contents = null ;
+  },
+  
+  teardown: function() {
+    delete url ;
+    delete request ;
+    delete contents ;
+  }
+  
+});
+
+test("Basic Requirements", function() {
+  ok(SC.Request, "SC.Request is defined") ;
+  ok("" != url, "url variable is not empty") ;
+  ok(request !== null, "request object is not null") ;
+  ok(contents === null, "contents is null" ) ;
+});
+
+test("Test Asynchronous GET Request", function() {
+  request.addObserver("response", function(response) {
+      contents = request.get("response") ;
+  });
+  
+  request.send() ;
+  
+  stop() ; // stops the test runner
+  setTimeout( function(){
+    ok(contents !== null, 'request.send() should return a response') ;
+    ok(SC.$ok(contents), 'contents should not be an error (Error: %@)'.fmt(contents));
+    
+    if (SC.$ok(contents)) equals(contents, '{"message": "Yay!"}') ;
+    window.start() ; // starts the test runner
+  }, 3000); // a shorter timeout fails when a lot of unit tests are running...
+});
+
+test("Test Synchronous GET Request", function() {
+  request.set("isAsynchronous", NO);
+  
+  request.send();
+  
+  contents = request.get("response");
+  
+  ok(contents !== null) ;
+  ok(SC.$ok(contents), 'contents should not be an error (Error: %@)'.fmt(contents));
+  if (SC.$ok(contents)) equals(contents, '{"message": "Yay!"}') ;
+});
+
+test("Test Asynchronous GET Request, auto-deserializing JSON", function() {
+  request.set("isJSON", YES);
+  
+  request.addObserver("response", function(response){
+      contents = request.get("response");
+  });
+  
+  request.send();
+  
+  stop() ; // stops the test runner
+  setTimeout( function(){
+    ok(contents !== null) ;
+    ok(SC.$ok(contents), 'contents should not be an error (Error: %@)'.fmt(contents));
+    if (SC.$ok(contents)) same({"message": "Yay!"}, contents) ;
+    window.start() ; // starts the test runner
+  }, 1000);
+});
+
+test("Test Synchronous GET Request, auto-deserializing JSON", function() {
+  request.set("isAsynchronous", false);
+  request.set("isJSON", true);
+  
+  request.send();
+  
+  var contents = request.get("response");
+  
+  ok(contents !== null) ;
+  ok(SC.$ok(contents), 'contents should not be an error (Error: %@)'.fmt(contents));
+  if (SC.$ok(contents)) same({"message": "Yay!"}, contents) ;
+});