sproutcore 1.6.0.beta.2-x86-mingw32

data/lib/frameworks/sproutcore/frameworks/testing/system/runner.js

@@ -0,0 +1,219 @@
+// ==========================================================================
+// Project:   SproutCore Costello - Property Observing Library
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+/*globals CoreTest Q$ */
+
+sc_require('system/plan');
+
+/** @static
+  The runner will automatically run the default CoreTest.plan when the 
+  document is fully loaded.  It will also act as a delegate on the plan, 
+  logging the output to the screen or console.
+
+  @since SproutCore 1.0
+*/
+
+
+CoreTest.Runner = {
+  
+  /**
+    The CoreTest plan.  If not set, a default plan will be created.
+  */
+  plan: null,
+  errors: null,
+  
+  create: function() {
+    var len = arguments.length,
+        ret = CoreTest.beget(this),
+        idx ;
+        
+    for(idx=0;idx<len;idx++) CoreTest.mixin(ret, arguments[len]);
+    if (!ret.plan) ret.plan = CoreTest.Plan.create({ delegate: ret });
+    window.resizeTo(1400, 800);
+    Q$(window).load(function() { ret.begin(); });      
+    return ret ;
+  },
+  
+  begin: function() {
+    var plan = CoreTest.plan;
+    plan.delegate = this;
+    plan.run();
+  },
+  
+  planDidBegin: function(plan) {
+    // setup the report DOM element.
+    this.report = Q$(['<div class="core-test">',
+      '<div class="useragent">UserAgent</div>',
+      '<div class="testresult">',
+        '<label class="hide-passed">',
+          '<input type="checkbox" checked="checked" /> Hide passed tests',
+        '</label>',
+        '<span class="status">Running...</span>',
+      '</div>',
+      '<div class="detail">',
+        '<table>',
+          '<thead><tr>',
+            '<th class="desc">Test</th><th>Result</th>',
+          '</tr></thead>',
+          '<tbody><tr></tr></tbody>',
+        '</table>',
+      '</div>',
+    '</div>'].join(''));
+
+      
+    this.report.find('.useragent').html(navigator.userAgent);
+    this.logq = this.report.find('tbody');
+    this.testCount = 0 ;
+    
+    // listen to change event
+    var runner = this;
+    this.checkbox = this.report.find('.hide-passed input'); 
+    this.checkbox.change(function() {
+      runner.hidePassedTestsDidChange();
+    });
+    
+    Q$('body').append(this.report);
+  },
+  
+  hidePassedTestsDidChange: function() {
+    var checked = !!this.checkbox.val();
+        
+    if (checked) {
+      this.logq.addClass('hide-clean');
+    } else {
+      this.logq.removeClass('hide-clean');
+    }
+  },
+  
+  planDidFinish: function(plan, r) {
+    this.flush();
+    
+    var result = this.report.find('.testresult .status');
+    var str = CoreTest.fmt('<span>Completed %@ tests in %@ msec. </span>'
+              +'<span class="total">%@</span> total assertions: ', r.tests, 
+              r.runtime, r.total);
+    
+    if (r.passed > 0) {
+      str += CoreTest.fmt('&nbsp;<span class="passed">%@ passed</span>', r.passed);
+    }
+    
+    if (r.failed > 0) {
+      str += CoreTest.fmt('&nbsp;<span class="failed">%@ failed</span>', r.failed);
+    }
+
+    if (r.errors > 0) {
+      str += CoreTest.fmt('&nbsp;<span class="errors">%@ error%@</span>', 
+            r.errors, (r.errors !== 1 ? 's' : ''));
+    }
+
+    if (r.warnings > 0) {
+      str += CoreTest.fmt('&nbsp;<span class="warnings">%@ warning%@</span>',
+            r.warnings, (r.warnings !== 1 ? 's' : ''));
+    }
+
+    // if all tests passed, disable hiding them.  if some tests failed, hide
+    // them by default.
+    if (this.errors) this.errors.push('</tr></tbody></table>');
+    if ((r.failed + r.errors + r.warnings) > 0) {
+      this.hidePassedTestsDidChange(); // should be checked by default
+    } else {
+      this.report.find('.hide-passed').addClass('disabled')
+        .find('input').attr('disabled', true);
+      if (this.errors) this.errors.length = 0;
+    }     
+    if(CoreTest.showUI) Q$('.core-test').css("right", "360px");
+    result.html(str);
+    
+    if (this.errors) CoreTest.errors=this.errors.join('');
+
+
+    // Unload the SproutCore event system so that the user can select the text
+    // of the various events.  (It is handy when looking at failed tests.)
+    if (SC  &&  SC.Event  &&  SC.Event.unload) {
+      try {
+        SC.Event.unload();
+      }
+      catch (e) {}
+    }
+  },
+  
+  planDidRecord: function(plan, module, test, assertions, timings) {
+    var name = test, 
+        s    = { passed: 0, failed: 0, errors: 0, warnings: 0 }, 
+        len  = assertions.length, 
+        clean = '', 
+        idx, cur, q;
+    
+    for(idx=0;idx<len;idx++) s[assertions[idx].result]++;
+    if ((s.failed + s.errors + s.warnings) === 0) clean = "clean" ;
+    
+    if (module) name = module.replace(/\n/g, '<br />') + " module: " + test ;
+    name = CoreTest.fmt('%@ - %@msec', name, timings.total_end - timings.total_begin);
+    // place results into a single string to append all at once.
+    var logstr = this.logstr ;
+    var errors =this.errors;
+    if (!logstr) logstr = this.logstr = [];
+    if (!this.errors) {
+      this.errors = ['<style type="text/css">* {font: 12px arial;}'+
+                    '.passed { background-color: #80D175; color: white;}'+
+                    '.failed { background-color: #ea4d4; color: black; }'+
+                    '.errors { background-color: red; color: black; }'+
+                    '.warnings { background-color: #E49723; color: black;}'+
+                    '.desc { text-align: left;}'+
+                    '</style><table style="border:1px solid"><thead>'+
+                    '<tr><th class="desc">'+navigator.userAgent+
+                    '</th><th>Result</th></tr>'+
+                    '</thead><tbody><tr>'];
+    }
+    logstr.push(CoreTest.fmt('<tr class="test %@"><th class="desc" colspan="2">'+
+          '%@ (<span class="passed">%@</span>, <span class="failed">%@</span>,'+
+          ' <span class="errors">%@</span>, <span class="warnings">%@</span>)'+
+          '</th></tr>', clean, name, s.passed, s.failed, s.errors, s.warnings));
+    if(s.failed>0 || s.errors>0){
+      this.errors.push(CoreTest.fmt('<tr class="test %@">'+
+          '<th style="background:grey; color:white" class="desc" colspan="2">'+
+          '%@ (<span class="passed">%@</span>, <span class="failed">%@</span>'+
+          ', <span class="errors">%@</span>, <span class="warnings">%@</span>'+
+          ')</th></tr>', clean, name, s.passed, s.failed, s.errors, s.warnings));  
+    }
+    
+    len = assertions.length;
+    for(idx=0;idx<len;idx++) {
+      cur = assertions[idx];
+      clean = cur.result === CoreTest.OK ? 'clean' : 'dirty';
+      logstr.push(CoreTest.fmt('<tr class="%@"><td class="desc">%@</td>'
+          +'<td class="action %@">%@</td></tr>', clean, cur.message, cur.result, 
+          (cur.result || '').toUpperCase()));
+      if(clean=='dirty'){
+        this.errors.push(CoreTest.fmt('<tr class="%@"><td class="desc">%@</td>'
+        +'<td class="action %@">%@</td></tr>', clean, cur.message, cur.result,
+        (cur.result || '').toUpperCase()));
+      }
+    }
+    
+    this.testCount++;
+    this.resultStr = CoreTest.fmt("Running – Completed %@ tests so far.", this.testCount);
+  },
+  
+  // called when the plan takes a break.  Good time to flush HTML output.
+  planDidPause: function(plan) {
+    if(navigator.userAgent.indexOf('MSIE')==-1) this.flush();  
+  },
+  
+  // flush any pending HTML changes...
+  flush: function() {
+    var logstr = this.logstr,
+        resultStr = this.resultStr,
+        result = this.report.find('.testresult .status');
+        
+    if (logstr) this.logq.append(this.logstr.join('')) ;
+    
+    if (resultStr) result.html(resultStr);
+    this.resultStr = this.logstr = null ;
+  }
+  
+};

data/lib/frameworks/sproutcore/frameworks/testing/system/suite.js

@@ -0,0 +1,222 @@
+// ==========================================================================
+// Project:   SproutCore Costello - Property Observing Library
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+/*globals CoreTest module */
+
+/** @class
+
+  A test Suite defines a group of reusable unit tests that can be added to a 
+  test plan at any time by calling the generate() method.  Suites are most
+  useful for defining groups of tests that validate compliance with a mixin.
+  You can then generate customized versions of the test suite for different
+  types of objects to ensure that both the mixin and the object implementing
+  the mixin use the API properly.
+  
+  ## Using a Suite
+  
+  To use a Suite, call the generate() method on the suite inside on of your
+  unit test files.  This will generate new modules and tests in the suite
+  and add them to your test plan.
+  
+  Usually you will need to customize the suite to apply to a specific object.
+  You can supply these customizations through an attribute hash passed to the
+  generate() method.  See the documentation on the specific test suite for
+  information on the kind of customizations you may need to provide.
+  
+  ### Example
+  
+      // generates the SC.ArrayTestSuite tests for a built-in array.
+      SC.ArrayTests.generate('Array', {
+        newObject: function() { return []; }
+      });
+  
+  ## Defining a Suite
+  
+  To define a test suite, simply call the extend() method, passing any 
+  attributs you want to define on the stuie along with this method.  You can
+  then add functions that will define the test suite with the define() method.
+  
+  Functions you pass to define will have an instance of the test suite passed
+  as their first parameter when invoked.
+
+  ### Example 
+  
+      SC.ArrayTests = CoreTest.Suite.create("Verify SC.Array compliance", {
+      
+        // override to generate a new object that implements SC.Array
+        newObject: function() { return null; }
+      });
+    
+      SC.ArrayTests.define(function(T) {
+        T.module("length tests");
+      
+        test("new length", function() {
+          equals(T.object.get('length'), 0, 'array length');
+        });
+      
+      });
+  
+  @since SproutCore 1.0
+  
+*/
+CoreTest.Suite = /** @scope CoreTest.Suite.prototype */ {
+
+  /**
+    Call this method to define a new test suite.  Pass one or more hashes of
+    properties you want added to the new suite.  
+    
+    @param {Hash} attrs one or more attribute hashes
+    @returns {CoreTest.Suite} subclass of suite.
+  */
+  create: function(desc, attrs) {
+    var len = arguments.length,
+        ret = CoreTest.beget(this),
+        idx;
+        
+    // copy any attributes
+    for(idx=1;idx<len;idx++) CoreTest.mixin(ret, arguments[idx]);
+    
+    if (desc) ret.basedesc = desc;
+    
+    // clone so that new definitions will be kept separate
+    ret.definitions = ret.definitions.slice();
+    
+    return ret ;
+  },
+
+  /**
+    Generate a new test suite instance, adding the suite definitions to the 
+    current test plan.  Pass a description of the test suite as well as one or
+    more attribute hashes to apply to the test plan.
+    
+    The description you add will be prefixed in front of the 'desc' property
+    on the test plan itself.
+    
+    @param {String} desc suite description
+    @param {Hash} attrs one or more attribute hashes
+    @returns {CoreTest.Suite} suite instance
+  */
+  generate: function(desc, attrs) {
+    var len = arguments.length,
+        ret = CoreTest.beget(this),
+        idx, defs;
+        
+    // apply attributes - skip first argument b/c it is a string
+    for(idx=1;idx<len;idx++) CoreTest.mixin(ret, arguments[idx]);    
+    ret.subdesc = desc ;
+    
+    // invoke definitions
+    defs = ret.definitions ;
+    len = defs.length;
+    for(idx=0;idx<len;idx++) defs[idx].call(ret, ret);
+    
+    return ret ;
+  },
+  
+  /**
+    Adds the passed function to the array of definitions that will be invoked
+    when the suite is generated.
+    
+    The passed function should expect to have the TestSuite instance passed
+    as the first and only parameter.  The function should actually define 
+    a module and tests, which will be added to the test suite.
+    
+    @param {Function} func definition function
+    @returns {CoreTest.Suite} receiver
+  */
+  define: function(func) {
+    this.definitions.push(func);
+    return this ;
+  },
+  
+  /** 
+    Definition functions.  These are invoked in order when  you generate a 
+    suite to add unit tests and modules to the test plan.
+  */
+  definitions: [],
+  
+  /**
+    Generates a module description by merging the based description, sub 
+    description and the passed description.  This is usually used inside of 
+    a suite definition function.
+    
+    @param {String} str detailed description for this module
+    @returns {String} generated description
+  */
+  desc: function(str) {
+    return this.basedesc.fmt(this.subdesc, str);
+  },
+  
+  /**
+    The base description string.  This should accept two formatting options,
+    a sub description and a detailed description.  This is the description
+    set when you call extend()
+  */
+  basedesc: "%@ > %@",
+  
+  /**
+    Default setup method for use with modules.  This method will call the
+    newObject() method and set its return value on the object property of 
+    the receiver.
+  */
+  setup: function() {
+    this.object = this.newObject();
+  },
+  
+  /**
+    Default teardown method for use with modules.  This method will call the
+    destroyObejct() method, passing the current object property on the 
+    receiver.  It will also clear the object property.
+  */
+  teardown: function() {
+    if (this.object) this.destroyObject(this.object);
+    this.object = null;
+  },
+  
+  /**
+    Default method to create a new object instance.  You will probably want
+    to override this method when you generate() a suite with a function that
+    can generate the type of object you want to test.
+    
+    @returns {Object} generated object
+  */
+  newObject: function() { return null; },
+  
+  /**
+    Default method to destroy a generated object instance after a test has 
+    completed.  If you override newObject() you can also overried this method
+    to cleanup the object you just created.
+    
+    Default method does nothing.
+  */
+  destroyObject: function(obj) { 
+    // do nothing.
+  },
+  
+  /**
+    Generates a default module with the description you provide.  This is 
+    a convenience function for use inside of a definition function.  You could
+    do the same thing by calling:
+    
+        var T = this ;
+        module(T.desc(description), {
+          setup: function() { T.setup(); },
+          teardown: function() { T.teardown(); }
+        }
+    
+    @param {String} desc detailed descrition
+    @returns {CoreTest.Suite} receiver
+  */
+  module: function(desc) {
+    var T = this ;
+    module(T.desc(desc), {
+      setup: function() { T.setup(); },
+      teardown: function() { T.teardown(); }
+    });
+  }
+  
+};

data/lib/frameworks/sproutcore/frameworks/testing/utils.js

@@ -0,0 +1,62 @@
+// ==========================================================================
+// Project:   SproutCore Unit Testing Library
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+// These utility methods are included from the SproutCore's foundation to 
+// make it easier write unit tests.  They only install themselves if a method
+// has not already been defined.
+
+if (!String.prototype.camelize) {
+  String.prototype.camelize = function camelize() {
+    var ret = this.replace(SC.STRING_TITLEIZE_REGEXP, 
+      function(str,separater,character) { 
+        return (character) ? character.toUpperCase() : '' ;
+      }) ;
+    var first = ret.charAt(0), lower = first.toLowerCase() ;
+    return (first !== lower) ? (lower + ret.slice(1)) : ret ;
+  };
+}
+
+if (!String.prototype.trim) {
+  String.prototype.trim = function trim() {
+    return this.replace(/^\s+|\s+$/g,"");
+  } ;
+}
+
+if (!String.prototype.fmt) {
+  String.prototype.fmt = function fmt() {
+    // first, replace any ORDERED replacements.
+    var args = arguments;
+    var idx  = 0; // the current index for non-numerical replacements
+    return this.replace(/%@([0-9]+)?/g, function(s, argIndex) {
+      argIndex = (argIndex) ? parseInt(argIndex,0)-1 : idx++ ;
+      s =args[argIndex];
+      return ((s===null) ? '(null)' : (s===undefined) ? '' : s).toString(); 
+    }) ;
+  } ;
+}
+
+if (!Array.prototype.uniq) {
+  Array.prototype.uniq = function uniq() {
+    var ret = [], len = this.length, item, idx ;
+    for(idx=0;idx<len;idx++) {
+      item = this[idx];
+      if (ret.indexOf(item) < 0) ret.push(item);
+    }
+    return ret ;
+  };
+}
+
+if (!String.prototype.w) {
+  String.prototype.w = function w() { 
+    var ary = [], ary2 = this.split(' '), len = ary2.length ;
+    for (var idx=0; idx<len; ++idx) {
+      var str = ary2[idx] ;
+      if (str.length !== 0) ary.push(str) ; // skip empty strings
+    }
+    return ary ;
+  };
+}

data/lib/frameworks/sproutcore/lib/index.rhtml

@@ -0,0 +1,167 @@
+<% # SPROUTCORE DEFAULT INDEX TEMPLATE 
+   # This template provide provides a basic wrapper for a SproutCore client.
+   # Most of the time, it will be sufficient for your own needs.  However, if
+   # you need to create your own template, you can do so by copying this file
+   # into your client, naming it 'index.rhtml' and then adding the options
+   # :layout => 'lib/index' to your Buildfile.
+   #
+   # See the comments in this file for more information on what you can
+   # change.
+-%>
+<!DOCTYPE html>
+<html<% unless @content_for_html5_manifest.blank? %> manifest="app.manifest"<% end %>>
+  <head>
+    <script>
+    var SC_benchmarkPreloadEvents = { headStart: new Date().getTime() };
+    </script>
+    
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=8<%= config.chrome_frame ? ',chrome=1' : '' %>" />
+    <meta http-equiv="Content-Script-Type" content="text/javascript" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="<%= config.status_bar_style || 'default' %>" />
+    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <link rel="apple-touch-icon<%= '-precomposed' if config.precomposed_icon %>" href="<%= sc_static(config.icon || 'sproutcore-logo.png') %>" />
+	  <link rel="apple-touch-startup-image" media="screen and (orientation:portrait)" href="<%= sc_static(config.startup_image_portrait || 'sproutcore-startup-portrait.png') %>" /> 
+	  <link rel="apple-touch-startup-image" media="screen and (orientation:landscape)" href="<%= sc_static(config.startup_image_landscape || 'sproutcore-startup-landscape.png') %>" />
+	  <link rel="shortcut icon" href="<%= sc_static(config.favicon || 'favicon.ico') %>" type="image/x-icon" />
+    
+<% # Set the 'title' in your config to alter this setting %>
+    <title><%= title %></title>
+<% #
+   # You may choose to load one or more bootstrap resources.  These are 
+   # JS targets that you would like to load at the top of the page.  Specify
+   # these in your Buildfile with the 'bootstrap' config. 
+-%>    
+  <%= bootstrap %>
+
+    <% # 
+       # This line should appear in your head area to include the stylesheets
+       # generated by your client.  If you need to include your own
+       # stylesheets, you don't need to change it here.  Instead use the 
+       # required option in your config.
+    -%>
+
+    <script>
+      (function() { 
+        var styles = [];
+        if (window.devicePixelRatio == 2 || window.location.search.indexOf("2x") > -1) {
+          styles = <%= stylesheet_urls_for_client(nil, { :x2 => true }).to_json %>;
+        } else {
+          styles = <%= stylesheet_urls_for_client.to_json %>;
+        }
+
+        var head = document.getElementsByTagName("head")[0];
+        var len = styles.length, idx;
+        for (idx = 0; idx < len; idx++) {
+          var css   = document.createElement('link');
+          css.rel   = 'stylesheet';
+          css.type  = 'text/css';
+          css.href  = styles[idx];
+          css.media = 'screen'
+          head.appendChild(css);
+        }
+      })();
+    </script>
+
+    <%= @content_for_page_styles %>
+    <script>
+      SC.benchmarkPreloadEvents['headEnd'] = new Date().getTime();
+    </script>
+  </head>
+    
+<% # The theme CSS class is added automatically based on your chosen theme.
+   # If you need to specify a custom theme name, use CONFIG.theme_name 
+-%>
+  <body class="<%= [theme_name(:default => 'sc-theme'), 'focus'].compact.join(' ') %>">  
+    <script>
+    SC.benchmarkPreloadEvents['bodyStart'] = new Date().getTime();
+    </script>
+<% # This section is used to setup additional optional class names on the 
+   # body content based on JS-selected conditions.  Use this to make sure you
+   # show the proper CSS as soon as the page appears. 
+-%>
+<%= inline_javascript('sproutcore/bootstrap:setup_body_class_names') %>
+
+<% #
+   # This is where you root body element will appear.  To cause your 
+   # content to appear here, just declare content_for('body') in one of
+   # your partials.
+-%>
+<%= @content_for_body %>
+<% #
+   # This is where your loading screen will appear.  To add a loading screen
+   # just declare content_for('loading') in one of your partials. If you use 
+   # sc-gen to generate your app, it will create a file called loading.rhtml
+   # under english.lproj. You can insert the desired content there.
+-%>
+<% unless @content_for_loading.blank? %>
+<div id="loading">
+<%= @content_for_loading %>
+</div>
+<% end -%>
+<% # 
+   # This is where the resources you declare will appear.  By default anything
+   # you add to partials will be added to this section unless you specify
+   # otherwise.  Note that resources are initially hidden so you can pull them
+   # apart as needed on page load.
+-%>
+<% unless @content_for_resources.blank? %>
+    <!-- Resources to be removed from DOM on page load -->
+    <div id="resources" style="display:none; visibility: hidden;">
+      <%= @content_for_resources -%>
+    </div>
+<% end -%>
+<% #
+   # This line should appear at the bottom of your page to include your
+   # generated JavaScript and any libraries you reference.  If you need
+   # to include other javascripts, add them to the :requires option of
+   # your client in routes.rb instead of changing it here.
+-%>
+<%= javascripts_for_client %>
+<% unless @content_for_page_javascript.blank? %>
+<%= @content_for_page_javascript %>
+<% end -%>
+<% # If config.html5_history is true, HTML5 history will be activated for
+   # SC.routes and the SC.routes.baseURI setting will be automatically
+   # set.
+-%>
+<% if config.html5_history %>
+<%# TODO: Can we check for the framework in Ruby instead? %>
+<script>
+  if (SC.routes) {
+    SC.routes.wantsHistory = true;
+    SC.routes.baseURI = <%= "#{@bundle.index_root}/#{language}".to_json %>;
+  }
+</script>
+<% end %>
+<% #
+   # If you use old-style view helpers in your page, this method must be 
+   # called to actually add the page views to your HTML.  Normally this will
+   # not generate any content.
+-%>
+<% #render_page_views -%>
+<% # Older SproutCore applications need SC.didLoad to be called after onload.
+   # This is no longer required by SproutCore so it is off by default.  To
+   # reenable set use_window_onload = true in yur config. 
+-%>
+<% if config.use_window_onload %>
+<!-- Start SproutCore on Page Load -->
+    <script type="text/javascript">window.onload = SC.didLoad;</script>
+<% end -%>
+<% # 
+   # The final content section can be used to add any last minute setup you
+   # need to do before the page ends.  This is required for loading unit 
+   # tests among other things.  
+-%>
+<%= @content_for_final -%>
+<%
+  #disable main if the application is loaded in design mode
+%>
+<%= @content_for_designer -%>
+
+  <script>
+  SC.benchmarkPreloadEvents['bodyEnd'] = new Date().getTime();
+  </script>
+	</body>
+</html>