| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <script src="../../resources/testharness.js"></script> | 2 <script src="../../resources/testharness.js"></script> |
| 3 <script src="../../resources/testharnessreport.js"></script> | 3 <script src="../../resources/testharnessreport.js"></script> |
| 4 <script> | 4 <script> |
| 5 function checkNoCrop(imageBitmap) | 5 function checkNoCrop(imageBitmap) |
| 6 { | 6 { |
| 7 var canvas = document.createElement("canvas"); | 7 var canvas = document.createElement("canvas"); |
| 8 canvas.width = 50; | 8 canvas.width = 50; |
| 9 canvas.height = 50; | 9 canvas.height = 50; |
| 10 var ctx = canvas.getContext("2d"); | 10 var ctx = canvas.getContext("2d"); |
| (...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 106 testCtx.fillRect(0, 0, 10, 10); | 106 testCtx.fillRect(0, 0, 10, 10); |
| 107 testCtx.fillStyle = "rgb(0, 255, 0)"; | 107 testCtx.fillStyle = "rgb(0, 255, 0)"; |
| 108 testCtx.fillRect(10, 0, 10, 10); | 108 testCtx.fillRect(10, 0, 10, 10); |
| 109 testCtx.fillStyle = "rgb(0, 0, 255)"; | 109 testCtx.fillStyle = "rgb(0, 0, 255)"; |
| 110 testCtx.fillRect(0, 10, 10, 10); | 110 testCtx.fillRect(0, 10, 10, 10); |
| 111 testCtx.fillStyle = "rgb(0, 0, 0)"; | 111 testCtx.fillStyle = "rgb(0, 0, 0)"; |
| 112 testCtx.fillRect(10, 10, 10, 10); | 112 testCtx.fillRect(10, 10, 10, 10); |
| 113 return testCanvas; | 113 return testCanvas; |
| 114 } | 114 } |
| 115 | 115 |
| 116 // Blob | |
| 117 promise_test(function() { | |
| 118 return new Promise((resolve, reject) => { | |
| 119 var xhr = new XMLHttpRequest(); | |
| 120 xhr.open("GET", 'resources/pattern.png'); | |
| 121 xhr.responseType = 'blob'; | |
| 122 xhr.send(); | |
| 123 xhr.onload = function() { | |
| 124 resolve(xhr.response); | |
| 125 }; | |
| 126 }).then(testImageBitmap); | |
| 127 }, 'createImageBitmap from a Blob with resize option.'); | |
| 128 | |
| 129 // HTMLCanvasElement | |
| 130 promise_test(function() { | |
| 131 var testCanvas = initializeTestCanvas(); | |
| 132 return testImageBitmap(testCanvas); | |
| 133 }, 'createImageBitmap from a HTMLCanvasElement with resize option.'); | |
| 134 | |
| 135 // HTMLImageElement | |
| 136 promise_test(function() { | |
| 137 return new Promise((resolve, reject) => { | |
| 138 var image = new Image(); | |
| 139 image.onload = function() { | |
| 140 resolve(image); | |
| 141 } | |
| 142 image.src = 'resources/pattern.png' | |
| 143 }).then(testImageBitmap); | |
| 144 }, 'createImageBitmap from a HTMLImageElement with resize option.'); | |
| 145 | |
| 146 // ImageBitmap | |
| 147 promise_test(function() { | |
| 148 var testCanvas = initializeTestCanvas(); | |
| 149 return createImageBitmap(testCanvas).then(testImageBitmap); | |
| 150 }, 'createImageBitmap from an ImageBitmap with resize option.'); | |
| 151 | |
| 152 // ImageData | 116 // ImageData |
| 153 promise_test(function() { | 117 promise_test(function() { |
| 154 var canvas = initializeTestCanvas(); | 118 var canvas = initializeTestCanvas(); |
| 155 var ctx = canvas.getContext("2d"); | 119 var ctx = canvas.getContext("2d"); |
| 156 var data = ctx.getImageData(0, 0, 20, 20); | 120 var data = ctx.getImageData(0, 0, 20, 20); |
| 157 return testImageBitmap(data); | 121 return testImageBitmap(data); |
| 158 }, 'createImageBitmap from an ImageData with resize option.'); | 122 }, 'createImageBitmap from an ImageData with resize option.'); |
| 159 </script> | 123 </script> |
| OLD | NEW |