readystate.html | Explore in Territory

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../../resources/js-test.js"></script>
</head>
<body onload="allDone()">
Tests that the document's readyState is set properly at various phases during load.
<div id="console"></div>
<script defer src="data:text/javascript,shouldBeEqualToString('document.readyState', 'interactive');shouldBeTrue('readyStateChangeFired');"></script>
<script src="data:text/javascript,shouldBeEqualToString('document.readyState', 'loading');"></script>
<iframe src="does-not-exist.html"></iframe>
<script>
  var jsTestIsAsync = true;

  shouldBe("document.onreadystatechange", "null");
  shouldBeEqualToString("document.readyState", "loading");

  document.addEventListener("DOMContentLoaded", function() {
    shouldBeEqualToString("document.readyState", "interactive");

    var el = document.createElement('script');
    el.src = "data:text/javascript,shouldBeEqualToString('document.readyState', 'interactive');";
    document.getElementsByTagName('head')[0].appendChild(el);
  }, false);

  var expectedStates = ["interactive", "complete"];
  var nextExpectedState = 0;
  var readyStateChangeFired = false;
  document.onreadystatechange = function(event) {
    shouldBe("event.target.readyState", "expectedStates[nextExpectedState]");
    ++nextExpectedState;
    readyStateChangeFired = true;
  }

  function readyStateShouldNotChange(event) {
    testFailed("should not have been notified of subdocument state change to " + event.target.readyState);
  }

  var subdocument = document.getElementsByTagName('iframe')[0].contentDocument;
  subdocument.onreadystatechange = readyStateShouldNotChange;
  subdocument.open();
  shouldBeEqualToString("subdocument.readyState", "loading");
  subdocument.close();
  shouldBeEqualToString("subdocument.readyState", "complete");

  var htmlDocument = document.implementation.createHTMLDocument();
  shouldBeEqualToString("htmlDocument.readyState", "loading");

  var expectedDynamicStates = ["interactive", "complete"];
  var nextExpectedDynamicState = 0;
  var dynamicIframe = document.createElement('iframe');
  dynamicIframe.setAttribute("src", "about:blank");
  dynamicIframe.setAttribute("onload", "parent.dynamicIframeLoaded()");
  subdocument.body.appendChild(dynamicIframe);
  function dynamicIframeLoaded() {
    shouldBeEqualToString("dynamicIframe.contentDocument.readyState", "complete");
    dynamicIframe.contentDocument.onreadystatechange = readyStateShouldNotChange;
    dynamicIframe.contentDocument.open();
    shouldBe("dynamicIframe.contentDocument.onreadystatechange", "null");
    shouldBeEqualToString("dynamicIframe.contentDocument.readyState", "loading");
    dynamicIframe.contentDocument.onreadystatechange = function() {
      shouldBe("dynamicIframe.contentDocument.readyState", "expectedDynamicStates[nextExpectedDynamicState]");
      ++nextExpectedDynamicState;
    }
    dynamicIframe.contentDocument.close();
    shouldBeEqualToString("dynamicIframe.contentDocument.readyState", "complete");

    dynamicIframe.contentDocument.onreadystatechange = readyStateShouldNotChange;
    subdocument.open();
    subdocument.close();
  }

  function allDone() {
    shouldBe("nextExpectedState", "expectedStates.length");
    shouldBe("nextExpectedDynamicState", "expectedDynamicStates.length");
    shouldBeEqualToString("document.readyState", "complete");
    finishJSTest();
  }
</script>
</body>
</html>
chromium/third_party/blink/web_tests/fast/dom/Document/readystate.html
