sproutit-sproutcore 1.0.0.20090416161445 → 1.0.0.20090720093355

data/frameworks/sproutcore/apps/tests/data_source.js

@@ -0,0 +1,96 @@
+// ==========================================================================
+// 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)
+// ==========================================================================
+/*globals TestRunner */
+
+/**
+  This DataSource connects to the SproutCore sc-server to retrieve targets
+  and tests.  Currently this DataSource is read only.
+*/
+TestRunner.DevDataSource = SC.DataSource.extend({
+
+  /**
+    Fetch a group of records from the data source.  Knows how to fetch 
+    a list of targets and tests.
+  */
+  fetch: function(store, fetchKey, params) {
+    var ret = null;
+    if (fetchKey === TestRunner.Target) ret = this.fetchTargets(store);
+    else if (fetchKey === TestRunner.Test) {
+      ret = this.fetchTests(store, params.url);
+    }
+    
+    return ret;
+  },
+  
+  // ..........................................................
+  // FETCHING TARGETS
+  // 
+  
+  fetchTargets: function(store) {
+    var ret = this._targets; // get loaded items
+    if (ret) return ret ;
+
+    ret = this._targets = [];
+    ret.set('state', SC.Record.BUSY_LOADING);
+    SC.Request.getUrl('/sc/targets.json')
+      .set('isJSON', YES)
+      .notify(this, 'fetchTargetsDidComplete', { ret: ret, store: store })
+      .send();
+    return ret ;
+  },
+  
+  fetchTargetsDidComplete: function(request, opts) {
+    var response = request.get('response'),
+        ret      = opts.ret,
+        storeKeys;
+        
+    if (!SC.$ok(response)) {
+      console.error("TODO: Add handler when fetching targets fails");
+    } else {
+      storeKeys = opts.store.loadRecords(TestRunner.Target, response);
+      ret.replace(0, ret.get('length'), storeKeys);
+    }
+
+    ret.set('state', SC.Record.READY);
+  },
+  
+  // ..........................................................
+  // FETCHING TESTS
+  // 
+  
+  fetchTests: function(store, url) {
+    var tests = this._tests, ret ;
+    if (!tests) tests = this._tests = {};
+    if (ret = tests[url]) return ret;
+    
+    ret = tests[url] = [];
+    ret.set('state', SC.Record.BUSY_LOADING);
+    SC.Request.getUrl(url)
+      .set('isJSON', YES)
+      .notify(this, 'fetchTestsDidComplete', { ret: ret, store: store })
+      .send();
+    return ret ;
+  },
+  
+  fetchTestsDidComplete: function(request, opts) {
+    var response = request.get('response'),
+        ret      = opts.ret,
+        storeKeys;
+        
+    if (!SC.$ok(response)) {
+      console.error("TODO: Add handler when fetching tests fails");
+    } else {
+      storeKeys = opts.store.loadRecords(TestRunner.Test, response);
+      ret       = opts.ret;
+      ret.replace(0, ret.get('length'), storeKeys);
+    }
+
+    console.log('fetchTestsDidComplete');
+    ret.set('state', SC.Record.READY);
+  }
+  
+});

data/frameworks/sproutcore/apps/tests/english.lproj/main_page.css

@@ -3,12 +3,14 @@ h1.app-title {
   font-size: 18px;
   margin: 0;
   padding: 0;
-  line-height: 32px;
+  line-height: 36px;
   vertical-align: middle;
   padding-left: 12px;
   letter-spacing: -1px;
+  color: white;
+  text-shadow: #3d4557 0px -1px 0px;
 }
-
+ 
 h1.app-title img {
   width: 24px;
   height: 24px;
@@ -17,3 +19,21 @@ h1.app-title img {
   position: relative;
   top: -3px;
 }
+
+.sc-collection-view.test-list .sc-collection-item {
+  border-bottom: 1px #eee solid;
+  font-size: 12px;
+}
+
+.sc-view.sc-toolbar-view.navigation-bar {
+  border-bottom: 1px #999 solid;
+}
+
+.sc-label-view.center-label {
+  color: white;
+  opacity: 0.8;
+}
+
+.sc-view.sc-toolbar-view .sc-checkbox-view {
+  color: white;
+}

data/frameworks/sproutcore/apps/tests/english.lproj/main_page.js

@@ -6,6 +6,8 @@
 // ==========================================================================
 /*globals TestRunner */
 
+sc_require('views/offset_checkbox');
+
 // This page describes the main user interface for your application.  
 TestRunner.mainPage = SC.Page.design({
 
@@ -16,6 +18,8 @@ TestRunner.mainPage = SC.Page.design({
   */
   mainPane: SC.MainPane.design({
 
+    defaultResponder: "TestRunner",
+    
     // when defining a generic view, just name the properties holding your
     // child views here.  the w() helper is like calling split(' ')
     childViews: 'splitView toolbarView'.w(),
@@ -27,29 +31,27 @@ TestRunner.mainPage = SC.Page.design({
       
       layout: { left: 0, top: 0, right: 0, bottom: 32 },
       
-      topLeftDefaultThickness: 200,  // set default thickness in pixels
+      defaultThickness: 200,
+      topLeftThicknessBinding: "TestRunner.sourceController.sidebarThickness",
       
       topLeftView: SC.ScrollView.design({
         
         hasHorizontalScroller: NO, // disable horizontal scrolling
-        contentView: SC.ListView.design({
-          contentBinding: "TestRunner.targetsController.arrangedObjects",
-          selectionBinding: "TestRunner.targetsController.selection",
-          contentValueKey: "name"
+        contentView: SC.SourceListView.design({
+          contentBinding: "TestRunner.sourceController.arrangedObjects",
+          selectionBinding: "TestRunner.sourceController.selection",
+          contentValueKey: "displayName",
+          hasContentIcon: YES,
+          contentIconKey:  "targetIcon",
+          
+          action: 'selectTarget'
         })
       }),
       
-      bottomRightView: SC.ScrollView.design({
-        
-        hasHorizontalScroller: NO,
-        contentView: SC.ListView.design({
-          contentBinding: "TestRunner.testsController.arrangedObjects",
-          selectionBinding: "TestRUnner.testsController.selection",
-          contentValueKey: "filename"
-        })
-        
+      bottomRightView: SC.SceneView.design({
+        scenes: "testsMaster testsDetail".w(),
+        nowShowingBinding: "TestRunner.currentScene"
       })
-      
     }),
     
     // This is the toolbar view that appears at the bottom.  We include two
@@ -59,27 +61,171 @@ TestRunner.mainPage = SC.Page.design({
 
       anchorLocation: SC.ANCHOR_BOTTOM,
 
-      childViews: 'leftView rightView'.w(),
+      childViews: 'logo continuousIntegrationCheckbox runTestsButton'.w(),
 
-      leftView: SC.View.design({
-        layout: { left: 0, top: 4, bottom: 0, width: 200 },
+      logo: SC.View.design({
+        layout: { left: 0, top: 0, bottom: 0, width: 200 },
         classNames: 'app-title',
         tagName: 'h1',
         render: function(context, firstTime) {
           var img_url = sc_static('images/sproutcore-logo');
           context.push('<img src="%@" />'.fmt(img_url));
-          context.push('<span>', "Test Runner".loc(), "</span>");
+          context.push('<span>', "_Test Runner".loc(), "</span>");
         }
       }),
 
-      rightView: SC.CheckboxView.design({
+      continuousIntegrationCheckbox: TestRunner.OffsetCheckboxView.design({
         title: "Continuous Integration",
+        offsetBinding: "TestRunner.sourceController.sidebarThickness",
         valueBinding: "TestRunner.testsController.useContinuousIntegration",
-        layout: { height: 18, centerY: 2, width: 170, right: 12 }
+        isEnabledBinding: "TestRunner.testsController.isShowingTests",
+        layout: { height: 18, centerY: 1, width: 170, left: 206 }
+      }),
+      
+      runTestsButton: SC.ButtonView.design({
+        title: "Run Tests",
+        isEnabledBinding: "TestRunner.testsController.isShowingTests",
+        layout: { height: 24, centerY: 0, width: 90, right: 12 }
+      })
+      
+      
+    })
+  }),
+
+  targetsLoading: SC.View.design({
+    childViews: "labelView".w(),
+    
+    labelView: SC.LabelView.design({
+      layout: { centerX: 0, centerY: 0, height: 24, width: 200 },
+      textAlign: SC.ALIGN_CENTER,
+      controlSize: SC.HUGE_CONTROL_SIZE,
+      classNames: "center-label",
+      controlSize: SC.LARGE_CONTROL_SIZE,
+      fontWeight: SC.BOLD_WEIGHT,
+      value: "_Loading Targets".loc()
+    })
+  }),
+
+  noTargets: SC.View.design({
+    childViews: "labelView".w(),
+    
+    labelView: SC.LabelView.design({
+      layout: { centerX: 0, centerY: 0, height: 24, width: 200 },
+      textAlign: SC.ALIGN_CENTER,
+      classNames: "center-label",
+      controlSize: SC.LARGE_CONTROL_SIZE,
+      fontWeight: SC.BOLD_WEIGHT,
+      value: "_No Targets".loc()
+    })
+  }),
+
+  noTests: SC.View.design({
+    childViews: "labelView".w(),
+    
+    labelView: SC.LabelView.design({
+      layout: { centerX: 0, centerY: 0, height: 24, width: 200 },
+      textAlign: SC.ALIGN_CENTER,
+      classNames: "center-label",
+      controlSize: SC.LARGE_CONTROL_SIZE,
+      fontWeight: SC.BOLD_WEIGHT,
+      value: "_No Tests".loc()
+    })
+  }),
+  
+  testsLoading: SC.View.design({
+    childViews: "labelView".w(),
+    
+    labelView: SC.LabelView.design({
+      layout: { centerX: 0, centerY: 0, height: 24, width: 200 },
+      textAlign: SC.ALIGN_CENTER,
+      classNames: "center-label",
+      controlSize: SC.LARGE_CONTROL_SIZE,
+      fontWeight: SC.BOLD_WEIGHT,
+      value: "_Loading Tests".loc()
+    })
+  }),
+
+  testsNone: SC.View.design({
+    childViews: "labelView".w(),
+    
+    labelView: SC.LabelView.design({
+      layout: { centerX: 0, centerY: 0, height: 24, width: 200 },
+      textAlign: SC.ALIGN_CENTER,
+      classNames: "center-label",
+      controlSize: SC.LARGE_CONTROL_SIZE,
+      fontWeight: SC.BOLD_WEIGHT,
+      value: "_No Target Selected".loc()
+    })
+  }),
+  
+  /* list view:  displayed when you are in the READY_LIST state, this view 
+     shows all of the unit tests for the selected target.
+  */
+  testsMaster: SC.ScrollView.design({
+    
+    // configure scroll view do hide horizontal scroller
+    hasHorizontalScroller: NO,
+    
+    // this is the list view that actually shows the content
+    contentView: SC.ListView.design({
+      
+      // bind to the testsController, which is an ArrayController managing the
+      // tests for the currently selected target.
+      contentBinding: "TestRunner.testsController.arrangedObjects",
+      selectionBinding: "TestRunner.testsController.selection",
+      
+      // configure the display options for the item itself.  The row height is
+      // larger to make this look more like a menu.  Also by default show
+      // the title.
+      classNames: ['test-list'], // used by CSS
+      rowHeight: 32,
+
+      hasContentIcon: YES,
+      contentIconKey: "icon",
+
+      hasContentBranch: YES,
+      contentIsBranchKey: 'isRunnable',
+
+      contentValueKey: "displayName",
+
+      // the following two options will make the collection view act like a 
+      // menu.  It will send the action down the responder chain whenever you
+      // click on an item.  When in the READY state, this action will show the
+      // detail view.
+      actOnSelect: YES,
+      action: "selectTest"
+      
+    })
+  }),
+  
+  testsDetail: SC.View.design({
+    childViews: "navigationView webView".w(),
+
+    navigationView: SC.ToolbarView.design({
+      classNames: 'navigation-bar',
+      
+      layout: { top: -4, left: 0, right: 0, height: 28 },
+      childViews: "backButton locationLabel".w(),
+      
+      backButton: SC.ButtonView.design({
+        layout: { top: 5, left: 8, width: 80, height: 20 },
+        title: "« Tests",
+        action: "back"
+      }),
+      
+      locationLabel: SC.LabelView.design({
+        layout: { right: 8, top: 8, height: 18, left: 100 },
+        textAlign: SC.ALIGN_RIGHT,
+        valueBinding: "TestRunner.detailController.displayName"
       })
       
+    }),
+    
+    webView: SC.WebView.design({
+      layout: { top: 28, left: 2, right: 0, bottom: 0 },
+      valueBinding: "TestRunner.detailController.url"
     })
-  })
+  })  
 
 });
 

data/frameworks/sproutcore/apps/tests/english.lproj/strings.js

@@ -1,8 +1,6 @@
 // ==========================================================================
-// Project:   SproutCore Test Runner Strings
-// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
-//            Portions ©2008-2009 Apple, Inc. All rights reserved.
-// License:   Licened under MIT license (see license.js)
+// Project:   TestRunner Strings
+// Copyright: ©2009 My Company, Inc.
 // ==========================================================================
 /*globals TestRunner */
 
@@ -13,5 +11,16 @@
 // localized string added to this file!
 //
 SC.stringsFor('English', {
-  // "_String Key": "Localized String"
+  "Kind.app": "Apps",
+  "Kind.framework" : "Frameworks",
+  "Kind.sproutcore" : "SproutCore",
+  
+  "_Test Runner" : "Test Runner",
+  "_No Targets" : "No Targets",
+  "_No Tests" : "No Tests",
+  "_Loading Targets" : "Loading Targets",
+  "_No Target Selected" : "No Target Selected",
+  "_Loading Tests" : "Loading Tests",
+  "_Window Title" : "Test Runner - %@",
+  "_No Target" : "No Target"
 }) ;

data/frameworks/sproutcore/apps/tests/fixtures/target.js

@@ -4,40 +4,84 @@
 // ==========================================================================
 /*globals TestRunner */
 
-TestRunner.FIXTURES = TestRunner.FIXTURES.concat([
-
-  // TODO: Add your data fixtures here.
-  // All fixture records must have a unique guid and a type matching the
-  // name of your contact.  See the example below.
-
-  // { guid: 1,
-  //   type: 'Contact',
-  //   firstName: "Michael",
-  //   lastName: "Scott"
-  // },
-  //
-  // { guid: 2,
-  //   type: 'Contact',
-  //   firstName: "Dwight",
-  //   lastName: "Schrute"
-  // },
-  //
-  // { guid: 3,
-  //   type: 'Contact',
-  //   firstName: "Jim",
-  //   lastName: "Halpert"
-  // },
-  //
-  // { guid: 4,
-  //   type: 'Contact',
-  //   firstName: "Pam",
-  //   lastName: "Beesly"
-  // },
-  //
-  // { guid: 5,
-  //   type: 'Contact',
-  //   firstName: "Ryan",
-  //   lastName: "Howard"
-  // }
-
-]);
+sc_require('models/target');
+
+TestRunner.Target.FIXTURES = [
+
+  // SAMPLE APPS
+  { "name": "/sample_controls",
+    "kind": "app",
+    "link_docs": "/static/sample_controls/en/current/docs/-index.json",
+    "link_root": "/static/sample_controls",
+    "link_tests": "/static/sample_controls/en/current/tests/-index.json",
+    "parent": ""
+  },
+
+  { "name": "/twitter",
+    "kind": "app",
+    "link_docs": "/static/twitter/en/current/docs/-index.json",
+    "link_root": "/static/twitter",
+    "link_tests": "/static/twitter/en/current/tests/-index.json",
+    "parent": ""
+  },
+
+  // TOP LEVEL FRAMEWORK
+  { "name": "/sproutcore",
+    "kind": "framework",
+    "link_docs": "/static/sproutcore/en/current/docs/-index.json",
+    "link_root": "/static/sproutcore",
+    "link_tests": "/static/sproutcore/en/current/tests/-index.json",
+    "parent": "" 
+  },
+
+  // NESTED FRAMEWORKS
+  { "name": "/sproutcore/foundation",
+    "kind": "framework",
+    "link_docs": "/static/sproutcore/foundation/en/current/docs/-index.json",
+    "link_root": "/static/sproutcore/foundation",
+    "link_tests": "/static/sproutcore/foundation/en/current/tests/-index.json",
+    "parent": "/sproutcore" 
+  },
+    
+  { "name": "/sproutcore/datastore",
+    "kind": "framework",
+    "link_docs": "/static/sproutcore/datastore/en/current/docs/-index.json",
+    "link_root": "/static/sproutcore/datastore",
+    "link_tests": "/static/sproutcore/datastore/en/current/tests/-index.json",
+    "parent": "/sproutcore"
+  },
+
+  { "name": "/sproutcore/desktop",
+    "kind": "framework",
+    "link_docs": "/static/sproutcore/desktop/en/current/docs/-index.json",
+    "link_root": "/static/sproutcore/desktop",
+    "link_tests": "/static/sproutcore/desktop/en/current/tests/-index.json",
+    "parent": "/sproutcore"
+  },
+
+  { "name": "/sproutcore/runtime",
+    "kind": "framework",
+    "link_docs": "/static/sproutcore/runtime/en/current/docs/-index.json",
+    "link_root": "/static/sproutcore/runtime",
+    "link_tests": "/static/sproutcore/runtime/en/current/tests/-index.json",
+    "parent": "/sproutcore"
+  },
+
+  // NESTED APPS
+  { "name": "/sproutcore/welcome",
+    "kind": "app",
+    "link_docs": "/static/sproutcore/welcome/en/current/docs/-index.json",
+    "link_root": "/static/sproutcore/welcome",
+    "link_tests": "/static/sproutcore/welcome/en/current/tests/-index.json",
+    "parent": "/sproutcore"
+  },
+  
+  { "name": "/sproutcore/tests",
+    "kind": "app",
+    "link_docs": "/static/sproutcore/tests/en/current/docs/-index.json",
+    "link_root": "/static/sproutcore/tests",
+    "link_tests": "/static/sproutcore/tests/en/current/tests/-index.json",
+    "parent": "/sproutcore"
+  }
+  
+];