Index: LayoutTests/fast/canvas/canvas-unbalanced-save.html |
diff --git a/LayoutTests/fast/canvas/canvas-unbalanced-save.html b/LayoutTests/fast/canvas/canvas-unbalanced-save.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c942a4d2ac08bbd00ab0f55e43ab2a9d25570482 |
--- /dev/null |
+++ b/LayoutTests/fast/canvas/canvas-unbalanced-save.html |
@@ -0,0 +1,31 @@ |
+<!DOCTYPE html> |
+<script> |
+var ctx; |
+window.onload = function () { |
+ if (window.testRunner) { |
+ testRunner.waitUntilDone(); |
+ } |
+ ctx = document.getElementById('c').getContext('2d'); |
+ ctx.fillStyle = 'green'; |
+ ctx.fillRect(0, 0, 100, 100); |
+ ctx.save(); |
+ ctx.translate(10, 0); |
+ requestAnimationFrame(blueSquare); |
+} |
+ |
+function blueSquare() { |
+ ctx.fillStyle = 'blue'; |
+ ctx.fillRect(0, 10, 80, 80); |
+ requestAnimationFrame(redSquare); |
+} |
+ |
+function redSquare() { |
+ ctx.fillStyle = 'red'; |
+ ctx.fillRect(10, 20, 60, 60); |
+ if (window.testRunner) { |
+ testRunner.notifyDone(); |
+ } |
+} |
+</script> |
+<p>The canvas below should contain green, blue and red nested squares, all centered with respect to each other.</p> |
+<canvas id="c" width="100" height="100"></canvas> |