sproutcore 1.4.5 → 1.5.0.pre.3

data/lib/frameworks/sproutcore/frameworks/statechart/tests/async.js

@@ -0,0 +1,94 @@
+// ==========================================================================
+// SC.Statechart Unit Test
+// ==========================================================================
+/*globals SC */
+
+var Obj, obj, async, func;
+
+// ..........................................................
+// CONTENT CHANGING
+// 
+
+module("SC.Async Tests", {
+  setup: function() {
+    Obj = SC.Object.extend({
+      fooInvoked: NO,
+      arg1: null,
+      arg2: null,
+
+      foo: function(arg1, arg2) {
+        this.set('fooInvoked', YES);
+        this.set('arg1', arg1);
+        this.set('arg2', arg2);
+      }
+    });
+  },
+  
+  teardown: function() {
+    Obj = obj = async = func = null;
+  }
+});
+
+test("test async - SC.Async.perform('foo')", function() {
+  async = SC.Async.perform('foo');
+  equals(SC.kindOf(async, SC.Async), YES);
+  equals(async.get('func'), 'foo');
+  equals(async.get('arg1'), null);
+  equals(async.get('arg2'), null);
+  
+  obj = Obj.create();
+  async.tryToPerform(obj);
+  equals(obj.get('fooInvoked'), YES);
+  equals(obj.get('arg1'), null);
+  equals(obj.get('arg2'), null);
+});
+
+test("test async - SC.Async.perform('foo', 'hello', 'world')", function() {  
+  async = SC.Async.perform('foo', 'hello', 'world');
+  equals(async.get('func'), 'foo');
+  equals(async.get('arg1'), 'hello');
+  equals(async.get('arg2'), 'world');
+  
+  obj = Obj.create();
+  async.tryToPerform(obj);
+  equals(obj.get('fooInvoked'), YES);
+  equals(obj.get('arg1'), 'hello');
+  equals(obj.get('arg2'), 'world');
+});
+
+test("test async - SC.Async.perform(function() { ... })", function() {    
+  func = function() { this.foo(); };
+  async = SC.Async.perform(func);
+  equals(async.get('func'), func);
+  equals(async.get('arg1'), null);
+  equals(async.get('arg2'), null);
+  
+  obj = Obj.create();
+  async.tryToPerform(obj);
+  equals(obj.get('fooInvoked'), YES);
+  equals(obj.get('arg1'), null);
+  equals(obj.get('arg2'), null);
+});
+  
+test("test async - SC.Async.perform(function() { ... }, 'aaa', 'bbb')", function() {  
+  func = function(arg1, arg2) { this.foo(arg1, arg2); };
+  async = SC.Async.perform(func, 'aaa', 'bbb');
+  equals(async.get('func'), func);
+  equals(async.get('arg1'), 'aaa');
+  equals(async.get('arg2'), 'bbb');
+  
+  obj = Obj.create();
+  async.tryToPerform(obj);
+  equals(obj.get('fooInvoked'), YES);
+  equals(obj.get('arg1'), 'aaa');
+  equals(obj.get('arg2'), 'bbb');
+});
+
+test("test async - SC.Async.perform('bar')", function() {  
+  async = SC.Async.perform('bar');
+  equals(async.get('func'), 'bar');
+  
+  obj = Obj.create();
+  async.tryToPerform(obj);
+  equals(obj.get('fooInvoked'), NO);
+});

data/lib/frameworks/sproutcore/frameworks/statechart/tests/event_handling/advanced_event_handling.js

@@ -0,0 +1,310 @@
+// ==========================================================================
+// SC.Statechart Unit Test
+// ==========================================================================
+/*globals SC */
+
+var statechart1 = null;
+var statechart2 = null;
+var statechart3 = null;
+var statechart4 = null;
+var TestState = null;
+
+// ..........................................................
+// CONTENT CHANGING
+// 
+
+module("SC.Statechart: No Concurrent States - Advanced Event Handling Tests", {
+  setup: function() {
+    
+    TestState = SC.State.extend({
+      event: null,
+      sender: null,
+      context: null,
+      handler: null,
+      
+      _handledEvent: function(handler, event, sender, context) {
+        this.set('handler', handler);
+        this.set('event', event);
+        this.set('sender', sender);
+        this.set('context', context);
+      },
+      
+      reset: function() {
+        this.set('handler', null);
+        this.set('event', null);
+        this.set('sender', null);
+        this.set('context', null);
+      }
+    });
+
+    statechart1 = SC.Statechart.create({
+      
+      rootState: TestState.design({
+      
+        foo: function(sender, context) {
+          this._handledEvent('foo', null, sender, context);
+        },
+        
+        eventHandlerA: function(event, sender, context) {
+          this._handledEvent('eventHandlerA', event, sender, context);
+        }.handleEvents('plus', 'minus', 'mulitply', 'divide'),
+        
+        eventHandlerB: function(event, sender, context) {
+          this._handledEvent('eventHandlerB', event, sender, context);
+        }.handleEvents(/num\d/),
+        
+        unknownEvent: function(event, sender, context) {
+          this._handledEvent('unknownEvent', event, sender, context);
+        }
+        
+      })
+      
+    });
+    
+    statechart2 = SC.Statechart.create({
+      
+      rootState: TestState.design({
+        
+        foo: function(sender, context) {
+          this._handledEvent('foo', null, sender, context);
+        }
+        
+      })
+      
+    });
+    
+    statechart3 = SC.Statechart.create({
+      
+      rootState: TestState.design({
+        
+        eventHandlerA: function(event, sender, context) {
+          this._handledEvent('eventHandlerA', event, sender, context);
+        }.handleEvents(/num\d/, 'decimal'),
+        
+        eventHandlerB: function(event, sender, context) {
+          this._handledEvent('eventHandlerB', event, sender, context);
+        }.handleEvents(/foo/, /bar/)
+        
+      })
+      
+    });
+    
+    statechart4 = SC.Statechart.create({
+      
+      rootState: TestState.design({
+        
+        initialSubstate: 'a',
+        
+        foo: function(sender, context) {
+          this._handledEvent('foo', null, sender, context);
+        },
+        
+        eventHandlerRoot: function(event, sender, context) {
+          this._handledEvent('eventHandlerRoot', event, sender, context);
+        }.handleEvents('yes', 'no'),
+        
+        unknownEvent: function(event, sender, context) {
+          this._handledEvent('unknownEvent', event, sender, context);
+        },
+        
+        a: TestState.design({
+          
+          initialSubstate: 'b',
+          
+          bar: function(sender, context) {
+            this._handledEvent('bar', null, sender, context);
+          },
+          
+          eventHandlerA: function(event, sender, context) {
+            this._handledEvent('eventHandlerA', event, sender, context);
+          }.handleEvents('frozen', 'canuck'),
+          
+          b: TestState.design({
+            
+            cat: function(sender, context) {
+              this._handledEvent('cat', null, sender, context);
+            },
+            
+            eventHandlerB: function(event, sender, context) {
+              this._handledEvent('eventHandlerB', event, sender, context);
+            }.handleEvents(/apple/, /orange/)
+            
+          })
+          
+        })
+        
+      })
+      
+    });
+    
+    statechart1.initStatechart();
+    statechart2.initStatechart();
+    statechart3.initStatechart();
+    statechart4.initStatechart();
+  },
+  
+  teardown: function() {
+    statechart1.destroy();
+    statechart2.destroy();
+    statechart3.destroy();
+    statechart4.destroy();
+    statechart1 = null;
+    statechart2 = null;
+    statechart3 = null;
+    statechart4 = null;
+  }
+});
+
+test("check statechart1 event handling", function() {
+  var state = statechart1.get('rootState'),
+      sender = SC.Object.create(),
+      context = SC.Object.create();
+  
+  state.reset();
+  statechart1.sendEvent('foo', sender, context);
+  equals(state.get('handler'), 'foo', 'event handler should be foo');
+  equals(state.get('event'), null, 'event should be null');
+  equals(state.get('sender'), sender, 'sender should be sender object');
+  equals(state.get('context'), context, 'context should be context object');
+  
+  state.reset();
+  statechart1.sendEvent('plus', sender, context);
+  equals(state.get('handler'), 'eventHandlerA', 'event handler should be eventHandlerA');
+  equals(state.get('event'), 'plus', 'event should be plus');
+  equals(state.get('sender'), sender, 'sender should be sender object');
+  equals(state.get('context'), context, 'context should be context object');
+  
+  state.reset();
+  statechart1.sendEvent('divide', sender, context);
+  equals(state.get('handler'), 'eventHandlerA', 'event handler should be eventHandlerA');
+  equals(state.get('event'), 'divide', 'event should be divide');
+  equals(state.get('sender'), sender, 'sender should be sender object');
+  equals(state.get('context'), context, 'context should be context object');
+  
+  state.reset();
+  statechart1.sendEvent('num1', sender, context);
+  equals(state.get('handler'), 'eventHandlerB', 'event handler should be eventHandlerB');
+  equals(state.get('event'), 'num1', 'event should be num1');
+  equals(state.get('sender'), sender, 'sender should be sender object');
+  equals(state.get('context'), context, 'context should be context object');
+  
+  state.reset();
+  statechart1.sendEvent('bar', sender, context);
+  equals(state.get('handler'), 'unknownEvent', 'event handler should be unknownEvent');
+  equals(state.get('event'), 'bar', 'event should be bar');
+  equals(state.get('sender'), sender, 'sender should be sender object');
+  equals(state.get('context'), context, 'context should be context object');
+});
+
+test("check statechart2 event handling", function() {
+  var state = statechart2.get('rootState'),
+      sender = SC.Object.create(),
+      context = SC.Object.create();
+  
+  state.reset();
+  statechart2.sendEvent('foo', sender, context);
+  equals(state.get('handler'), 'foo', 'event handler should be foo');
+  equals(state.get('event'), null, 'event should be null');
+  equals(state.get('sender'), sender, 'sender should be sender object');
+  equals(state.get('context'), context, 'context should be context object');
+  
+  state.reset();
+  statechart2.sendEvent('bar', sender, context);
+  equals(state.get('handler'), null, 'event handler should be null');
+  equals(state.get('event'), null, 'event should be null');
+  equals(state.get('sender'), null, 'sender should be sender null');
+  equals(state.get('context'), null, 'context should be context null');
+});
+
+test("check statechart3 event handling", function() {
+  var state = statechart3.get('rootState');
+  
+  state.reset();
+  statechart3.sendEvent('num2');
+  equals(state.get('handler'), 'eventHandlerA', 'event handler should be eventHandlerA');
+  equals(state.get('event'), 'num2', 'event should be num2');
+  
+  state.reset();
+  statechart3.sendEvent('decimal');
+  equals(state.get('handler'), 'eventHandlerA', 'event handler should be eventHandlerA');
+  equals(state.get('event'), 'decimal', 'event should be decimal');
+  
+  state.reset();
+  statechart3.sendEvent('foo');
+  equals(state.get('handler'), 'eventHandlerB', 'event handler should be eventHandlerB');
+  equals(state.get('event'), 'foo', 'event should be foo');
+  
+  state.reset();
+  statechart3.sendEvent('bar');
+  equals(state.get('handler'), 'eventHandlerB', 'event handler should be eventHandlerB');
+  equals(state.get('event'), 'bar', 'event should be bar');
+});
+
+test("check statechart4 event handling", function() {
+  var root = statechart4.get('rootState'),
+      stateA = statechart4.getState('a'),
+      stateB = statechart4.getState('b');
+  
+  root.reset(); stateA.reset(); stateB.reset();
+  statechart4.sendEvent('foo');
+  equals(root.get('handler'), 'foo', 'root state event handler should be foo');
+  equals(root.get('event'), null, 'root state event should be null');
+  equals(stateA.get('handler'), null, 'state A event handler should be null');
+  equals(stateA.get('event'), null, 'state A event should be null');
+  equals(stateB.get('handler'), null, 'state B event handler should be null');
+  equals(stateB.get('event'), null, 'state B event should be null');
+  
+  root.reset(); stateA.reset(); stateB.reset();
+  statechart4.sendEvent('yes');
+  equals(root.get('handler'), 'eventHandlerRoot', 'root state event handler should be eventHandlerRoot');
+  equals(root.get('event'), 'yes', 'root state event should be yes');
+  equals(stateA.get('handler'), null, 'state A event handler should be null');
+  equals(stateA.get('event'), null, 'state A event should be null');
+  equals(stateB.get('handler'), null, 'state B event handler should be null');
+  equals(stateB.get('event'), null, 'state B event should be null');
+  
+  root.reset(); stateA.reset(); stateB.reset();
+  statechart4.sendEvent('xyz');
+  equals(root.get('handler'), 'unknownEvent', 'root state event handler should be unknownEvent');
+  equals(root.get('event'), 'xyz', 'root state event should be xyz');
+  equals(stateA.get('handler'), null, 'state A event handler should be null');
+  equals(stateA.get('event'), null, 'state A event should be null');
+  equals(stateB.get('handler'), null, 'state B event handler should be null');
+  equals(stateB.get('event'), null, 'state B event should be null');
+  
+  root.reset(); stateA.reset(); stateB.reset();
+  statechart4.sendEvent('bar');
+  equals(root.get('handler'), null, 'root state event handler should be null');
+  equals(root.get('event'), null, 'root state event should be null');
+  equals(stateA.get('handler'), 'bar', 'state A event handler should be bar');
+  equals(stateA.get('event'), null, 'state A event should be null');
+  equals(stateB.get('handler'), null, 'state B event handler should be null');
+  equals(stateB.get('event'), null, 'state B event should be null');
+  
+  root.reset(); stateA.reset(); stateB.reset();
+  statechart4.sendEvent('canuck');
+  equals(root.get('handler'), null, 'root state event handler should be null');
+  equals(root.get('event'), null, 'root state event should be null');
+  equals(stateA.get('handler'), 'eventHandlerA', 'state A event handler should be eventHandlerA');
+  equals(stateA.get('event'), 'canuck', 'state A event should be canuck');
+  equals(stateB.get('handler'), null, 'state B event handler should be null');
+  equals(stateB.get('event'), null, 'state B event should be null');
+  
+  root.reset(); stateA.reset(); stateB.reset();
+  statechart4.sendEvent('cat');
+  equals(root.get('handler'), null, 'root state event handler should be null');
+  equals(root.get('event'), null, 'root state event should be null');
+  equals(stateA.get('handler'), null, 'state A event handler should be null');
+  equals(stateA.get('event'), null, 'state A event should be null');
+  equals(stateB.get('handler'), 'cat', 'state B event handler should be cat');
+  equals(stateB.get('event'), null, 'state B event should be null');
+  
+  root.reset(); stateA.reset(); stateB.reset();
+  statechart4.sendEvent('orange');
+  equals(root.get('handler'), null, 'root state event handler should be null');
+  equals(root.get('event'), null, 'root state event should be null');
+  equals(stateA.get('handler'), null, 'state A event handler should be null');
+  equals(stateA.get('event'), null, 'state A event should be null');
+  equals(stateB.get('handler'), 'eventHandlerB', 'state B event handler should be eventHandlerB');
+  equals(stateB.get('event'), 'orange', 'state B event should be orange');
+});

data/lib/frameworks/sproutcore/frameworks/statechart/tests/namespace/access_substates.js

@@ -0,0 +1,252 @@
+// ==========================================================================
+// SC Unit Test
+// ==========================================================================
+/*globals SC */
+
+var statechart1, statechart2, statechart3, statechart4;
+
+// ..........................................................
+// CONTENT CHANGING
+// 
+
+module("SC.Statechart: Namespace - Access Substate Tests", {
+  setup: function() {
+    
+    statechart1 = SC.Statechart.create({
+      
+      rootState: SC.State.design({
+        initialSubstate: 'a',
+        a: SC.State.design({ value: 'state A' }),
+        b: SC.State.design({ value: 'state B' })
+      })
+      
+    });
+    
+    statechart2 = SC.Statechart.create({
+      
+      rootState: SC.State.design({
+        initialSubstate: 'a',
+        a: SC.State.design({
+          value: 'state A',
+          initialSubstate: 'c',
+          c: SC.State.design({ value: 'state C' }),
+          d: SC.State.design({ value: 'state D' })
+        }),
+        
+        b: SC.State.design({
+          value: 'state B',
+          initialSubstate: 'e',
+          e: SC.State.design({ value: 'state E' }),
+          f: SC.State.design({ value: 'state F' })
+        })
+      })
+      
+    });
+    
+    statechart3 = SC.Statechart.create({
+      
+      rootState: SC.State.design({
+        initialSubstate: 'a',
+        a: SC.State.design({ value: 'state A' }),
+        b: SC.State.design({
+          value: 'state B',
+          initialSubstate: 'a',
+          a: SC.State.design({ value: 'state B.A' }),
+          c: SC.State.design({
+            value: 'state C',
+            initialSubstate: 'a',
+            a: SC.State.design({ value: 'state B.C.A' }),
+            d: SC.State.design({ value: 'state D' })
+          })
+        })
+      })
+      
+    });
+    
+    statechart4 = SC.Statechart.create({
+      
+      rootState: SC.State.design({
+        initialSubstate: 'a',
+        a: SC.State.design({
+          value: 'state A',
+          initialSubstate: 'x',
+          x: SC.State.design({ value: 'state A.X' }),
+          y: SC.State.design({ value: 'state A.Y' })
+        }),
+        
+        b: SC.State.design({
+          value: 'state B',
+          initialSubstate: 'x',
+          x: SC.State.design({ value: 'state B.X' }),
+          y: SC.State.design({ value: 'state B.Y' })
+        })
+      })
+      
+    });
+    
+    statechart1.initStatechart();
+    statechart2.initStatechart();
+    statechart3.initStatechart();
+    statechart4.initStatechart();
+  },
+  
+  teardown: function() {
+    statechart1.destroy();
+    statechart2.destroy();
+    statechart3.destroy();
+    statechart4.destroy();
+    statechart1 = statechart2 = statechart3 = statechart4 = null;
+  }
+});
+
+test("access statechart1 states", function() {
+  var state;
+      
+  state = statechart1.getState('a');
+  equals(SC.none(state), false, 'state a should not be null');
+  equals(state.get('value'), 'state A', 'state a should have value "state A"');
+  
+  state = statechart1.getState('b');
+  equals(SC.none(state), false, 'state b should not be null');
+  equals(state.get('value'), 'state B', 'state a should have value "state B"');
+});
+
+test("access statechart2 states", function() {
+  var state;
+      
+  state = statechart2.getState('a');
+  equals(SC.none(state), false, 'state a should not be null');
+  equals(state.get('value'), 'state A', 'state a should have value "state A"');
+  
+  state = statechart2.getState('b');
+  equals(SC.none(state), false, 'state b should not be null');
+  equals(state.get('value'), 'state B', 'state b should have value "state B"');
+  
+  state = statechart2.getState('c');
+  equals(SC.none(state), false, 'state c should not be null');
+  equals(state.get('value'), 'state C', 'state c should have value "state C"');
+  
+  state = statechart2.getState('d');
+  equals(SC.none(state), false, 'state d should not be null');
+  equals(state.get('value'), 'state D', 'state d should have value "state D"');
+  
+  state = statechart2.getState('e');
+  equals(SC.none(state), false, 'state e should not be null');
+  equals(state.get('value'), 'state E', 'state d should have value "state E"');
+  
+  state = statechart2.getState('f');
+  equals(SC.none(state), false, 'state f should not be null');
+  equals(state.get('value'), 'state F', 'state d should have value "state F"');
+  
+  state = statechart2.getState('a.c');
+  equals(SC.none(state), false, 'state a.c should not be null');
+  equals(state, statechart2.getState('c'), 'state a.c should be equal to state c');
+  equals(state.get('value'), 'state C', 'state a.c should have value "state C"');
+  
+  state = statechart2.getState('a.d');
+  equals(SC.none(state), false, 'state a.d should not be null');
+  equals(state, statechart2.getState('d'), 'state a.d should be equal to state d');
+  equals(state.get('value'), 'state D', 'state a.d should have value "state D"');
+  
+  state = statechart2.getState('b.e');
+  equals(SC.none(state), false, 'state b.e should not be null');
+  equals(state, statechart2.getState('e'), 'state b.e should be equal to state e');
+  equals(state.get('value'), 'state E', 'state b.e should have value "state E"');
+  
+  state = statechart2.getState('b.f');
+  equals(SC.none(state), false, 'state b.f should not be null');
+  equals(state, statechart2.getState('f'), 'state b.f should be equal to state f');
+  equals(state.get('value'), 'state F', 'state b.f should have value "state F"');
+});
+
+test("access all A states in statechart3", function() {
+  var state;
+      
+  state = statechart3.getState('a');
+  equals(SC.none(state), false, 'state a should not be null');
+  equals(state.get('value'), 'state A', 'state a should have value "state A"');
+  
+  state = statechart3.getState('b.a');
+  equals(SC.none(state), false, 'state b.a should not be null');
+  equals(state.get('value'), 'state B.A', 'state a should have value "state B.A"');
+  
+  state = statechart3.getState('b.c.a');
+  equals(SC.none(state), false, 'state b.c.a should not be null');
+  equals(state.get('value'), 'state B.C.A', 'state a should have value "state B.C.A"');
+});
+
+test("access all A states relative to state B in statechart3", function() {
+  var state,
+      stateB = statechart3.getState('b');
+      
+  state = stateB.getSubstate('a');
+  equals(SC.none(state), false, 'state a should not be null');
+  equals(state.get('value'), 'state B.A', 'state a should have value "state B.A"');
+  
+  state = stateB.getSubstate('c.a');
+  equals(SC.none(state), false, 'state c.a should not be null');
+  equals(state.get('value'), 'state B.C.A', 'state a should have value "state B.C.A"');
+});
+
+test("access all A states relative to state C in statechart3", function() {
+  var state,
+      stateC = statechart3.getState('c');
+      
+  state = stateC.getSubstate('a');
+  equals(SC.none(state), false, 'state a should not be null');
+  equals(state.get('value'), 'state B.C.A', 'state a should have value "state B.C.A"');
+});
+
+test("access all states in statechart4", function() {
+  var state, 
+      stateA = statechart4.getState('a'),
+      stateB = statechart4.getState('b');
+      
+  state = statechart4.getState('a');
+  equals(SC.none(state), false, 'state a should not be null');
+  equals(state.get('value'), 'state A', 'state a should have value "state A"');
+  
+  state = statechart4.getState('a.x');
+  equals(SC.none(state), false, 'state a.x should not be null');
+  equals(state.get('value'), 'state A.X', 'state a should have value "state A.X"');
+  
+  state = statechart4.getState('a.y');
+  equals(SC.none(state), false, 'state a.y should not be null');
+  equals(state.get('value'), 'state A.Y', 'state a should have value "state A.Y"');
+  
+  state = statechart4.getState('b');
+  equals(SC.none(state), false, 'state a should not be null');
+  equals(state.get('value'), 'state B', 'state b should have value "state B"');
+  
+  state = statechart4.getState('b.x');
+  equals(SC.none(state), false, 'state b.x should not be null');
+  equals(state.get('value'), 'state B.X', 'state b should have value "state B.X"');
+  
+  state = statechart4.getState('b.y');
+  equals(SC.none(state), false, 'state b.y should not be null');
+  equals(state.get('value'), 'state B.Y', 'state a should have value "state B.Y"');
+  
+  console.log('expecting to get an error message...');
+  state = statechart4.getState('x');
+  equals(SC.none(state), true, 'state x should be null');
+  
+  console.log('expecting to get an error message...');
+  state = statechart4.getState('y');
+  equals(SC.none(state), true, 'state y should be null');
+  
+  state = stateA.getSubstate('x');
+  equals(SC.none(state), false, 'state a.x should not be null');
+  equals(state.get('value'), 'state A.X', 'state a should have value "state A.X"');
+  
+  state = stateA.getSubstate('y');
+  equals(SC.none(state), false, 'state a.y should not be null');
+  equals(state.get('value'), 'state A.Y', 'state a should have value "state A.Y"');
+  
+  state = stateB.getSubstate('x');
+  equals(SC.none(state), false, 'state b.x should not be null');
+  equals(state.get('value'), 'state B.X', 'state a should have value "state B.X"');
+  
+  state = stateB.getSubstate('y');
+  equals(SC.none(state), false, 'state b.y should not be null');
+  equals(state.get('value'), 'state B.Y', 'state a should have value "state B.Y"');
+});