shape-outside-invalid-circle-003.html (1242B)
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>