| <!DOCTYPE html> |
| <meta charset=utf-8> |
| <title>document.readyState</title> |
| <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org"> |
| <link rel=help href="https://html.spec.whatwg.org/multipage/#resource-metadata-management"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <div id="log"></div> |
| <script> |
| var t1 = async_test("readyState equals 'complete' when the document has loaded"), |
| t2 = async_test("readyState equals 'interactive' when the document is finished parsing"), |
| t3 = async_test("readystatechange event is fired each time document.readyState changes"); |
| |
| window.onload = t1.step_func_done(function(){ |
| assert_equals(document.readyState, "complete"); |
| }); |
| |
| document.addEventListener("DOMContentLoaded", function(event) { |
| t2.step(function() { |
| assert_equals(document.readyState, "interactive") |
| }); |
| t2.done(); |
| }); |
| |
| var states = [document.readyState]; |
| document.onreadystatechange = t3.step_func(function(){ |
| states.push(document.readyState); |
| if (document.readyState === "complete") { |
| assert_array_equals(states, ["loading", "interactive", "complete"]); |
| t3.done(); |
| } |
| }) |
| </script> |