Ensure global namespace is not polluted when using requireJS. And add qunit test of basics when included using requireJS

jakesgordon · jakesgordon · commit 5d94074003ec · 2012-02-19T18:29:06.000-08:00
diff --git a/state-machine.js b/state-machine.js
@@ -1,6 +1,6 @@
 (function (window) {
 
-  StateMachine = {
+  var StateMachine = {
 
     //---------------------------------------------------------------------------
 
@@ -145,7 +145,7 @@
   //===========================================================================
 
   if ("function" === typeof define) {
-    define([], function() { return StateMachine; });
+    define(function(require) { return StateMachine; });
   }
   else {
     window.StateMachine = StateMachine;
diff --git a/test/requirejs/index.html b/test/requirejs/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Finite State Machine Tests - USING REQUIREJS INCLUDE MECHANISM</title>
+  <link rel="stylesheet" href="../qunit/qunit.css" media="screen">
+  <script src="../qunit/qunit.js"></script>
+  <script src="require.js"></script>
+  <script>
+    require(["../../state-machine.js"], function(RequiredStateMachine) {
+
+      module("require.js");
+
+      test("state machine included using require.js with custom name", function() {
+
+        var fsm = RequiredStateMachine.create({
+          initial: 'green',
+          events: [
+            { name: 'warn',  from: 'green',  to: 'yellow' },
+            { name: 'panic', from: 'yellow', to: 'red'    },
+            { name: 'calm',  from: 'red',    to: 'yellow' },
+            { name: 'clear', from: 'yellow', to: 'green'  }
+        ]});
+
+        equals(fsm.current, 'green', "initial state should be green");
+
+        fsm.warn();  equals(fsm.current, 'yellow', "warn  event should transition from green  to yellow");
+        fsm.panic(); equals(fsm.current, 'red',    "panic event should transition from yellow to red");
+        fsm.calm();  equals(fsm.current, 'yellow', "calm  event should transition from red    to yellow");
+        fsm.clear(); equals(fsm.current, 'green',  "clear event should transition from yellow to green");
+
+      });
+
+    });
+  </script>
+</head>
+<body class="flora">
+	<h1 id="qunit-header">QUnit Test Suite</h1>
+	<h2 id="qunit-banner"></h2>
+	<div id="qunit-testrunner-toolbar"></div>
+	<h2 id="qunit-userAgent"></h2>
+	<ol id="qunit-tests"></ol>
+	<div id="qunit-fixture">test markup</div>
+	</body>
+</html>
diff --git a/test/requirejs/require.js b/test/requirejs/require.js
