sproutcore 1.4.5 → 1.5.0.pre.3

data/lib/frameworks/sproutcore/frameworks/statechart/tests/with_concurrent_states/goto_state_basic.js

@@ -0,0 +1,139 @@
+// ==========================================================================
+// SC Unit Test
+// ==========================================================================
+/*globals SC */
+
+var statechart = null;
+
+// ..........................................................
+// CONTENT CHANGING
+// 
+
+module("SC.Statechart: With Concurrent States - Goto State Basic Tests", {
+  setup: function() {
+    
+    statechart = SC.Statechart.create({
+      
+      monitorIsActive: YES,
+      
+      rootState: SC.State.design({
+        
+        substatesAreConcurrent: YES,
+
+        a: SC.State.design({
+          initialSubstate: 'c',
+          c: SC.State.design(),
+          d: SC.State.design()
+        }),
+
+        b: SC.State.design({
+          initialSubstate: 'e',
+          e: SC.State.design(),
+          f: SC.State.design()
+        })
+      })
+      
+    });
+    
+    statechart.initStatechart();
+  },
+  
+  teardown: function() {
+    statechart.destroy();
+  }
+});
+
+test("check statechart initialization", function() {
+  var monitor = statechart.get('monitor'),
+      root = statechart.get('rootState'), 
+      stateA = statechart.getState('a'),
+      stateB = statechart.getState('b'),
+      stateC = statechart.getState('c'),
+      stateD = statechart.getState('d'),
+      stateE = statechart.getState('e'),
+      stateF = statechart.getState('f');
+  
+  equals(monitor.get('length'), 5, 'initial state sequence should be of length 5');
+  equals(monitor.matchSequence().begin().entered(root, 'a', 'c', 'b', 'e').end(), true, 'initial sequence should be entered[ROOT, a, c, b, e]');
+  equals(monitor.matchSequence().begin().entered(root, 'a', 'b', 'c', 'e').end(), false, 'initial sequence should not be entered[ROOT, a, b, c, e]');
+  
+  equals(statechart.get('currentStateCount'), 2, 'current state count should be 2');
+  
+  equals(statechart.stateIsCurrentState('c'), true, 'current state should be c');
+  equals(statechart.stateIsCurrentState('e'), true, 'current state should be e');
+  equals(statechart.stateIsCurrentState('d'), false, 'current state should not be d');
+  equals(statechart.stateIsCurrentState('f'), false, 'current state should not be f');
+  
+  equals(stateA.stateIsCurrentSubstate('c'), true, 'state a\'s current substate should be state c');
+  equals(stateA.stateIsCurrentSubstate('d'), false, 'state a\'s current substate should not be state d');
+  equals(stateB.stateIsCurrentSubstate('e'), true, 'state a\'s current substate should be state e');
+  equals(stateB.stateIsCurrentSubstate('f'), false, 'state a\'s current substate should not be state f');
+  
+  equals(stateA.get('isCurrentState'), false, 'state a should not be current state');
+  equals(stateB.get('isCurrentState'), false, 'state b should not be current state');
+  equals(stateC.get('isCurrentState'), true, 'state c should be current state');
+  equals(stateD.get('isCurrentState'), false, 'state d should not be current state');
+  equals(stateE.get('isCurrentState'), true, 'state e should be current state');
+  equals(stateF.get('isCurrentState'), false, 'state f should not be current state');
+});
+
+test("from state c, go to state d, and from state e, go to state f", function() {
+  var monitor = statechart.get('monitor'),
+      stateA = statechart.getState('a'),
+      stateB = statechart.getState('b'),
+      stateC = statechart.getState('c'),
+      stateD = statechart.getState('d'),
+      stateE = statechart.getState('e'),
+      stateF = statechart.getState('f');
+
+  monitor.reset();
+  
+  stateC.gotoState('d');
+  equals(monitor.get('length'), 2, 'state sequence should be of length 2');
+  equals(monitor.matchSequence().begin().exited('c').entered('d').end(), true, 'sequence should be exited[c], enterd[d]');
+  
+  monitor.reset();
+  
+  stateE.gotoState('f');
+  equals(monitor.get('length'), 2, 'state sequence should be of length 2');
+  equals(monitor.matchSequence().begin().exited('e').entered('f').end(), true, 'sequence should be exited[e], enterd[f]');
+  
+  equals(statechart.get('currentStateCount'), 2, 'current state count should be 2');
+  
+  equals(statechart.stateIsCurrentState('d'), true, 'current state should be d');
+  equals(statechart.stateIsCurrentState('f'), true, 'current state should be f');
+  
+  equals(stateA.stateIsCurrentSubstate('c'), false, 'state a\'s current substate should not be state c');
+  equals(stateA.stateIsCurrentSubstate('d'), true, 'state a\'s current substate should be state d');
+  equals(stateB.stateIsCurrentSubstate('e'), false, 'state b\'s current substate should not be state e');
+  equals(stateB.stateIsCurrentSubstate('f'), true, 'state b\'s current substate should be state f');
+  
+  equals(stateA.get('isCurrentState'), false, 'state a should not be current state');
+  equals(stateB.get('isCurrentState'), false, 'state b should not be current state');
+  equals(stateC.get('isCurrentState'), false, 'state c should not be current state');
+  equals(stateD.get('isCurrentState'), true, 'state d should be current state');
+  equals(stateE.get('isCurrentState'), false, 'state e should not be current state');
+  equals(stateF.get('isCurrentState'), true, 'state f should be current state');
+});
+
+test("from state a, go to sibling concurrent state b", function() {
+  var monitor = statechart.get('monitor'),
+      stateA = statechart.getState('a'),
+      stateB = statechart.getState('b');
+      
+  monitor.reset();
+  
+  // Expect to get an error to be outputted in the JS console, which is what we want since
+  // the pivot state is the root state and it's substates are concurrent
+  console.log('expecting to get an error...');
+  stateA.gotoState('b');
+  
+  equals(monitor.get('length'), 0, 'state sequence should be of length 0');
+  equals(statechart.get('currentStateCount'), 2, 'current state count should be 2');
+  equals(statechart.stateIsCurrentState('c'), true, 'current state should be c');
+  equals(statechart.stateIsCurrentState('e'), true, 'current state should be e');
+  equals(stateA.stateIsCurrentSubstate('c'), true, 'state a\'s current substate should be state c');
+  equals(stateA.stateIsCurrentSubstate('d'), false, 'state a\'s current substate should not be state d');
+  equals(stateB.stateIsCurrentSubstate('e'), true, 'state a\'s current substate should be state e');
+  equals(stateB.stateIsCurrentSubstate('f'), false, 'state a\'s current substate should not be state f');
+});

data/lib/frameworks/sproutcore/frameworks/statechart/tests/with_concurrent_states/goto_state_intermediate.js

@@ -0,0 +1,119 @@
+// ==========================================================================
+// SC.State Unit Test
+// ==========================================================================
+/*globals SC */
+
+var statechart = null;
+
+// ..........................................................
+// CONTENT CHANGING
+// 
+
+module("SC.Statechart: With Concurrent States - Goto State Intermediate Tests", {
+  setup: function() {
+    
+    statechart = SC.Statechart.create({
+      
+      monitorIsActive: YES,
+      
+      rootState: SC.State.design({
+        
+        initialSubstate: 'a',
+
+        a: SC.State.design({
+          substatesAreConcurrent: YES,
+          
+          b: SC.State.design({
+            initialSubstate: 'd',
+            d: SC.State.design(),
+            e: SC.State.design()
+          }),
+          
+          c: SC.State.design({
+            initialSubstate: 'f',
+            f: SC.State.design(),
+            g: SC.State.design()
+          })
+        }),
+
+        z: SC.State.design()
+      })
+      
+    });
+    
+    statechart.initStatechart();
+  },
+  
+  teardown: function() {
+    statechart.destroy();
+  }
+});
+
+test("check statechart initialization", function() {
+  var monitor = statechart.get('monitor'),
+      root = statechart.get('rootState'), 
+      stateA = statechart.getState('a'),
+      stateB = statechart.getState('b'),
+      stateC = statechart.getState('c');
+  
+  equals(monitor.get('length'), 6, 'initial state sequence should be of length 5');
+  equals(monitor.matchSequence().begin().entered(root, 'a', 'b', 'd', 'c', 'f').end(), true, 'initial sequence should be entered[ROOT, a, b, d, c, f]');
+  equals(statechart.get('currentStateCount'), 2, 'current state count should be 2');
+  equals(statechart.stateIsCurrentState('d'), true, 'current state should be d');
+  equals(statechart.stateIsCurrentState('f'), true, 'current state should be f');
+  equals(stateA.stateIsCurrentSubstate('d'), true, 'state a\'s current substate should be state d');
+  equals(stateA.stateIsCurrentSubstate('f'), true, 'state a\'s current substate should be state f');
+  equals(stateA.stateIsCurrentSubstate('e'), false, 'state a\'s current substate should not be state e');
+  equals(stateA.stateIsCurrentSubstate('g'), false, 'state a\'s current substate should not be state g');
+  equals(stateB.stateIsCurrentSubstate('d'), true, 'state b\'s current substate should be state d');
+  equals(stateB.stateIsCurrentSubstate('e'), false, 'state b\'s current substate should not be state e');
+  equals(stateC.stateIsCurrentSubstate('f'), true, 'state c\'s current substate should be state f');
+  equals(stateC.stateIsCurrentSubstate('g'), false, 'state c\'s current substate should not be state g');
+});
+
+test("from state d, go to state z", function() {
+  var monitor = statechart.get('monitor'),
+      stateA = statechart.getState('a'),
+      stateD = statechart.getState('d');
+      
+  monitor.reset();
+  stateD.gotoState('z');
+  
+  equals(monitor.get('length'), 6, 'initial state sequence should be of length 6');
+  equals(monitor.matchSequence().begin().exited('d', 'b', 'f', 'c', 'a').entered('z').end(), true, 'sequence should be exited[d, b, f, c, a], entered[z]');
+  equals(statechart.get('currentStateCount'), 1, 'current state count should be 1');
+  equals(statechart.stateIsCurrentState('z'), true, 'current state should be z');
+  equals(stateA.getPath('currentSubstates.length'), 0, 'state a should have 0 current substates');
+  equals(stateA.stateIsCurrentSubstate('d'), false, 'state a\'s current substate should not be state d');
+  equals(stateA.stateIsCurrentSubstate('f'), false, 'state a\'s current substate should not be state f');
+  equals(stateA.stateIsCurrentSubstate('e'), false, 'state a\'s current substate should not be state e');
+  equals(stateA.stateIsCurrentSubstate('g'), false, 'state a\'s current substate should not be state g');
+});
+
+test("from state a, go to state z and then back to state a", function() {
+  var monitor = statechart.get('monitor'),
+      stateA = statechart.getState('a'),
+      stateZ = statechart.getState('z');
+      
+  monitor.reset();
+  stateA.gotoState('z');
+
+  equals(monitor.get('length'), 6, 'initial state sequence should be of length 6');
+  equals(monitor.matchSequence().begin().exited('d', 'b', 'f', 'c', 'a').entered('z').end(), true, 'sequence should be exited[d, b, f, c, a], entered[z]');
+  equals(statechart.get('currentStateCount'), 1, 'current state count should be 1');
+  equals(statechart.stateIsCurrentState('z'), true, 'current state should be z');
+  
+  monitor.reset();
+  stateZ.gotoState('a');
+  
+  equals(monitor.get('length'), 6, 'initial state sequence should be of length 6');
+  equals(monitor.matchSequence().begin().exited('z').entered('a', 'b', 'd', 'c', 'f').end(), true, 'sequence should be exited[z], entered[a, b, d, c, f]');
+  equals(statechart.get('currentStateCount'), 2, 'current state count should be 1');
+  equals(statechart.stateIsCurrentState('d'), true, 'current state should be d');
+  equals(statechart.stateIsCurrentState('f'), true, 'current state should be f');
+  equals(stateA.getPath('currentSubstates.length'), 2, 'state a should have 2 current substates');
+  equals(stateA.stateIsCurrentSubstate('d'), true, 'state a\'s current substate should be state d');
+  equals(stateA.stateIsCurrentSubstate('e'), false, 'state a\'s current substate should not be state e');
+  equals(stateA.stateIsCurrentSubstate('f'), true, 'state a\'s current substate should be state f');
+  equals(stateA.stateIsCurrentSubstate('g'), false, 'state a\'s current substate should not be state g');
+});

data/lib/frameworks/sproutcore/frameworks/statechart/tests/with_concurrent_states/send_event.js

@@ -0,0 +1,183 @@
+// ==========================================================================
+// SC.Statechart Unit Test
+// ==========================================================================
+/*globals SC */
+
+var statechart = null;
+
+// ..........................................................
+// CONTENT CHANGING
+// 
+
+module("SC.Statechart: With Concurrent States - Send Event Tests", {
+  setup: function() {
+
+    statechart = SC.Statechart.create({
+      
+      monitorIsActive: YES,
+      
+      rootState: SC.State.design({
+        
+        initialSubstate: 'x',
+        
+        x: SC.State.design({
+          
+          substatesAreConcurrent: YES,
+          
+          a: SC.State.design({
+
+            initialSubstate: 'c',
+
+            eventAInvoked: NO,
+
+            eventA: function() { this.set('eventAInvoked', YES); },
+
+            c: SC.State.design({
+              eventB: function() { this.gotoState('d'); },
+              eventD: function() { this.gotoState('y'); }
+            }),
+
+            d: SC.State.design({
+              eventC: function() { this.gotoState('c'); }
+            })
+
+          }),
+
+          b: SC.State.design({
+
+            initialSubstate: 'e',
+
+            eventAInvoked: NO,
+
+            eventA: function() { this.set('eventAInvoked', YES); },
+
+            e: SC.State.design({
+              eventB: function() { this.gotoState('f'); },
+              eventD: function() { this.gotoState('y'); }
+            }),
+
+            f: SC.State.design({
+              eventC: function() { this.gotoState('e'); }
+            })
+
+          })
+          
+        }),
+        
+        y: SC.State.design()
+        
+      })
+      
+    });
+    
+    statechart.initStatechart();
+  },
+  
+  teardown: function() {
+    statechart.destroy();
+    statechart = null;
+  }
+});
+
+test("send event eventA", function() {
+  var monitor = statechart.get('monitor'),
+      stateA = statechart.getState('a'),
+      stateB = statechart.getState('b');
+      
+  monitor.reset();
+
+  equals(stateA.get('eventAInvoked'), false);
+  equals(stateB.get('eventAInvoked'), false);
+
+  statechart.sendEvent('eventA');
+  
+  equals(monitor.get('length'), 0, 'state sequence should be of length 0');
+  equals(statechart.stateIsCurrentState('c'), true, 'current state should be c');
+  equals(statechart.stateIsCurrentState('e'), true, 'current state should be e');
+  equals(stateA.get('eventAInvoked'), true);
+  equals(stateB.get('eventAInvoked'), true);
+});
+
+test("send event eventB", function() {
+  var monitor = statechart.get('monitor');
+      
+  monitor.reset();
+  
+  equals(statechart.stateIsCurrentState('c'), true, 'current state should be c');
+  equals(statechart.stateIsCurrentState('e'), true, 'current state should be e');
+  
+  statechart.sendEvent('eventB');
+  
+  equals(statechart.get('currentStateCount'), 2, 'current state count should be 2');
+  equals(statechart.stateIsCurrentState('d'), true, 'current state should be d');
+  equals(statechart.stateIsCurrentState('f'), true, 'current state should be f');
+  
+  equals(monitor.get('length'), 4, 'state sequence should be of length 4');
+  equals(monitor.matchSequence()
+                .begin()
+                .exited('c').entered('d')
+                .exited('e').entered('f')
+                .end(), 
+          true, 'sequence should be exited[c], entered[d], exited[e], entered[f]');
+});
+
+test("send event eventB then eventC", function() {
+  var monitor = statechart.get('monitor');
+
+  statechart.sendEvent('eventB');
+  
+  equals(statechart.stateIsCurrentState('d'), true, 'current state should be d');
+  equals(statechart.stateIsCurrentState('f'), true, 'current state should be f');
+
+  monitor.reset();
+  
+  statechart.sendEvent('eventC');
+
+  equals(statechart.stateIsCurrentState('c'), true, 'current state should be c');
+  equals(statechart.stateIsCurrentState('e'), true, 'current state should be e');
+
+  equals(monitor.get('length'), 4, 'state sequence should be of length 4');
+  equals(monitor.matchSequence()
+                .begin()
+                .exited('d').entered('c')
+                .exited('f').entered('e')
+                .end(), 
+          true, 'sequence should be exited[d], entered[c], exited[f], entered[e]');
+});
+
+test("send event eventD", function() {
+  var monitor = statechart.get('monitor');
+      
+  monitor.reset();
+  
+  equals(statechart.stateIsCurrentState('c'), true, 'current state should be c');
+  equals(statechart.stateIsCurrentState('e'), true, 'current state should be e');
+  
+  statechart.sendEvent('eventD');
+  
+  equals(monitor.get('length'), 6, 'state sequence should be of length 6');
+  equals(monitor.matchSequence()
+                .begin()
+                .exited('c', 'a', 'e', 'b', 'x').entered('y')
+                .end(), 
+          true, 'sequence should be exited[c, a, e, b, x], entered[y]');
+          
+  equals(statechart.currentStateCount(), 1, 'statechart should only have 1 current state');
+  equals(statechart.stateIsCurrentState('c'), false, 'current state not should be c');
+  equals(statechart.stateIsCurrentState('e'), false, 'current state not should be e');
+  equals(statechart.stateIsCurrentState('y'), true, 'current state should be y');
+});
+
+test("send event eventZ", function() {
+  var monitor = statechart.get('monitor');
+      
+  monitor.reset();
+  
+  equals(statechart.stateIsCurrentState('c'), true, 'current state should be c');
+  equals(statechart.stateIsCurrentState('e'), true, 'current state should be e');
+  
+  equals(monitor.get('length'), 0, 'state sequence should be of length 0');
+  
+  equals(statechart.stateIsCurrentState('c'), true, 'current state should be c');
+  equals(statechart.stateIsCurrentState('e'), true, 'current state should be e');
+});

data/lib/frameworks/sproutcore/frameworks/statechart/tests/without_concurrent_states/default_responder.js

@@ -0,0 +1,90 @@
+// ==========================================================================
+// SC.Statechart Unit Test
+// ==========================================================================
+/*globals SC statechart */
+
+window.startchart = null;
+var pane, button, fooInvokedCount;
+
+// ..........................................................
+// CONTENT CHANGING
+// 
+
+module("SC.Statechart: No Concurrent States - Default Responder Tests", {
+  setup: function() {
+    fooInvokedCount = 0;
+    
+    window.statechart = SC.Statechart.create({
+      
+      rootState: SC.State.design({
+        
+        initialSubstate: 'a',
+        
+        a: SC.State.design({
+          foo: function() { 
+            fooInvokedCount++;
+            this.gotoState('b'); 
+          }
+        }),
+        
+        b: SC.State.design({
+          foo: function() {
+            fooInvokedCount++;
+            this.gotoState('a'); 
+          }
+        })
+        
+      })
+      
+    });
+    
+    statechart.initStatechart();
+    
+    SC.RunLoop.begin();
+    pane = SC.MainPane.create({
+      defaultResponder: 'statechart',
+      childViews: [
+        SC.ButtonView.extend({
+          action: 'foo'
+        })
+      ]
+    });
+    pane.append();
+    SC.RunLoop.end();
+    
+    button = pane.childViews[0];
+  },
+  
+  teardown: function() {
+    pane.remove();
+    pane = button = fooInvokedCount = null;
+    window.statechart = null;
+  }
+});
+
+test("click button", function() {
+  var target;
+  
+  equals(fooInvokedCount, 0, 'foo should not have been invoked');
+  equals(statechart.stateIsCurrentState('a'), true, 'state a should be a current state');
+  equals(statechart.stateIsCurrentState('b'), false, 'state b should not be a current state');
+  
+  target = button.$().get(0);
+  SC.Event.trigger(target, "mousedown");
+  target = button.$().get(0);
+  SC.Event.trigger(target, "mouseup");
+  
+  equals(fooInvokedCount, 1, 'foo should have been invoked once');
+  equals(statechart.stateIsCurrentState('a'), false, 'state a should not be a current state');
+  equals(statechart.stateIsCurrentState('b'), true, 'state b should be a current state');
+  
+  target = button.$().get(0);
+  SC.Event.trigger(target, "mousedown");
+  target = button.$().get(0);
+  SC.Event.trigger(target, "mouseup");
+  
+  equals(fooInvokedCount, 2, 'foo should have been invoked twice');
+  equals(statechart.stateIsCurrentState('a'), true, 'state a should be a current state');
+  equals(statechart.stateIsCurrentState('b'), false, 'state b should not be a current state');
+  
+});