Index: sky/tests/clipping/canvas-rounded-corners.sky |
diff --git a/sky/tests/clipping/canvas-rounded-corners.sky b/sky/tests/clipping/canvas-rounded-corners.sky |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e7ea17c4843e88f4545725671ff17cf72275950f |
--- /dev/null |
+++ b/sky/tests/clipping/canvas-rounded-corners.sky |
@@ -0,0 +1,24 @@ |
+<sky> |
+ <import src="../resources/dump-as-render-tree.sky" /> |
+ <style> |
+ canvas { |
+ background-color: gray; |
+ border: 10px solid red; |
+ border-radius: 200px 100px 0px 0px; |
+ } |
+ </style> |
+ <!-- TODO(ojan): Make this a reftest. --> |
+ <h3>It passes if:</h3> |
+ <ul> |
+ <li>the canvas content has rounded corners (top-left and top-right)</li> |
+ <li>the 10px red border is visible around the canvas content</li> |
+ <li>gray border is not visible</li> |
+ </ul> |
+ <canvas id="theCanvas" width="257" height="257"></canvas> |
+ <script> |
+ var theCanvas = document.getElementById('theCanvas'); |
+ var context = theCanvas.getContext('2d'); |
+ context.fillStyle = 'green'; |
+ context.fillRect(0, 0, theCanvas.width, theCanvas.width); |
esprehn
2014/12/03 04:09:16
Did you load this and see if the canvas actually p
|
+ </script> |
+</sky> |