| <!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> |
