2dcontext/imagebitmap/createImageBitmap-drawImage.html

<!DOCTYPE html>
<html>
<title>createImageBitmap + drawImage test</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/canvas-tests.js"></script>
<script src="common.js"></script>
<link rel="stylesheet" href="/common/canvas-tests.css">
<body>
<script>
(function() {
    promise_test(function() {
        return new Promise(function(resolve, reject) {
            var img = new Image();
            img.onload = function() { resolve(img); };
            img.src = "/images/pattern.png";
        }).then(function(img) {
            return testDrawImageBitmap(img);
        });
    }, "createImageBitmap from a HTMLImageElement, and drawImage on the created ImageBitmap");

    promise_test(function() {
        return new Promise(function(resolve, reject) {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", '/images/pattern.png');
            xhr.responseType = 'blob';
            xhr.send();
            xhr.onload = function() {
                blob = xhr.response;
                resolve(blob);
            };
        }).then(function(blob) {
            return testDrawImageBitmap(blob);
        });
    }, "createImageBitmap from a Blob, and drawImage on the created ImageBitmap");

    promise_test(function() {
        var testCanvas = document.createElement("canvas");
        initializeTestCanvas(testCanvas);
        return testDrawImageBitmap(testCanvas);
    }, "createImageBitmap from a HTMLCanvasElement, and drawImage on the created ImageBitmap");

    promise_test(function() {
        var testCanvas = document.createElement("canvas");
        initializeTestCanvas(testCanvas);
        return new Promise(function(resolve, reject) {
            createImageBitmap(testCanvas).then(function(bitmap) {
                resolve(bitmap);
            });
        }).then(function(bitmap) {
            return testDrawImageBitmap(bitmap);
        });
    }, "createImageBitmap from an ImageBitmap, and drawImage on the created ImageBitmap");

    promise_test(function() {
        var imgData = new ImageData(20, 20);
        initializeImageData(imgData, 20, 20);
        return testDrawImageBitmap(imgData);
    }, "createImageBitmap from an ImageData, and drawImage on the created ImageBitmap");

    promise_test(function() {
        return new Promise(function(resolve, reject) {
            var video = document.createElement("video");
            video.oncanplaythrough = function() {
                resolve(video);
            };
            video.src = "/images/pattern.ogv";
        }).then(function(video) {
            return testDrawImageBitmap(video);
        });
    }, "createImageBitmap from a HTMLVideoElement, and drawImage on the created ImageBitmap");
})();
</script>
</body>
</html>