gecko/docshell/test/chrome/bug293235_window.xul

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>

<window id="293235Test"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        width="600"
        height="600"
        onload="setTimeout(nextTest,0);"
        title="bug 293235 test">

  <script type="application/javascript"
    src=
  "chrome://mochikit/content/chrome/docshell/test/chrome/docshell_helpers.js">
  </script>

  <script type="application/javascript"><![CDATA[
    const Ci = Components.interfaces;
    const Cc = Components.classes;
    Components.utils.import("resource://gre/modules/NetUtil.jsm");

    // Define the generator-iterator for the tests.
    var tests = testIterator();

    ////
    // Execute the next test in the generator function.
    //
    function nextTest() {
      tests.next();
    }

    // Return the Element object for the specified element id
    function $(id) { return TestWindow.getDocument().getElementById(id); }

    ////
    // Generator function for test steps for bug 293235:
    // A visited link should have the :visited style applied
    // to it when displayed on a page which was fetched from
    // the bfcache.
    //
    function testIterator()
    {
      // Register our observer to know when the link lookup is complete.
      let testURI = NetUtil.newURI(getHttpUrl("bug293235_p2.html"));
      let os = Cc["@mozilla.org/observer-service;1"].
               getService(Ci.nsIObserverService);
      const URI_VISITED_RESOLUTION_TOPIC = "visited-status-resolution";
      let observer = {
        notified: false,
        observe: function(aSubject, aTopic, aData)
        {
          if (!testURI.equals(aSubject.QueryInterface(Ci.nsIURI))) {
            return;
          }
          is(aTopic, URI_VISITED_RESOLUTION_TOPIC, "Unexpected topic");
          this.notified = true;

          // Cleanup after ourselves...
          os.removeObserver(this, URI_VISITED_RESOLUTION_TOPIC);
        },
      };
      os.addObserver(observer, URI_VISITED_RESOLUTION_TOPIC, false);
      function notified() observer.notified;

      // Load a test page containing a link that should be initially
      // blue, per the :link style.
      doPageNavigation({
        uri: getHttpUrl("bug293235.html"),
        onNavComplete: nextTest
      });
      yield;

      // Before we go any further, make sure our link has been notified.
      waitForTrue(notified, nextTest);
      yield;

      // Now that we've been notified, we can check our link color.
      is(TestWindow.getWindow().getComputedStyle($("link1"), "").color,
        "rgb(0, 0, 128)",
        "link not initially blue");

      // Load the page that the link on the previous page points to.
      doPageNavigation({
        uri: getHttpUrl("bug293235_p2.html"),
        onNavComplete: nextTest
      });
      yield;

      // Because of LAZY_ADD, we will not be notified for three seconds
      // Wait for four seconds just to be safe.
      setTimeout(nextTest, 4000);
      yield;

      // And the nodes get notified after the "link-visited" topic, so
      // we need to execute soon...
      SimpleTest.executeSoon(nextTest);
      yield;

      // Go back, verify the original page was loaded from the bfcache,
      // and verify that the link is now purple, per the
      // :visited style.
      doPageNavigation({
        back: true,
        eventsToListenFor: ["pageshow"],
        expectedEvents: [ { type: "pageshow",
                            persisted: true,
                            title: "Bug 293235 page1" } ],
        onNavComplete: nextTest
      });
      yield;

      // Now we can test the link color.
      is(TestWindow.getWindow().getComputedStyle($("link1"), "").color,
        "rgb(128, 0, 128)",
        ":visited link wrong color");

      // Tell the framework the test is finished.  Include the final 'yield'
      // statement to prevent a StopIteration exception from being thrown.
      finish();
      yield;
    }

  ]]></script>

  <browser type="content-primary" flex="1" id="content" src="about:blank"/>
</window>