| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| |
| <script> |
| var canvas = document.createElement('canvas'); |
| canvas.width = 5; |
| canvas.height = 5; |
| var ctx = canvas.getContext('2d'); |
| |
| function getPutImageData(numIters, ctx, rgba) { |
| var x = 0, y = 0, w = ctx.canvas.width, h = ctx.canvas.height; |
| |
| // Paint the canvas green to start |
| ctx.fillStyle = color; |
| ctx.fillRect(x,y,w,h); |
| |
| // Now paint the canvas a random hue of gray |
| var color = 'rgba(' + rgba + ')'; |
| ctx.fillStyle = color; |
| ctx.fillRect(x,y,w,h); |
| |
| // Get the current "original" image data |
| var origImageData = ctx.getImageData(x, y, w, h); |
| ctx.putImageData(origImageData, x, y); |
| |
| // Get and put the image data 'numIters' times |
| for(var i = 0; i < numIters; i++) |
| ctx.putImageData(ctx.getImageData(x, y, w, h), x,y); |
| |
| // Grab new current image data |
| var currImageData = ctx.getImageData(x, y, w, h); |
| |
| // Verify that original and new current image datas are equal |
| var dataMatch = true; |
| for(var i = 0; i < currImageData.data.length; i++) |
| if (origImageData.data[i] != currImageData.data[i]) { |
| dataMatch = false; |
| break; |
| } |
| assert_true(dataMatch); |
| } |
| |
| var testScenarios = [ |
| ['GetPutImageDataTestCase0 ', 50, ctx, '0, 0, 0, 0.0'], |
| ['GetPutImageDataTestCase1 ', 50, ctx, '0, 0, 0, 0.5'], |
| ['GetPutImageDataTestCase2 ', 50, ctx, '0, 0, 0, 1.0'], |
| ['GetPutImageDataTestCase3 ', 50, ctx, '127, 128, 129, 0.49'], |
| ['GetPutImageDataTestCase4 ', 50, ctx, '127, 128, 129, 0.51'], |
| ['GetPutImageDataTestCase5 ', 50, ctx, '127, 128, 129, 0.5'], |
| ['GetPutImageDataTestCase6 ', 50, ctx, '128, 128, 128, 0.0'], |
| ['GetPutImageDataTestCase7 ', 50, ctx, '128, 128, 128, 0.5'], |
| ['GetPutImageDataTestCase8 ', 50, ctx, '128, 128, 128, 1.0'], |
| ]; |
| |
| generate_tests(getPutImageData, testScenarios); |
| |
| </script> |