| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <script src="../../resources/testharness.js"></script> |
| 2 <html> | 2 <script src="../../resources/testharnessreport.js"></script> |
| 3 <body> | 3 <script type="text/javascript" src="canvas-blending-helpers.js"></script> |
| 4 <script src="../../resources/js-test.js"></script> | 4 <script> |
| 5 <script type="text/javascript" src="canvas-blending-helpers.js"></script> | 5 test(function(t) { |
| 6 <script type="text/javascript"> | 6 var canvas = document.createElement('canvas'); |
| 7 | 7 var sigma = 5; |
| 8 description("Series of tests to ensure correct results on applying diffe
rent blend modes when drawing a gradient on top of another."); | 8 canvas.width = 10; |
| 9 | 9 canvas.height = 10; |
| 10 var context; | 10 context = canvas.getContext('2d'); |
| 11 function actualColor(x, y) { | 11 for (var i = 0; i < blendModes.length; ++i) { |
| 12 return context.getImageData(x, y, 1, 1).data; | 12 context.clearRect(0, 0, 10, 10); |
| 13 } | 13 context.save(); |
| 14 | 14 drawBackdropColorGradientInContext(context); |
| 15 function checkBlendModeResult(i, context, sigma) { | 15 context.globalCompositeOperation = blendModes[i]; |
| 16 var expectedColor = blendColors([129 / 255, 1, 129 / 255, 1], [1, 12
9 / 255, 129 / 255, 1], i); | 16 drawSourceColorGradientInContext(context); |
| 17 var ac = "actualColor(0, 0)"; | 17 checkBlendModeResult(i, context, sigma); |
| 18 shouldBeCloseTo(ac + "[0]", expectedColor[0], sigma); | 18 context.restore(); |
| 19 shouldBeCloseTo(ac + "[1]", expectedColor[1], sigma); | 19 } |
| 20 shouldBeCloseTo(ac + "[2]", expectedColor[2], sigma); | 20 }, 'Series of tests to ensure correct results on applying different blend modes
when drawing a gradient on top of another.'); |
| 21 shouldBeCloseTo(ac + "[3]", expectedColor[3], sigma); | 21 </script> |
| 22 } | |
| 23 | |
| 24 function runTest() { | |
| 25 var canvas = document.createElement("canvas"); | |
| 26 var sigma = 5; | |
| 27 canvas.width = 10; | |
| 28 canvas.height = 10; | |
| 29 context = canvas.getContext("2d"); | |
| 30 | |
| 31 for (var i = 0; i < blendModes.length; ++i) { | |
| 32 debug("Testing blend mode " + blendModes[i]); | |
| 33 | |
| 34 context.clearRect(0, 0, 10, 10); | |
| 35 context.save(); | |
| 36 drawBackdropColorGradientInContext(context); | |
| 37 context.globalCompositeOperation = blendModes[i]; | |
| 38 drawSourceColorGradientInContext(context); | |
| 39 checkBlendModeResult(i, context, sigma); | |
| 40 context.restore(); | |
| 41 debug(''); | |
| 42 } | |
| 43 } | |
| 44 | |
| 45 runTest(); | |
| 46 </script> | |
| 47 </body> | |
| 48 </html> | |
| OLD | NEW |