Chromium Code Reviews| Index: third_party/WebKit/LayoutTests/fast/canvas/canvas-fillPath-shadow.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/canvas/canvas-fillPath-shadow.html b/third_party/WebKit/LayoutTests/fast/canvas/canvas-fillPath-shadow.html |
| index 6c082a754b19d3a8765ae5c7200da23c5dd9a1d9..04d064841e4522e8911c277a895b65bc1e3a618b 100644 |
| --- a/third_party/WebKit/LayoutTests/fast/canvas/canvas-fillPath-shadow.html |
| +++ b/third_party/WebKit/LayoutTests/fast/canvas/canvas-fillPath-shadow.html |
| @@ -1,9 +1,95 @@ |
| -<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| -<html> |
| -<head> |
| -<script src="../../resources/js-test.js"></script> |
| -</head> |
| +<script src="../../resources/testharness.js"></script> |
| +<script src="../../resources/testharnessreport.js"></script> |
| <body> |
| -<script src="script-tests/canvas-fillPath-shadow.js"></script> |
| +<script> |
| +test(function(t) { |
| + |
| +var canvas = document.createElement('canvas'); |
|
Justin Novosad
2017/02/06 20:04:23
indent
zakerinasab
2017/02/09 18:02:01
Done.
|
| +document.body.appendChild(canvas); |
| +canvas.setAttribute('width', '700'); |
| +canvas.setAttribute('height', '700'); |
| +var ctx = canvas.getContext('2d'); |
| + |
| +ctx.beginPath(); |
| +ctx.moveTo(300, 300); |
| +ctx.lineTo(300, 50); |
| +ctx.bezierCurveTo(200, 40, 75, 150, 30, 30); |
| +ctx.quadraticCurveTo(250, 75, 50, 300); |
| +ctx.shadowOffsetX = 350; |
| +ctx.shadowColor = 'rgba(255, 20, 0, 0.5)'; |
| +ctx.shadowBlur = 0; |
| +ctx.fillStyle = 'rgba(0, 0, 255, 1)'; |
| +ctx.lineWidth = 30; |
| +ctx.fill(); |
| + |
| +ctx.beginPath(); |
| +ctx.moveTo(300,650); |
| +ctx.lineTo(300,400); |
| +ctx.bezierCurveTo(200, 390, 75, 500, 30, 380); |
| +ctx.quadraticCurveTo(250, 425, 50, 650); |
| +ctx.shadowOffsetX = 350; |
| +ctx.shadowColor = 'rgba(255, 0, 0, 0.5)'; |
| +ctx.shadowBlur = 30; |
| +ctx.fillStyle = 'rgba(0, 0, 255, 1)'; |
| +ctx.lineWidth = 30; |
| +ctx.fill(); |
| + |
| +var imageData, data; |
| + |
| +// Verify solid shadow. |
| +imageData = ctx.getImageData(640, 290, 1, 1); |
| +data = imageData.data; |
| +assert_equals(data[0], 255); |
| +assert_equals(data[1], 20); |
| +assert_equals(data[2], 0); |
| + |
| +imageData = ctx.getImageData(570, 85, 1, 1); |
| +data = imageData.data; |
| +assert_equals(data[0], 255); |
| +assert_equals(data[1], 20); |
| +assert_equals(data[2], 0); |
| + |
| +imageData = ctx.getImageData(380, 30, 1, 1); |
| +data = imageData.data; |
| +assert_equals(data[0], 255); |
| +assert_approx_equals(data[1], 20, 3); |
| +assert_equals(data[2], 0); |
| + |
| +imageData = ctx.getImageData(400, 40, 1, 1); |
| +data = imageData.data; |
| +assert_equals(data[0], 255); |
| +assert_equals(data[1], 20); |
| +assert_equals(data[2], 0); |
| + |
| +// Verify blurry shadow. |
| +imageData = ctx.getImageData(640, 640, 1, 1); |
| +data = imageData.data; |
| +assert_equals(data[0], 255); |
| +assert_equals(data[1], 0); |
| +assert_equals(data[2], 0); |
| +assert_not_equals(data[3], 255); |
| + |
| +imageData = ctx.getImageData(650, 400, 1, 1); |
| +data = imageData.data; |
| +assert_equals(data[0], 255); |
| +assert_equals(data[1], 0); |
| +assert_equals(data[2], 0); |
| +assert_not_equals(data[3], 255); |
| + |
| +imageData = ctx.getImageData(380, 380, 1, 1); |
| +data = imageData.data; |
| +assert_equals(data[0], 255); |
| +assert_equals(data[1], 0); |
| +assert_equals(data[2], 0); |
| +assert_not_equals(data[3], 255); |
| + |
| +imageData = ctx.getImageData(375, 390, 1, 1); |
| +data = imageData.data; |
| +assert_equals(data[0], 255); |
| +assert_equals(data[1], 0); |
| +assert_equals(data[2], 0); |
| +assert_not_equals(data[3], 255); |
| + |
| +}, "Ensure correct behavior of canvas with path fill shadow"); |
| +</script> |
| </body> |
| -</html> |