shape-outside-circle-007.html (2137B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Shape Outside Circle Radii - invalid args</title> 5 <link rel="author" title="Adobe" href="http://html.adobe.com/"> 6 <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"> 7 <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 --> 8 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle"> 9 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"> 10 <meta name="assert" content="This test verifies that invalid shape-radius arguments on circle() don't parse."> 11 <meta name="flags" content="ahem dom"> 12 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> 13 <script src="/resources/testharness.js"></script> 14 <script src="/resources/testharnessreport.js"></script> 15 <script src="support/parsing-utils.js"></script> 16 </head> 17 <body> 18 <div id="log"></div> 19 <script type="text/javascript"> 20 var invalid_circle_radiii_tests = [ 21 {"name": "circle(foo)"}, 22 {"name": "circle(10)"}, 23 {"name": "circle(20px 30px)"}, 24 {"name": "circle(20% 30%)"}, 25 {"name": "circle(20px, 30px)"}, 26 {"name": "circle(20%, 30%)"}, 27 {"name": "circle(20px closest-side)"}, 28 {"name": "circle(20px farthest-side)"}, 29 {"name": "circle(closest-side 20px)"}, 30 {"name": "circle(farthest-side 20px)"}, 31 {"name": "circle(20% closest-side)"}, 32 {"name": "circle(20% farthest-side)"}, 33 {"name": "circle(closest-side 20%)"}, 34 {"name": "circle(farthest-side 20%)"}, 35 {"name": "circle(closest-side farthest-side)"}, 36 {"name": "circle(farthest-side closest-side)"} 37 ]; 38 generate_tests(ParsingUtils.testInlineStyle, 39 ParsingUtils.buildTestCases(invalid_circle_radiii_tests) ); 40 </script> 41 </body> 42 </html>