shape-outside-inset-007.html (2764B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Shape Outside Inset Radial Args - Invalid</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-inset"> 9 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"> 10 <meta name="assert" content="These tests verify invalid radial component arguments 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_radial_args_tests = [ 21 // no units 22 {"name": "inset(10px round 10 20 30 40)"}, 23 {"name": "inset(10px round 10px 20 30 40)"}, 24 {"name": "inset(10px round 10px 20px 30 40)"}, 25 {"name": "inset(10px round 10px 20px 30px 40)"}, 26 {"name": "inset(10px round 10px 20px 30px 40px / 10 20 30 40)"}, 27 {"name": "inset(10px round 10px 20px 30px 40px / 10px 20 30 40)"}, 28 {"name": "inset(10px round 10px 20px 30px 40px / 10px 20px 30 40)"}, 29 {"name": "inset(10px round 10px 20px 30px 40px / 10px 20px 30px 40)"}, 30 // commas 31 {"name": "inset(10px round 10px, 20px, 30px, 40px)"}, 32 {"name": "inset(10px round 10px, 20px, 30px 40px)"}, 33 {"name": "inset(10px round 10px, 20px 30px 40px)"}, 34 {"name": "inset(10px round 10px 20px, 30px, 40px)"}, 35 {"name": "inset(10px round 10px 20px 30px, 40px)"}, 36 {"name": "inset(10px round 10px, 20px, 30px, 40px / 10px, 20px, 30px, 40px)"}, 37 {"name": "inset(10px round 10px 20px, 30px, 40px / 10px 20px, 30px, 40)"}, 38 {"name": "inset(10px round 10px 20px 30px, 40px / 10px 20px 30px, 40)"}, 39 // bogus args 40 {"name": "inset(10px round foo, bar, boo, $$)"}, 41 {"name": "inset(10px round 10px, xx, px pt)"}, 42 {"name": "inset(10px round word)"} 43 ]; 44 generate_tests( ParsingUtils.testInlineStyle, 45 ParsingUtils.buildTestCases(invalid_radial_args_tests) ); 46 </script> 47 </body> 48 </html>