Merge more testing coverage from henrikingo fork

* core_tests.js and navigation_tests.js have more tests
* qunit_test_runner.html runs QUnit in a browser (without karma) and
  provides a generic iframe based platform to test different  presentations.
* copy qunit.js and syn.js into the repo. This allows qunit_test_runner.html
  to work without any dependency on node/npm. (Karma obviously does need them.)
* Move jscs cli option to .jscsrc instead

test/navigation_tests.js

@@ -0,0 +1,169 @@
+/*
+ * Copyright 2016 Henrik Ingo (@henrikingo)
+ *
+ * Released under the MIT license. See LICENSE file.
+ */
+/* global QUnit, loadIframe, initPresentation, document, window */
+
+QUnit.module( "Navigation plugin" );
+
+QUnit.test( "Navigation Plugin", function( assert ) {
+  window.console.log( "Begin navigation plugin" );
+  var done = assert.async();
+
+  loadIframe( "test/core_tests_presentation.html", assert, function() {
+    initPresentation( assert, function() {
+      var iframe = document.getElementById( "presentation-iframe" );
+      var iframeDoc = iframe.contentDocument;
+      var iframeWin = iframe.contentWindow;
+
+      var wait = 5; // Milliseconds
+
+      var step1 = iframeDoc.querySelector( "div#step-1" );
+      var step2 = iframeDoc.querySelector( "div#step-2" );
+      var step3 = iframeDoc.querySelector( "div#step-3" );
+      var step4 = iframeDoc.querySelector( "div#fourth" );
+      var root  = iframeDoc.querySelector( "div#impress" );
+
+      var i = 0;
+      var sequence = [ { left: step1,
+                         entered: step2,
+                         next: function() { return iframeWin.syn.type( "bodyid", " " ); },
+                         text: "space (2->3)" },
+                       { left: step2,
+                         entered: step3,
+                         next: function() { return iframeWin.syn.type( "bodyid", "[right]" ); },
+                         text: "[right] (3->4)" },
+                       { left: step3,
+                         entered: step4,
+                         next: function() { return iframeWin.syn.type( "bodyid", "\t" ); },
+                         text: "tab (4->1)" },
+                       { left: step4,
+                         entered: step1,
+                         next: function() { return iframeWin.syn.type( "bodyid", "[down]" ); },
+                         text: "[down] (1->2)" },
+                       { left: step1,
+                         entered: step2,
+                         next: function() { return iframeWin.syn.type( "bodyid", "[page-down]" ); },
+                         text: "[page-down] (2->3)" },
+                       { left: step2,
+                         entered: step3,
+                         next: function() { return iframeWin.syn.type( "bodyid", "[page-up]" ); },
+                         text: "[page-up] (3->2)" },
+                       { left: step3,
+                         entered: step2,
+                         next: function() { return iframeWin.syn.type( "bodyid", "[left]" ); },
+                         text: "[left] (2->1)" },
+                       { left: step2,
+                         entered: step1,
+                         next: function() { return iframeWin.syn.type( "bodyid", "[up]" ); },
+                         text: "[up] (1->4)" },
+                       { left: step1,
+                         entered: step4,
+                         next: function() { return iframeWin.syn.click( "step-2", {} ); },
+                         text: "click on 2 (4->2)" },
+                       { left: step4,
+                         entered: step2,
+                         next: function() { return iframeWin.syn.click( "linktofourth", {} ); },
+                         text: "click on link with href to id=fourth (2->4)" },
+                       { left: step2,
+                         entered: step4,
+                         next: function() { return iframeWin.impress().goto( 0 ); },
+                         text: "Return to first step with goto(0)." },
+                       { left: step4,
+                         entered: step1,
+                         next: false }
+      ];
+
+      var readyCount = 0;
+      var readyForNext = function() {
+        readyCount++;
+        if ( readyCount % 2 === 0 ) {
+          if ( sequence[ i ].next ) {
+            assert.ok( sequence[ i ].next(), sequence[ i ].text );
+            i++;
+          } else {
+            window.console.log( "End navigation plugin" );
+            done();
+          }
+        }
+      };
+
+      // Things to check on impress:stepenter event -----------------------------//
+      var assertStepEnter = function( event ) {
+        assert.equal( event.target, sequence[ i ].entered,
+                      event.target.id + " triggered impress:stepenter event." );
+        readyForNext();
+      };
+
+      var assertStepEnterWrapper = function( event ) {
+        window.setTimeout( function() { assertStepEnter( event ); }, wait );
+      };
+      root.addEventListener( "impress:stepenter", assertStepEnterWrapper );
+
+      // Things to check on impress:stepleave event -----------------------------//
+      var assertStepLeave = function( event ) {
+        assert.equal( event.target, sequence[ i ].left,
+                      event.target.id + " triggered impress:stepleave event." );
+        readyForNext();
+      };
+
+      var assertStepLeaveWrapper = function( event ) {
+        window.setTimeout( function() { assertStepLeave( event ); }, wait );
+      };
+      root.addEventListener( "impress:stepleave", assertStepLeaveWrapper );
+
+      assert.ok( iframeWin.impress().next(), "next() called and returns ok (1->2)" );
+    } ); // InitPresentation()
+  } ); // LoadIframe()
+} );
+
+QUnit.test( "Navigation Plugin - No-op tests", function( assert ) {
+  window.console.log( "Begin navigation no-op" );
+  var done = assert.async();
+
+  loadIframe( "test/core_tests_presentation.html", assert, function() {
+    initPresentation( assert, function() {
+      var iframe = document.getElementById( "presentation-iframe" );
+      var iframeDoc = iframe.contentDocument;
+      var iframeWin = iframe.contentWindow;
+
+      var wait = 5; // Milliseconds
+
+      var root  = iframeDoc.querySelector( "div#impress" );
+
+      // This should never happen -----------------------------//
+      var assertStepEnter = function( event ) {
+        assert.ok( false,
+                   event.target.id + " triggered impress:stepenter event." );
+      };
+
+      var assertStepEnterWrapper = function( event ) {
+        window.setTimeout( function() { assertStepEnter( event ); }, wait );
+      };
+      root.addEventListener( "impress:stepenter", assertStepEnterWrapper );
+
+      // This should never happen -----------------------------//
+      var assertStepLeave = function( event ) {
+        assert.ok( false,
+                   event.target.id + " triggered impress:stepleave event." );
+      };
+
+      var assertStepLeaveWrapper = function( event ) {
+        window.setTimeout( function() { assertStepLeave( event ); }, wait );
+      };
+      root.addEventListener( "impress:stepleave", assertStepLeaveWrapper );
+
+      // These are no-op actions, we're already in step-1 -----------------------//
+      assert.ok( iframeWin.syn.click( "step-1", {} ),
+                 "Click on step that is currently active, should do nothing." );
+      assert.ok( iframeWin.syn.click( "linktofirst", {} ),
+                 "Click on link pointing to step that is currently active, should do nothing." );
+
+      // After delay, if no event triggers are called. We're done.
+      window.setTimeout( function() {
+          window.console.log( "End navigation no-op" ); done();
+      }, 3000 );
+    } ); // InitPresentation()
+  } ); // LoadIframe()
+} );