Chromium Code Reviews| 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> |