Re-import the css/css-shapes WPT
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-shapes / shape-outside-invalid-circle-003.html
1 <!doctype html>
2 <html>
3 <head>
4     <meta charset="UTF-8">
5     <meta name="flags" content="dom">
6     <meta name="assert" content="shape-outside declaration is invalid if circle shape function has an invalid cx param">
7     <title>CSS Shapes Test: Circle - invalid cx value</title>
8     <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.com">
9     <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 11-09-2013 TestTWF Shenzhen -->
10     <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
11     <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
12     <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
13     <script src="/resources/testharness.js"></script>
14     <script src="/resources/testharnessreport.js"></script>
15     <style>
16 #shape{
17     width: 300px;
18     height: 300px;
19     shape-outside: circle(50, 50%);
20 }
21     </style>
22 </head>
23 <body>
24
25     <div id="log"></div>
26
27     <div id="shape"></div>
28
29     <script>
30     var obj = document.getElementById('shape');
31     var cx = getComputedStyle(obj).shapeOutside;
32     test(function() {assert_equals(cx, "none", "declaration should be invalid")});
33     </script>
34
35 </body>
36 </html>