Re-import the css/css-shapes WPT
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-shapes / shape-outside / values / shape-outside-shape-box-pair-000.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>Shape Outside Box Shape and Box Valid Values</title>
5         <link rel="author" title="Adobe" href="http://html.adobe.com/">
6         <link rel="author" title="Bear Travis" href="mailto:betravis@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/#shape-outside-property">
9         <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#typedef-shape-box">
10         <meta name="assert" content="Shape-outside may be a pair of shape and box values">
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 shape_box_valid_tests = [
20             {
21               "actual": "polygon(nonzero, 1px 1px) content-box",
22               "expected_inline": "polygon(1px 1px) content-box",
23               "expected_computed": "polygon(1px 1px) content-box"
24             },
25             {
26               "actual": "polygon(nonzero, 1px 1px) padding-box",
27               "expected_inline": "polygon(1px 1px) padding-box",
28               "expected_computed": "polygon(1px 1px) padding-box"
29             },
30             {
31               "actual": "polygon(nonzero, 1px 1px) border-box",
32               "expected_inline": "polygon(1px 1px) border-box",
33               "expected_computed": "polygon(1px 1px) border-box"
34             },
35             {
36               "actual": "polygon(nonzero, 1px 1px) margin-box",
37               "expected_inline": "polygon(1px 1px) margin-box",
38               "expected_computed": "polygon(1px 1px) margin-box"
39             },
40             {
41               "actual": " content-box polygon(nonzero, 1px 1px)",
42               "expected_inline": "polygon(1px 1px) content-box",
43               "expected_computed": "polygon(1px 1px) content-box"
44             },
45             {
46               "actual": "padding-box polygon(nonzero, 1px 1px)",
47               "expected_inline": "polygon(1px 1px) padding-box",
48               "expected_computed": "polygon(1px 1px) padding-box"
49             },
50             {
51               "actual": "border-box polygon(nonzero, 1px 1px)",
52               "expected_inline": "polygon(1px 1px) border-box",
53               "expected_computed": "polygon(1px 1px) border-box"
54             },
55             {
56               "actual": "margin-box polygon(nonzero, 1px 1px)",
57               "expected_inline": "polygon(1px 1px) margin-box",
58               "expected_computed": "polygon(1px 1px) margin-box"
59             }
60         ];
61         generate_tests( ParsingUtils.testInlineStyle,
62                         ParsingUtils.buildTestCases(shape_box_valid_tests, "inline") );
63         generate_tests( ParsingUtils.testComputedStyle,
64                         ParsingUtils.buildTestCases(shape_box_valid_tests, "computed") );
65         </script>
66     </body>
67 </html>