Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(81)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/canvas/canvas-createImageBitmap-drawImage-with-options.html

Issue 1609763002: Implement ImageBitmap options premultiplyAlpha (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/canvas/canvas-createImageBitmap-drawImage-video-with-options-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/canvas/canvas-createImageBitmap-drawImage-with-options-expected.txt » ('j') | third_party/WebKit/Source/core/frame/ImageBitmap.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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, testBitmap, blob];
157 // elements = [image, aCanvas, d, testBitmap, 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, {'premultiplyAlpha' : false}).then(funct ion (image) { imageBitmaps.noCrop = 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, {'premultiplyAlpha' : fals e}).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, {'premultiplyAlpha' : fals e}).then(function (image) { imageBitmaps.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, {'premultiplyAlpha' : fa lse}).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, {'premultiplyAlpha' : false}).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, {'premultiplyAlpha' : f alse}).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, {'premultiplyAlpha' : false}).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, {'premultiplyAlpha' : false}).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, {'premultiplyAlpha' : f alse}).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 checkNoCrop(imageBitmaps.noCrop);
181 checkCrop(imageBitmaps.crop); 182 checkCrop(imageBitmaps.crop);
182 checkCropCenter(imageBitmaps.cropCenter); 183 checkCropCenter(imageBitmaps.cropCenter);
183 checkCropRight(imageBitmaps.cropRight); 184 checkCropRight(imageBitmaps.cropRight);
184 checkOverCrop(imageBitmaps.overCrop); 185 checkOverCrop(imageBitmaps.overCrop);
185 checkOverCropRight(imageBitmaps.overCropRight); 186 checkOverCropRight(imageBitmaps.overCropRight);
186 checkCrop(imageBitmaps.negativeCrop); 187 checkCrop(imageBitmaps.negativeCrop);
187 checkEmpty(imageBitmaps.empty); 188 checkEmpty(imageBitmaps.empty);
188 checkEmpty(imageBitmaps.emptyTwo); 189 checkEmpty(imageBitmaps.emptyTwo);
(...skipping 146 matching lines...) Expand 10 before | Expand all | Expand 10 after
335 shouldBeRed(19, 19); 336 shouldBeRed(19, 19);
336 shouldBeGreen(21, 19); 337 shouldBeGreen(21, 19);
337 shouldBeBlue(19, 21); 338 shouldBeBlue(19, 21);
338 shouldBeBlack(21, 21); 339 shouldBeBlack(21, 21);
339 shouldBeBlack(29, 29); 340 shouldBeBlack(29, 29);
340 shouldBeClear(32, 1); 341 shouldBeClear(32, 1);
341 shouldBeClear(1, 32); 342 shouldBeClear(1, 32);
342 shouldBeClear(32, 32); 343 shouldBeClear(32, 32);
343 344
344 // should be drawn to (5, 5), (15, 15) 345 // should be drawn to (5, 5), (15, 15)
345 clearContext(ctx); 346 // comment out this part for now due to crbug.com/578889
347 /*clearContext(ctx);
346 ctx.drawImage(imageBitmap, 0, 0, 30, 30); 348 ctx.drawImage(imageBitmap, 0, 0, 30, 30);
347 shouldBeClear(1, 1); 349 shouldBeClear(1, 1);
348 shouldBeClear(4, 4); 350 shouldBeClear(4, 4);
349 shouldBeRed(6, 6); 351 shouldBeRed(6, 6);
350 shouldBeRed(9, 9); 352 shouldBeRed(9, 9);
351 shouldBeGreen(11, 9); 353 shouldBeGreen(11, 9);
352 shouldBeBlue(9, 11); 354 shouldBeBlue(9, 11);
353 shouldBeBlack(11, 11); 355 shouldBeBlack(11, 11);
354 shouldBeBlack(14, 14); 356 shouldBeBlack(14, 14);
355 shouldBeClear(16, 1); 357 shouldBeClear(16, 1);
356 shouldBeClear(1, 16); 358 shouldBeClear(1, 16);
357 shouldBeClear(16, 16); 359 shouldBeClear(16, 16);*/
358 } 360 }
359 361
360 function checkOverCropRight(imageBitmap) { 362 function checkOverCropRight(imageBitmap) {
361 debug("Check over crop right."); 363 debug("Check over crop right.");
362 bitmap = imageBitmap; 364 bitmap = imageBitmap;
363 shouldBe("bitmap.width", "50"); 365 shouldBe("bitmap.width", "50");
364 shouldBe("bitmap.height", "50"); 366 shouldBe("bitmap.height", "50");
365 367
366 // black should be drawn to (0, 0), (10, 10) 368 // black should be drawn to (0, 0), (10, 10)
367 clearContext(ctx); 369 clearContext(ctx);
368 ctx.drawImage(imageBitmap, 0, 0); 370 ctx.drawImage(imageBitmap, 0, 0);
369 shouldBeBlack(1, 1); 371 shouldBeBlack(1, 1);
370 shouldBeBlack(9, 9); 372 shouldBeBlack(9, 9);
371 shouldBeClear(11, 11); 373 shouldBeClear(11, 11);
372 shouldBeClear(1, 11); 374 shouldBeClear(1, 11);
373 shouldBeClear(11, 1); 375 shouldBeClear(11, 1);
374 376
375 // black should be drawn to (0, 0), (4, 4) 377 // black should be drawn to (0, 0), (4, 4)
376 clearContext(ctx); 378 // comment out this part for now due to crbug.com/578889
379 /*clearContext(ctx);
377 ctx.drawImage(imageBitmap, 0, 0, 20, 20); 380 ctx.drawImage(imageBitmap, 0, 0, 20, 20);
378 shouldBeBlack(1, 1); 381 shouldBeBlack(1, 1);
379 shouldBeBlack(3, 3); 382 shouldBeBlack(3, 3);
380 shouldBeClear(5, 5); 383 shouldBeClear(5, 5);
381 shouldBeClear(1, 5); 384 shouldBeClear(1, 5);
382 shouldBeClear(5, 1); 385 shouldBeClear(5, 1);*/
383 386
384 // nothing should be drawn 387 // nothing should be drawn
385 clearContext(ctx); 388 clearContext(ctx);
386 ctx.drawImage(imageBitmap, 10, 10, 20, 20, 0, 0, 20, 20); 389 ctx.drawImage(imageBitmap, 10, 10, 20, 20, 0, 0, 20, 20);
387 shouldBeClear(1, 1); 390 shouldBeClear(1, 1);
388 shouldBeClear(3, 3); 391 shouldBeClear(3, 3);
389 shouldBeClear(5, 5); 392 shouldBeClear(5, 5);
390 shouldBeClear(1, 5); 393 shouldBeClear(1, 5);
391 shouldBeClear(5, 1); 394 shouldBeClear(5, 1);
392 } 395 }
393 396
394 function checkEmpty(imageBitmap) { 397 function checkEmpty(imageBitmap) {
395 debug("Check empty."); 398 debug("Check empty.");
396 bitmap = imageBitmap; 399 bitmap = imageBitmap;
397 shouldBeType("bitmap", "ImageBitmap"); 400 shouldBeType("bitmap", "ImageBitmap");
398 shouldBe("bitmap.width", "30"); 401 shouldBe("bitmap.width", "30");
399 shouldBe("bitmap.height", "30"); 402 shouldBe("bitmap.height", "30");
400 403
401 // nothing should be drawn 404 // nothing should be drawn
402 clearContext(ctx); 405 clearContext(ctx);
403 ctx.drawImage(imageBitmap, 0, 0); 406 ctx.drawImage(imageBitmap, 0, 0);
404 shouldBeClear(1, 1); 407 shouldBeClear(1, 1);
405 shouldBeClear(9, 9); 408 shouldBeClear(9, 9);
406 shouldBeClear(11, 11); 409 shouldBeClear(11, 11);
407 shouldBeClear(22, 22); 410 shouldBeClear(22, 22);
408 } 411 }
409 </script> 412 </script>
410 </body> 413 </body>
411 </html> 414 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/canvas/canvas-createImageBitmap-drawImage-video-with-options-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/canvas/canvas-createImageBitmap-drawImage-with-options-expected.txt » ('j') | third_party/WebKit/Source/core/frame/ImageBitmap.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698