Prepare tests for PhantomJS (cf #102)

Author: yohanboniface

Makefile

@@ -3,8 +3,10 @@ install:
 	npm install
 vendors:
 	grunt
-test:
+testfx:
 	firefox test/index.html
+test: node_modules
+	@./node_modules/mocha-phantomjs/bin/mocha-phantomjs --view 1024x768 test/index.html
 i18n:
 	node node_modules/leaflet-i18n/bin/i18n.js --dir_path=src/js/ --dir_path=reqs/measurable/ --locale_dir_path=src/locale/ --locale_codes=en --mode=json --clean --default_values
 tx_push:

package.json

@@ -11,8 +11,10 @@
     "grunt-contrib-concat": "^0.4.0",
     "grunt-contrib-copy": "^0.5.0",
     "happen": "~0.1.3",
-    "mocha": "~1.12.0",
+    "mocha": "^2.3.3",
+    "mocha-phantomjs": "^4.0.1",
     "optimist": "~0.4.0",
+    "phantomjs": "^1.9.18",
     "sinon": "^1.10.3",
     "uglify-js": "~2.2.3"
   },

test/index.html

@@ -32,7 +32,6 @@
         <script src="../src/js/leaflet.storage.js"></script>
         <script src="../contrib/js/storage.ui.default.js"></script>
         <link rel="stylesheet" href="../reqs/leaflet/leaflet.css" />
-        <link rel="stylesheet" href="../reqs/draw/leaflet.draw.css" />
         <link rel="stylesheet" href="../reqs/minimap/Control.MiniMap.css" />
         <link rel="stylesheet" href="../reqs/editinosm/Leaflet.EditInOSM.css" />
         <link rel="stylesheet" href="../reqs/markercluster/MarkerCluster.css" />
@@ -93,7 +92,7 @@
         <div id="storage-alert-container"></div>
         <div id="storage-tooltip-container"></div>
         <script>
-            var runner = mocha.run(function (failures) {
+            var runner = (window.mochaPhantomJS || window.mocha).run(function (failures) {
                 if (window.location.search.indexOf('debug') === -1) qs('#mocha').style.display = 'block';
                 console.log(failures);
             });