async_010.htm - mozsearch

mozilla-central/testing/web-platform/tests/html/semantics/scripting-1/the-script-element/async_010.htm

Enable keyboard shortcuts

Source code

File a bug in Core :: DOM: Core & HTML

Revision control

Copy as Markdown

Other Tools

Test Info:

This WPT test may be referenced by the following Test IDs:
- /html/semantics/scripting-1/the-script-element/async_010.htm - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

    <head>

        <title>Removing an async script before execution</title>

        <meta name="timeout" content="long">

        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

        <meta description="This test ensures that an async script still executes if it is removed from a markup before the download is complete. The other two scripts that come after it in insertion order should execute as well." />

        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />

        <link rel="help" href="https://html.spec.whatwg.org/multipage/#execute-the-script-block"/>

        <script src="/resources/testharness.js"></script>

        <script src="/resources/testharnessreport.js"></script>

        <script type="text/javascript">

        var t = async_test("Removing an async script before execution");

        function timeout()

            t.step(function(){ assert_equals(document.getElementById("testresult").innerHTML, "4123")});

            t.done();

        var timer = setTimeout(timeout, 8000);

        function log(text)

            var textNode = document.createTextNode(text);

            document.getElementById("testresult").appendChild(textNode);

        </script>

    </head>

    <body>

        <div id=log></div>

        <span id="testresult"></span>

        <script type="text/javascript">

            var s1 = document.createElement("script");

            s1.src="log.py?sec=2&id=1";

            s1.async = false;

            document.body.appendChild(s1);

            var s2 = document.createElement("script");

            s2.src="log.py?sec=1&id=2";

            s2.async = false;

            document.body.appendChild(s2);

            var s3 = document.createElement("script");

            s3.id = "s3";

            s3.src="log.py?sec=0&id=3";

            s3.async = false;

            document.body.appendChild(s3);

            //Remove s1 (Should still execute)

            document.body.removeChild(s1);

        </script>

        <script type="text/javascript">log('4');</script>

    </body>

</html>