Index: third_party/WebKit/LayoutTests/fast/canvas/pattern-with-transform.html |
diff --git a/third_party/WebKit/LayoutTests/fast/canvas/pattern-with-transform.html b/third_party/WebKit/LayoutTests/fast/canvas/pattern-with-transform.html |
index e18a6d7d8dd4c57fed01b174f2477d98ffd8dcb9..b24b2183dc2a841222375fa99028519819b86dce 100644 |
--- a/third_party/WebKit/LayoutTests/fast/canvas/pattern-with-transform.html |
+++ b/third_party/WebKit/LayoutTests/fast/canvas/pattern-with-transform.html |
@@ -1,9 +1,41 @@ |
-<!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/pattern-with-transform.js"></script> |
+<script> |
+ |
+var canvas; |
+function fillWithColor(context, color) { |
+ context.save(); |
+ context.fillStyle = color; |
+ context.fillRect(0, 0, canvas.width, canvas.height); |
+ context.restore(); |
+} |
+ |
+canvas = document.createElement("canvas"); |
+canvas.height = 100; |
+canvas.width = 100; |
+canvas.style.height = "100"; |
+canvas.style.width = "100"; |
+document.body.appendChild(canvas); |
+ |
+test(function() { |
+ var patternImage = document.createElement('canvas'); |
+ patternImage.height = 10; |
+ patternImage.width = 10; |
+ var patternImageCtx = patternImage.getContext('2d'); |
+ fillWithColor(patternImageCtx, "green"); |
+ var greenPixel = patternImageCtx.getImageData(0, 0, 1, 1).data; |
+ |
+ var ctx = canvas.getContext('2d'); |
+ var pattern = ctx.createPattern(patternImage, "no-repeat"); |
+ fillWithColor(ctx, "blue"); |
+ |
+ ctx.fillStyle = pattern; |
+ ctx.translate(20, 20); |
+ ctx.fillRect(0, 0, 10, 10); |
+ assert_array_equals(ctx.getImageData(20, 20, 1, 1).data, greenPixel); |
+ |
+}, "Test for canvas regression where pattern transforms were ignored https://bugs.webkit.org/show_bug.cgi?id=21498"); |
+</script> |
</body> |
</html> |