Re-import the css/css-shapes WPT
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-shapes / shape-outside / values / shape-outside-inset-007.html
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         <script src="/resources/testharness.js"></script>
13         <script src="/resources/testharnessreport.js"></script>
14         <script src="support/parsing-utils.js"></script>
15     </head>
16     <body>
17         <div id="log"></div>
18         <script type="text/javascript">
19             var invalid_radial_args_tests = [
20                 // no units
21                 {"name": "inset(10px round 10 20 30 40)"},
22                 {"name": "inset(10px round 10px 20 30 40)"},
23                 {"name": "inset(10px round 10px 20px 30 40)"},
24                 {"name": "inset(10px round 10px 20px 30px 40)"},
25                 {"name": "inset(10px round 10px 20px 30px 40px / 10 20 30 40)"},
26                 {"name": "inset(10px round 10px 20px 30px 40px / 10px 20 30 40)"},
27                 {"name": "inset(10px round 10px 20px 30px 40px / 10px 20px 30 40)"},
28                 {"name": "inset(10px round 10px 20px 30px 40px / 10px 20px 30px 40)"},
29                 // commas
30                 {"name": "inset(10px round  10px, 20px, 30px, 40px)"},
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 / 10px, 20px, 30px, 40px)"},
36                 {"name": "inset(10px round  10px 20px, 30px, 40px / 10px 20px, 30px, 40)"},
37                 {"name": "inset(10px round  10px 20px 30px, 40px / 10px 20px 30px, 40)"},
38                 // bogus args
39                 {"name": "inset(10px round  foo, bar, boo, $$)"},
40                 {"name": "inset(10px round  10px, xx, px pt)"},
41                 {"name": "inset(10px round  word)"}
42             ];
43             generate_tests( ParsingUtils.testInlineStyle,
44                             ParsingUtils.buildTestCases(invalid_radial_args_tests) );
45         </script>
46     </body>
47 </html>