// Copyright 2016 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

// Populates pop-state-received-div and state-object-div upon a popstate event.
function onPopstate(e) {
  updatePopStateReceivedText(true);
  const stateText = e.state ? e.state : '(NO STATE OBJECT)';
  updateStateObjectText(stateText);
}

// Populates hash-change-received-div upon receiving of a hashchange event.
function onHashChange(e) {
  updateHashChangeReceivedText(true);
}

function updateOnLoadText(text) {
  document.getElementById('on-load-div').innerHTML = text;
}

function updateNoOpText(text) {
  document.getElementById('no-op-div').innerHTML = text;
}

function updatePopStateReceivedText(received) {
  const text = received ? 'PopStateReceived' : '';
  document.getElementById('pop-state-received-div').innerHTML = text;
}

function updateStateObjectText(state) {
  document.getElementById('state-object-div').innerHTML = state;
}

function updateHashChangeReceivedText(received) {
  const 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 navigations occur after a
// no-op JavaScript call.
function onButtonTapped() {
  updateOnLoadText('');
  updateNoOpText('');
  updatePopStateReceivedText(false);
  updateStateObjectText('');
  updateHashChangeReceivedText(false);
  setTimeout('updateNoOpText(\'NoOpText\')', 1000);
}

function goNoParameter() {
  onButtonTapped();
  window.history.go();
}

function goZero() {
  onButtonTapped();
  window.history.go(0);
}

function goBack() {
  onButtonTapped();
  window.history.back();
}

function goForward() {
  onButtonTapped();
  window.history.forward();
}

function go2() {
  onButtonTapped();
  window.history.go(2);
}

function goBack2() {
  onButtonTapped();
  window.history.go(-2);
}

function pushStateWithHash() {
  onButtonTapped();
  window.history.pushState('STATE_OBJECT', 'Title', '#hash');
}

// Adds event listeners and populates on-load-div.
window.onload = function() {
  window.addEventListener('popstate', onPopstate);
  window.addEventListener('hashchange', onHashChange);
  updateOnLoadText('OnLoadText');
};