| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <canvas width="200" height="200" id="canvas"></canvas> |
| <script> |
| test(function(t) { |
| var ctx = document.getElementById("canvas").getContext("2d"); |
| |
| // 1. Infinite dimensions to fillRect |
| ctx.fillStyle = "green"; |
| ctx.fillRect(0, 0, 100, 100); |
| ctx.fillStyle = "red"; |
| ctx.fillRect(0, 0, Infinity, Infinity); |
| |
| // 2. Infinite dimensions to rect |
| ctx.fillStyle = "green"; |
| ctx.fillRect(100, 0, 100, 100); |
| ctx.fillStyle = "red"; |
| ctx.rect(100, 0, Infinity, Infinity); |
| ctx.fill(); |
| |
| // 3. Infinite argument to moveTo |
| ctx.translate(0, 100); |
| ctx.fillStyle = "red"; |
| ctx.fillRect(0, 0, 100, 100); |
| ctx.fillStyle = "green"; |
| ctx.beginPath(); |
| ctx.moveTo(Infinity, Infinity); |
| ctx.rect(0, 0, 100, 100); |
| ctx.fill(); |
| |
| // 4. Infinite argument to lineTo |
| ctx.translate(100, 0); |
| ctx.fillStyle = "red"; |
| ctx.fillRect(0, 0, 100, 100); |
| ctx.fillStyle = "green"; |
| ctx.beginPath(); |
| ctx.moveTo(0,0); |
| ctx.lineTo(100, 0); |
| ctx.lineTo(100, 100); |
| ctx.lineTo(0, 100); |
| ctx.lineTo(Infinity, 100); |
| ctx.fill(); |
| |
| var points = [25, 50, 75, 125, 150, 175]; |
| for (var x = 0; x < points.length; x++) |
| for (var y = 0; y < points.length; y++) |
| assert_array_equals(ctx.getImageData(points[x], points[y], 1, 1).data, [0, 128, 0, 255]); |
| }, 'Test canvas with infinity passed to fillRect, rect, moveTo and lineTo.'); |
| </script> |