OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
5 </head> | 5 </head> |
6 <body> | 6 <body> |
7 <script> | 7 <script> |
8 | 8 |
9 description("Ensure correct behavior of drawImage with ImageBitmaps."); | 9 description("Ensure correct behavior of drawImage with ImageBitmaps."); |
10 window.jsTestIsAsync = true; | 10 window.jsTestIsAsync = true; |
(...skipping 135 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
146 xhr.send(); | 146 xhr.send(); |
147 xhr.onload = function() { | 147 xhr.onload = function() { |
148 blob = xhr.response; | 148 blob = xhr.response; |
149 blobLoaded = true; | 149 blobLoaded = true; |
150 loaded(); | 150 loaded(); |
151 } | 151 } |
152 | 152 |
153 function loaded() { | 153 function loaded() { |
154 if (imageLoaded && imageBitmapLoaded && blobLoaded) { | 154 if (imageLoaded && imageBitmapLoaded && blobLoaded) { |
155 // check all of these elements | 155 // check all of these elements |
156 elements = [image, aCanvas, d, testBitmap, blob]; | 156 // elements = [image, aCanvas, d, testBitmap, blob]; |
| 157 elements = [blob]; |
157 // wait for callback to finish before each check to ensure synchronous b
ehavior | 158 // wait for callback to finish before each check to ensure synchronous b
ehavior |
158 nextCheck(0); | 159 nextCheck(0); |
159 } | 160 } |
160 } | 161 } |
161 | 162 |
162 function nextCheck(elementIndex) { | 163 function nextCheck(elementIndex) { |
163 if (elementIndex == elements.length) { | 164 if (elementIndex == elements.length) { |
164 finishJSTest(); | 165 finishJSTest(); |
165 return; | 166 return; |
166 } | 167 } |
167 var element = elements[elementIndex]; | 168 var element = elements[elementIndex]; |
168 imageBitmaps = {}; | 169 imageBitmaps = {}; |
169 debug("Checking " + jsWrapperClass(element) + "."); | 170 debug("Checking " + jsWrapperClass(element) + "."); |
170 var p1 = createImageBitmap(element).then(function (image) { imageBitmaps.noC
rop = image }); | 171 var p1 = createImageBitmap(element).then(function (image) { imageBitmaps.noC
rop = image }); |
171 var p2 = createImageBitmap(element, 0, 0, 10, 10).then(function (image) { im
ageBitmaps.crop = image }); | 172 /*var p2 = createImageBitmap(element, 0, 0, 10, 10).then(function (image) {
imageBitmaps.crop = image }); |
172 var p3 = createImageBitmap(element, 5, 5, 10, 10).then(function (image) { im
ageBitmaps.cropCenter = image }); | 173 var p3 = createImageBitmap(element, 5, 5, 10, 10).then(function (image) { im
ageBitmaps.cropCenter = image }); |
173 var p4 = createImageBitmap(element, 10, 10, 10, 10).then(function (image) {
imageBitmaps.cropRight = image }); | 174 var p4 = createImageBitmap(element, 10, 10, 10, 10).then(function (image) {
imageBitmaps.cropRight = image }); |
174 var p5 = createImageBitmap(element, -10, -10, 60, 60).then(function (image)
{ imageBitmaps.overCrop = image }); | 175 var p5 = createImageBitmap(element, -10, -10, 60, 60).then(function (image)
{ imageBitmaps.overCrop = image }); |
175 var p6 = createImageBitmap(element, 10, 10, 50, 50).then(function (image) {
imageBitmaps.overCropRight = image }); | 176 var p6 = createImageBitmap(element, 10, 10, 50, 50).then(function (image) {
imageBitmaps.overCropRight = image }); |
176 var p7 = createImageBitmap(element, 10, 10, -10, -10).then(function (image)
{ imageBitmaps.negativeCrop = image }); | 177 var p7 = createImageBitmap(element, 10, 10, -10, -10).then(function (image)
{ imageBitmaps.negativeCrop = image }); |
177 var p8 = createImageBitmap(element, -30, -30, 30, 30).then(function (image)
{ imageBitmaps.empty = image }); | 178 var p8 = createImageBitmap(element, -30, -30, 30, 30).then(function (image)
{ imageBitmaps.empty = image }); |
178 var p9 = createImageBitmap(element, 40, 30, 30, 30).then(function (image) {
imageBitmaps.emptyTwo = image }); | 179 var p9 = createImageBitmap(element, 40, 30, 30, 30).then(function (image) {
imageBitmaps.emptyTwo = image }); |
179 Promise.all([p1, p2, p3, p4, p5, p6, p7, p8, p9]).then(function() { | 180 Promise.all([p1, p2, p3, p4, p5, p6, p7, p8, p9]).then(function() {*/ |
180 checkNoCrop(imageBitmaps.noCrop); | 181 Promise.all([p1]).then(function() { |
| 182 /*checkNoCrop(imageBitmaps.noCrop); |
181 checkCrop(imageBitmaps.crop); | 183 checkCrop(imageBitmaps.crop); |
182 checkCropCenter(imageBitmaps.cropCenter); | 184 checkCropCenter(imageBitmaps.cropCenter); |
183 checkCropRight(imageBitmaps.cropRight); | 185 checkCropRight(imageBitmaps.cropRight); |
184 checkOverCrop(imageBitmaps.overCrop); | 186 checkOverCrop(imageBitmaps.overCrop); |
185 checkOverCropRight(imageBitmaps.overCropRight); | 187 checkOverCropRight(imageBitmaps.overCropRight); |
186 checkCrop(imageBitmaps.negativeCrop); | 188 checkCrop(imageBitmaps.negativeCrop); |
187 checkEmpty(imageBitmaps.empty); | 189 checkEmpty(imageBitmaps.empty); |
188 checkEmpty(imageBitmaps.emptyTwo); | 190 checkEmpty(imageBitmaps.emptyTwo);*/ |
189 createImageBitmap(element, 0, 0, Math.pow(10, 6), Math.pow(10, 6)).then(
function() { | 191 createImageBitmap(element, 0, 0, 0x8000, 0x8000).then(function() { |
190 testFailed('Creating a huge ImageBitmap is resolved unexpectedly.'); | 192 testFailed('Creating a huge ImageBitmap is resolved unexpectedly.'); |
191 finishJSTest(); | 193 finishJSTest(); |
192 }, function() { | 194 }, function() { |
193 testPassed('Creating a huge ImageBitmap is rejected as expected.'); | 195 testPassed('Creating a huge ImageBitmap is rejected as expected.'); |
194 nextCheck(elementIndex + 1); | 196 nextCheck(elementIndex + 1); |
195 }); | 197 }); |
196 }, shouldNotBeCalled); | 198 }, shouldNotBeCalled); |
197 } | 199 } |
198 | 200 |
199 function checkNoCrop(imageBitmap) { | 201 function checkNoCrop(imageBitmap) { |
(...skipping 209 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
409 ctx.drawImage(imageBitmap, 0, 0); | 411 ctx.drawImage(imageBitmap, 0, 0); |
410 shouldBeClear(1, 1); | 412 shouldBeClear(1, 1); |
411 shouldBeClear(9, 9); | 413 shouldBeClear(9, 9); |
412 shouldBeClear(11, 11); | 414 shouldBeClear(11, 11); |
413 shouldBeClear(22, 22); | 415 shouldBeClear(22, 22); |
414 } | 416 } |
415 | 417 |
416 </script> | 418 </script> |
417 </body> | 419 </body> |
418 </html> | 420 </html> |
OLD | NEW |