Helix SwarmHelix Swarm

historyTest.html

  • //
  • guest/
  • thomas_gray/
  • jambox/
  • main/
  • swarm/
  • tests/
  • qunit/
  • historyTest.html #1
  • View
  • Commits
  • Open Download .zip Download (7 KB) 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>Swarm QUnit Test Runner</title>
  6.     <link rel="stylesheet" href="/vendor/qunit-1.14.0.css">
  7. </head>
  8. <body>
  9.     <div id="qunit"></div>
  10.     <div id="qunit-fixture"></div>
  11.     <script src="/vendor/qunit-1.14.0.js"></script>
  12.     <script src="/vendor/jquery/jquery-1.11.1.min.js"></script>
  13.     <!-- @TODO: Use dependency injection for tests -->
  14.     <script src="/vendor/bootstrap/js/bootstrap.js"></script>
  15.     <script src="/vendor/jsrender/jsrender.js"></script>
  16.     <script src="/swarm/js/application.js"></script>
  17.     <script src="/libs/utils.js"></script>
  18.     <script src="/libs/testConfig.js"></script>
  19.     <script>
  20.  
  21.     /* PHANTOMJS PATCH */
  22.     // detect partial history support and add History.state property
  23.     if (swarm.has.partialHistorySupport()) {
  24.         swarm.history.patchPartialSuppport();
  25.     }
  26.  
  27.     /* "swarm.history" TEST MODULE */
  28.     (function() {
  29.         // define the module
  30.         module('swarm.history', {
  31.             setup: function() {
  32.                 this.url         = document.location.href;
  33.                 this.stateLength = 0;
  34.                 this.pushState   = swarm.history.pushState;
  35.                 var environment  = this;
  36.                 swarm.history.pushState    = function() {
  37.                     environment.pushState.apply(this, arguments);
  38.                     environment.stateLength++;
  39.                 };
  40.  
  41.                 // start tests in a known state
  42.                 $(window).off('beforeSetState');
  43.                 window.history.replaceState(null, null, this.url);
  44.                 swarm.history.init();
  45.             },
  46.             teardown: function() {
  47.                 swarm.history.pushState = this.pushState;
  48.                 $(window).off('popstate');
  49.                 $(window).off('beforeSetState');
  50.                 swarm.test.reset();
  51.  
  52.                 // clear out any previous state
  53.                 if (this.stateLength) {
  54.                     var url = this.url;
  55.                     $(window).one('popstate', function() {
  56.                         setTimeout(function() {
  57.                             swarm.history.pushState(null, null, url, true);
  58.                             start();
  59.                         }, 0);
  60.                     });
  61.                     stop();
  62.                     window.history.go(this.stateLength * -1);
  63.                 } else {
  64.                     swarm.history.replaceState(null, null, this.url, true);
  65.                 }
  66.  
  67.                 delete this.url;
  68.                 delete this.stateLength;
  69.                 delete this.pushState;
  70.             }
  71.         });
  72.  
  73.         // define scoped helper functions for ease of use in tests
  74.         var go = function(distance, callback) {
  75.             swarm.test.push(function(distance, callback) {
  76.                 this.testEnvironment.stateLength = this.testEnvironment.stateLength + distance;
  77.  
  78.                 // leave time for navigation
  79.                 var testEnvironment = this.testEnvironment;
  80.                 $(window).one('popstate', function() {
  81.                     setTimeout(function() {
  82.                         callback.call(testEnvironment, QUnit.assert);
  83.                         swarm.test.nextQueued();
  84.                     }, 0);
  85.                 });
  86.  
  87.                 window.history.go(distance);
  88.             }, [distance, callback]);
  89.         };
  90.  
  91.         // write our tests
  92.         test('supported', 1, function() {
  93.             ok(swarm.history.supported);
  94.         });
  95.  
  96.         test('initialized', 1, function() {
  97.             swarm.history.initialized = false;
  98.             swarm.history.init();
  99.             ok(swarm.history.initialized);
  100.         });
  101.  
  102.         test('replaceState', 7, function() {
  103.             var url      = document.location.href,
  104.                 initial  = { step: 1, value1: true },
  105.                 default1 = { step: 2, value2: false },
  106.                 state1   = { step: 2, value2: false, value3: true },
  107.                 default2 = { step: 4, value3: false },
  108.                 state2   = { step: 4, value2: false, value3: false };
  109.  
  110.             // test just setting the state
  111.             swarm.history.replaceState(initial, null, null);
  112.             deepEqual(window.history.state, initial);
  113.             equal(document.location.href, url);
  114.  
  115.             // test setting path
  116.             swarm.history.replaceState(default1, null, '#extra');
  117.             deepEqual(window.history.state, default1);
  118.             equal(document.location.hash, '#extra');
  119.  
  120.             // test using default state
  121.             $(window).on('beforeSetState', function(e, defaults) { $.extend(defaults, default1); });
  122.             swarm.history.replaceState({step: 2, value3: true}, null, null);
  123.             deepEqual(window.history.state, state1);
  124.  
  125.             // test multiple default state
  126.             $(window).on('beforeSetState', function(e, defaults) { $.extend(defaults, default2); });
  127.             swarm.history.replaceState(null, null, null);
  128.             deepEqual(window.history.state, state2);
  129.  
  130.  
  131.             // test clearing the current state
  132.             swarm.history.clearState();
  133.             equal(window.history.state, null);
  134.         });
  135.  
  136.         test('pushState', 12, function() {
  137.             // stop to test async code
  138.             stop();
  139.  
  140.             var url      = document.location.href,
  141.                 initial  = { step: 1, value1: true },
  142.                 default1 = { step: 2, value1: false },
  143.                 state1   = { step: 2, value1: false, value3: true };
  144.  
  145.             // test just setting the state
  146.             swarm.history.pushState(initial, null, null);
  147.             deepEqual(window.history.state, initial);
  148.             equal(document.location.href, url);
  149.  
  150.             // test setting the path
  151.             swarm.history.pushState(default1, null, '#extra');
  152.             deepEqual(window.history.state, default1);
  153.             equal(document.location.hash, '#extra');
  154.  
  155.             // test using default state
  156.             $(window).on('beforeSetState', function(e, defaults) { $.extend(defaults, default1); });
  157.             swarm.history.pushState({step: 2, value3: true}, null, '#moreExtra');
  158.             deepEqual(window.history.state, state1);
  159.             equal(document.location.hash, '#moreExtra');
  160.  
  161.             // test clearing the current state
  162.             swarm.history.clearState();
  163.             equal(window.history.state, null);
  164.             equal(document.location.hash, '#moreExtra');
  165.  
  166.             // test back navigation
  167.             go(-2, function() {
  168.                 deepEqual(window.history.state, initial);
  169.                 equal(document.location.hash, '');
  170.             });
  171.  
  172.             // test forward nav
  173.             go(1, function() {
  174.                 deepEqual(window.history.state, default1);
  175.                 equal(document.location.hash, '#extra');
  176.             });
  177.  
  178.             // start only after queued items are finished
  179.             queueStart();
  180.         });
  181.  
  182.         test('popstate', 2, function() {
  183.             // stop to test async code
  184.             stop();
  185.  
  186.             var popped     = false,
  187.                 knownState = {key:'value'};
  188.             swarm.history.replaceState(knownState);
  189.             swarm.history.pushState(null, null, null);
  190.  
  191.             swarm.history.onPopState(function() {
  192.                 popped = true;
  193.             });
  194.  
  195.             go(-1, function() {
  196.                 deepEqual(window.history.state, knownState);
  197.                 equal(popped, true);
  198.             });
  199.  
  200.             // start only after queued items are finished
  201.             queueStart();
  202.         });
  203.     }());
  204.     /* End OF "swarm.history" TEST MODULE */
  205.     </script>
  206. </body>
  207. </html>
# Change User Description Committed
#1 18730 Liz Lam clean up code and move things around 9 years ago