<body>
    <p>This test ensures if the decoding attribute of an image is set dynamically to "async", the image will be decoded asynchronously regardless of its size.</p>
    <img decoding="sync">
    <script>
        function loadImage(image, src) {
            return new Promise((resolve) => {
                image.onload = (() => {
                    if (window.internals && window.testRunner) {
                        // Force layout and display so the image gets drawn.
                        document.body.offsetHeight;
                        testRunner.display();

                        // Listen for the webkitImageFrameReady event after requesting
                        // the image decoding.
                        image.addEventListener("webkitImageFrameReady", function() {
                            resolve();
                        }, false);
                    } else
                        resolve();
                });
                image.src = src;
            });
        }

        (function() {
            if (window.internals && window.testRunner) {
                internals.clearMemoryCache();
                internals.settings.setWebkitImageReadyEventEnabled(true);
                testRunner.waitUntilDone();
            }
 
            var image = document.querySelector("img");
            image.decoding="async";
            loadImage(image, "resources/green-24x24.jpg", true).then(() => {
                if (window.testRunner)
                    testRunner.notifyDone();
            });
        })();
    </script>
</body>