browser_500328.js - mozsearch

Enable keyboard shortcuts

/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

function checkState(tab) {

  // Go back and then forward, and make sure that the state objects received

  // from the popState event are as we expect them to be.

//

  // We also add a node to the document's body when after going back and make

  // sure it's still there after we go forward -- this is to test that the two

  // history entries correspond to the same document.

  let popStateCount = 0;

  tab.linkedBrowser.addEventListener('popstate', function checkStateTabPopState(aEvent) {

    let contentWindow = tab.linkedBrowser.contentWindow;

    if (popStateCount == 0) {

      popStateCount++;

      is(tab.linkedBrowser.contentWindow.testState, 'foo',

         'testState after going back');

      ok(aEvent.state, "Event should have a state property.");

      is(JSON.stringify(tab.linkedBrowser.contentWindow.history.state), JSON.stringify({obj1:1}),

         "first popstate object.");

      // Add a node with id "new-elem" to the document.

      let doc = contentWindow.document;

      ok(!doc.getElementById("new-elem"),

         "doc shouldn't contain new-elem before we add it.");

      let elem = doc.createElement("div");

      elem.id = "new-elem";

      doc.body.appendChild(elem);

      contentWindow.history.forward();

    else if (popStateCount == 1) {

      popStateCount++;

      is(aEvent.state.obj3.toString(), '/^a$/', "second popstate object.");

      // Make sure that the new-elem node is present in the document.  If it's

      // not, then this history entry has a different doc identifier than the

      // previous entry, which is bad.

      let doc = contentWindow.document;

      let newElem = doc.getElementById("new-elem");

      ok(newElem, "doc should contain new-elem.");

      newElem.remove();

      ok(!doc.getElementById("new-elem"), "new-elem should be removed.");

      // Clean up after ourselves and finish the test.

      tab.linkedBrowser.removeEventListener("popstate", checkStateTabPopState,

                                              true);

      getBrowser().removeTab(tab);

      finish();

  }, true);

  // Set some state in the page's window.  When we go back(), the page should

  // be retrieved from bfcache, and this state should still be there.

  tab.linkedBrowser.contentWindow.testState = 'foo';

  // Now go back.  This should trigger the popstate event handler above.

  tab.linkedBrowser.contentWindow.history.back();

function test() {

  // Tests session restore functionality of history.pushState and

  // history.replaceState().  (Bug 500328)

  waitForExplicitFinish();

  // We open a new blank window, let it load, and then load in

  // http://example.com.  We need to load the blank window first, otherwise the

  // docshell gets confused and doesn't have a current history entry.

  let tab = getBrowser().addTab("about:blank");

  let tabBrowser = tab.linkedBrowser;

  tabBrowser.addEventListener("load", function testTabBrowserLoad(aEvent) {

    tabBrowser.removeEventListener("load", testTabBrowserLoad, true);

    tabBrowser.loadURI("http://example.com", null, null);

    tabBrowser.addEventListener("load", function testTabBrowserLoad2(aEvent) {

      tabBrowser.removeEventListener("load", testTabBrowserLoad2, true);

      // After these push/replaceState calls, the window should have three

      // history entries:

      //   testURL        (state object: null)          <-- oldest

      //   testURL        (state object: {obj1:1})

      //   testURL?page2  (state object: {obj3:/^a$/})  <-- newest

      let contentWindow = tab.linkedBrowser.contentWindow;

      let history = contentWindow.history;

      history.pushState({obj1:1}, "title-obj1");

      history.pushState({obj2:2}, "title-obj2", "?page2");

      history.replaceState({obj3:/^a$/}, "title-obj3");

      let state = ss.getTabState(tab);

      getBrowser().removeTab(tab);

      // Restore the state into a new tab.  Things don't work well when we

      // restore into the old tab, but that's not a real use case anyway.

      let tab2 = getBrowser().addTab("about:blank");

      ss.setTabState(tab2, state, true);

      // Run checkState() once the tab finishes loading its restored state.

      tab2.linkedBrowser.addEventListener("load", function testTBTab2LBLoad() {

        tab2.linkedBrowser.removeEventListener("load", testTBTab2LBLoad, true);

        SimpleTest.executeSoon(function() {

          checkState(tab2);

});

      }, true);

    }, true);

  }, true);