sproutcore 1.6.0.beta.3 → 1.6.0.rc.1

data/lib/frameworks/sproutcore/frameworks/testing/tests/spy_on.js

@@ -0,0 +1,41 @@
+var object, methodSpy;
+module('CoreTest.spyOn', {
+  setup: function() {
+    object = {method: function() {}};
+    methodSpy = CoreTest.spyOn(object, 'method');
+  }
+});
+
+test('when the spied upon method was called spy#wasCalled is true', function() {
+  object.method();
+
+  ok(methodSpy.wasCalled, 'spy should know that it was called');
+});
+
+test('when the spied upon method was not called spy#wasCalled is false', function() {
+  ok(!methodSpy.wasCalled, 'spy should know that it was not called');
+});
+
+test('when the spied upon method is called with a single argument the spy should know when it was called with the proper arguments', function() {
+  object.method('something');
+
+  ok(methodSpy.wasCalledWith('something'), 'spy should know it was called with the proper arguments');
+});
+
+test('when the spied upon method is called with multiple arguments the spy should know when it was called with the proper arguments', function() {
+  object.method('something', 'else');
+
+  ok(methodSpy.wasCalledWith('something', 'else'), 'spy should know it was called with the proper arguments');
+});
+
+test('when the spied upon method is called with a single argument the spy should know when it was called with the wrong arguments', function() {
+  object.method('something');
+
+  ok(!methodSpy.wasCalledWith('else'), 'spy should know it was called with the wrong arguments');
+});
+
+test('when the spied upon method is called with multiple arguments the spy should know when it was called with the wrong arguments', function() {
+  object.method('something', 'else');
+
+  ok(!methodSpy.wasCalledWith('else', 'something'), 'spy should know it was called with the wrong arguments');
+});

data/lib/frameworks/sproutcore/frameworks/testing/tests/stub_method.js

@@ -0,0 +1,9 @@
+module('CoreQuery.stubMethod');
+
+test('returns a set value when the stubbed method is called', function() {
+  var object = {method: function() {}};
+  var value = 'something';
+  CoreTest.stubMethod(object, 'method').andReturn(value);
+
+  equals(object.method(), value, 'returns a set value when the stubbed method is called');
+});

data/lib/frameworks/sproutcore/frameworks/yuireset/resources/core.css

@@ -0,0 +1,24 @@
+.ellipsis {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-o-text-overflow: ellipsis;
+  -ms-text-overflow: ellipsis;
+}
+
+body {
+  position: absolute;
+  margin: 0px;
+  top:0px;
+  bottom: 0px;
+  left:0px;
+  right:0px;
+  font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
+ 	font-size: 12px;
+ 	line-height: 1.4;
+}
+
+/* 3D-accelerate panes in MobileSafari */
+.mobile-safari .sc-pane {
+  -webkit-transform: translate3d(0,0,0);
+}

data/lib/frameworks/sproutcore/frameworks/yuireset/resources/fonts.css

@@ -0,0 +1,39 @@
+/*
+Copyright (c) 2010, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.com/yui/license.html
+version: 3.3.0
+build: 3167
+*/
+
+
+/**
+ * Nudge down to get to 13px equivalent for these form elements
+ */ 
+select,
+input,
+button,
+textarea {
+	font:99% arial,helvetica,clean,sans-serif;
+}
+
+/**
+ * To help tables remember to inherit
+ */
+table {
+	font-size:inherit;
+	font:100%;
+}
+
+/**
+ * Bump up IE to get to 13px equivalent for these fixed-width elements
+ */
+pre,
+code,
+kbd,
+samp,
+tt {
+	font-family:monospace;
+	*font-size:108%;
+	line-height:100%;
+}

data/lib/frameworks/sproutcore/frameworks/yuireset/resources/reset.css

@@ -0,0 +1,126 @@
+/*
+Copyright (c) 2010, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.com/yui/license.html
+version: 3.3.0
+build: 3167
+*/
+/*
+	TODO will need to remove settings on HTML since we can't namespace it.
+	TODO with the prefix, should I group by selector or property for weight savings?
+*/
+html{
+	color:#000;
+	background:#FFF;
+}
+/*
+	TODO remove settings on BODY since we can't namespace it.
+*/
+/*
+	TODO test putting a class on HEAD.
+		- Fails on FF. 
+*/
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td {
+	margin:0;
+	padding:0;
+}
+table {
+	border-collapse:collapse;
+	border-spacing:0;
+}
+fieldset,
+img {
+	border:0;
+}
+/*
+	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
+*/
+address,
+caption,
+cite,
+code,
+dfn,
+em,
+strong,
+th,
+var {
+	font-style:normal;
+	font-weight:normal;
+}
+/*
+	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
+*/
+li {
+	list-style:none;
+}
+
+caption,
+th {
+	text-align:left;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-size:100%;
+	font-weight:normal;
+}
+q:before,
+q:after {
+	content:'';
+}
+abbr,
+acronym {
+	border:0;
+	font-variant:normal;
+}
+/* to preserve line-height and selector appearance */
+sup {
+	vertical-align:text-top;
+}
+sub {
+	vertical-align:text-bottom;
+}
+input,
+textarea,
+select {
+	font-family:inherit;
+	font-size:inherit;
+	font-weight:inherit;
+}
+/*to enable resizing for IE*/
+input,
+textarea,
+select {
+	*font-size:100%;
+}
+/*because legend doesn't inherit in IE */
+legend {
+	color:#000;
+}

data/lib/frameworks/sproutcore/frameworks/yuireset/resources/view.css

@@ -0,0 +1,57 @@
+/*
+  These CSS styles apply to all views.
+*/
+
+/* default behaviors for all views: 
+ - use "pointer" cursor unless otherwise required 
+ - clip overflow
+*/
+.sc-view {
+  cursor:             default;
+  overflow:           hidden;
+  position:           absolute; /* all views are absolutely positioned. */
+  margin:             0px;
+  user-select:        none;
+  -moz-user-select:   -moz-none;
+  -khtml-user-select: none;
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  /* Views do not allow text selection unless you set isTextSelectable to YES.*/
+  &.allow-select {
+    -moz-user-select: text;
+    -khtml-user-select: text;
+    user-select: text;
+    cursor:  text;
+  }
+  /*Use the following to know what view has the focus in webkit*/
+ /* &.focus {
+         outline: auto 5px solid; 
+         outline-offset: -2px;
+       }*/
+  /* This className is useful when aligning buttons to the right */
+  &.text-align-right{
+    text-align:right;
+  }
+  &.textAlignRight {
+    text-align:right;
+  }
+  img {
+    border: none ;
+  }
+}
+
+/* Set here so when we set a border-width we'll see something
+  * Only set on div, since occasionally we rely on native styling */
+
+div.sc-view {
+  border: solid 0 transparent;
+}
+
+/* Make sure focus outlines do not appear.  These don't look good. */
+.sc-view:focus{
+  outline: none;
+}
+
+.sc-hidden {
+  display: none !important;
+}

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

@@ -16,15 +16,18 @@
     </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="X-UA-Compatible" content="IE=EDGE<%= 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" />
+    
+    <% if config.touch_enabled %>
     <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" />
+    <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') %>" />
+    <% end %>
+    <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>

data/lib/frameworks/sproutcore/themes/ace/resources/collection/normal/list.css

@@ -1,4 +1,13 @@
-$theme.sc-collection-view .sc-collection-item.sel {
-  color: white;
-  background: #608AB9;
-}
+$theme.sc-collection-view {
+  background: white;
+  border-right: 1px #A8B0BA solid;
+
+  &.alternating .sc-collection-item.even {
+    background: #eef3f6;
+  }
+  
+  .sc-view.sc-collection-item.sel {
+    color: white;
+    background: #608AB9;
+  }
+}

data/lib/frameworks/sproutcore/themes/ace/resources/collection/normal/list_item.css

@@ -1,17 +1,19 @@
 /* Overriding some of the styles on checkbox */
 
-$theme.sc-list-item-view .sc-checkbox-view {
-  background-color: transparent;
-  border: 0 none;
-  margin-top: -9px;
-}
+$theme.sc-list-item-view {
+  .sc-checkbox-view {
+    background-color: transparent;
+    border: 0 none;
+    margin-top: -9px;
+  }
 
-$theme.sc-list-item-view $theme.disclosure {
-  position: absolute;
-  left: -12px;
-  top: 50%;
-  margin-top: -6px;
-  
-  width: 18px;
-  height: 18px;
-}
+ .disclosure {
+    position: absolute;
+    left: -12px;
+    top: 50%;
+    margin-top: -6px;
+    
+    width: 18px;
+    height: 18px;
+  }
+}

data/lib/gen/app/templates/apps/@target_name@/Buildfile

@@ -1,7 +1,4 @@
-# ===========================================================================
-# Project:   <%= namespace %>
-# Copyright: ©<%= Time.now.year %> My Company, Inc.
-# ===========================================================================
+<%= copyright_block(namespace, :ruby) %>
 
 # This is your Buildfile for your app, <%= namespace %>. This tells SproutCore
 # how to build your app. These settings override those in your project

data/lib/gen/app/templates/apps/@target_name@/core.js

@@ -1,7 +1,4 @@
-// ==========================================================================
-// Project:   <%= namespace %>
-// Copyright: ©<%= Time.now.year %> My Company, Inc.
-// ==========================================================================
+<%= copyright_block(namespace) %>
 /*globals <%= namespace %> */
 
 /** @namespace

data/lib/gen/app/templates/apps/@target_name@/main.js

@@ -1,7 +1,4 @@
-// ==========================================================================
-// Project:   <%= namespace %>
-// Copyright: ©<%= Time.now.year %> My Company, Inc.
-// ==========================================================================
+<%= copyright_block(namespace) %>
 /*globals <%= namespace %> */
 
 // This is the function that will start your app running.  The default

data/lib/gen/app/templates/apps/@target_name@/resources/main_page.js

@@ -1,7 +1,4 @@
-// ==========================================================================
-// Project:   <%= namespace %> - mainPage
-// Copyright: ©<%= Time.now.year %> My Company, Inc.
-// ==========================================================================
+<%= copyright_block("#{namespace} - mainPage") %>
 /*globals <%= namespace %> */
 
 // This page describes the main user interface for your application.  

data/lib/gen/app/templates/apps/@target_name@/theme.js

@@ -1,7 +1,4 @@
-// ==========================================================================
-// Project:   <%= namespace %>
-// Copyright: ©<%= Time.now.year %> My Company, Inc.
-// ==========================================================================
+<%= copyright_block(namespace) %>
 /*globals <%= namespace %> */
 
 // This is the theme that defines how your app renders.