| // Copyright 2016 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| // Adds event listeners and populates on-load-div. |
| window.onload = function() { |
| window.addEventListener('popstate', onPopstate); |
| window.addEventListener('hashchange', onHashChange); |
| updateOnLoadText('OnLoadText'); |
| }; |
| |
| // Populates pop-state-received-div and state-object-div upon a popstate event. |
| var onPopstate = function(e) { |
| updatePopStateReceivedText(true); |
| var stateText = e.state ? e.state : '(NO STATE OBJECT)'; |
| updateStateObjectText(stateText); |
| }; |
| |
| // Populates hash-change-received-div upon receiving of a hashchange event. |
| var onHashChange = function(e) { |
| updateHashChangeReceivedText(true); |
| } |
| |
| var updateOnLoadText = function(text) { |
| document.getElementById('on-load-div').innerHTML = text; |
| } |
| |
| var updateNoOpText = function(text) { |
| document.getElementById('no-op-div').innerHTML = text; |
| } |
| |
| var updatePopStateReceivedText = function(received) { |
| var text = received ? 'PopStateReceived' : ''; |
| document.getElementById('pop-state-received-div').innerHTML = text; |
| } |
| |
| var updateStateObjectText = function(state) { |
| document.getElementById('state-object-div').innerHTML = state; |
| } |
| |
| var updateHashChangeReceivedText = function(received) { |
| var text = received ? 'HashChangeReceived' : ''; |
| document.getElementById('hash-change-received-div').innerHTML = text; |
| } |
| |
| // Clears all div text an starts a timer that updates no-op-div with "NoOpText" |
| // after 1s. This allows tests to verify that no nagivations occur after a |
| // no-op JavaScript call. |
| var onButtonTapped = function() { |
| updateOnLoadText(''); |
| updateNoOpText(''); |
| updatePopStateReceivedText(false); |
| updateStateObjectText(''); |
| updateHashChangeReceivedText(false); |
| setTimeout("updateNoOpText('NoOpText')", 1000); |
| } |
| |
| var goNoParameter = function() { |
| onButtonTapped(); |
| window.history.go(); |
| } |
| |
| var goZero = function() { |
| onButtonTapped(); |
| window.history.go(0); |
| } |
| |
| var goBack = function() { |
| onButtonTapped(); |
| window.history.back(); |
| } |
| |
| var goForward = function() { |
| onButtonTapped(); |
| window.history.forward(); |
| } |
| |
| var go2 = function() { |
| onButtonTapped(); |
| window.history.go(2); |
| } |
| |
| var goBack2 = function() { |
| onButtonTapped(); |
| window.history.go(-2); |
| } |
| |
| var pushStateWithHash = function() { |
| onButtonTapped(); |
| window.history.pushState('STATE_OBJECT', 'Title', '#hash'); |
| } |