OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta charset="UTF-8"> | 4 <meta charset="UTF-8"> |
5 <meta name="flags" content="dom"> | 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"> | 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> | 7 <title>CSS Shapes Test: Circle - invalid cx value</title> |
8 <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gm
ail.com"> | 8 <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gm
ail.com"> |
9 » <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com
"> <!-- 11-09-2013 TestTWF Shenzhen --> | 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-basi
c-shapes"> | 10 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basi
c-shapes"> |
11 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellips
e"> | 11 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellips
e"> |
12 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle
"> | 12 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle
"> |
13 <script src="/resources/testharness.js"></script> | 13 <script src="/resources/testharness.js"></script> |
14 <script src="/resources/testharnessreport.js"></script> | 14 <script src="/resources/testharnessreport.js"></script> |
15 <link rel="stylesheet" href="/resources/testharness.css"> | 15 <link rel="stylesheet" href="/resources/testharness.css"> |
16 <style> | 16 <style> |
17 #shape{ | 17 #shape{ |
18 width: 300px; | 18 width: 300px; |
19 height: 300px; | 19 height: 300px; |
20 shape-outside: circle(50, 50%); | 20 shape-outside: circle(50, 50%); |
21 } | 21 } |
22 </style> | 22 </style> |
23 </head> | 23 </head> |
24 <body> | 24 <body> |
25 | 25 |
26 <div id="log"></div> | 26 <div id="log"></div> |
27 | 27 |
28 <div id="shape"></div> | 28 <div id="shape"></div> |
29 | 29 |
30 <script> | 30 <script> |
31 var obj = document.getElementById('shape'); | 31 var obj = document.getElementById('shape'); |
32 var cx = getComputedStyle(obj).shapeOutside; | 32 var cx = getComputedStyle(obj).shapeOutside; |
33 test(function() {assert_equals(cx, "none", "declaration should be invali
d")}); | 33 test(function() {assert_equals(cx, "none", "declaration should be invali
d")}); |
34 </script> | 34 </script> |
35 | 35 |
36 </body> | 36 </body> |
37 </html> | 37 </html> |
OLD | NEW |