OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <script> | 3 <script> |
4 if (window.testRunner) | 4 if (window.testRunner) |
5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
6 </script> | 6 </script> |
7 <link href="resources/grid.css" rel="stylesheet"> | 7 <link href="resources/grid.css" rel="stylesheet"> |
8 <style> | 8 <style> |
9 .grid { | 9 .grid { |
10 grid-definition-columns: 50px 100px 200px; | 10 grid-definition-columns: 50px 100px 200px; |
11 grid-definition-rows: 50px 100px 200px; | 11 grid-definition-rows: 50px 100px 200px; |
12 background-color: #aaa; | 12 background-color: #aaa; |
13 } | 13 } |
14 .grid > * { | 14 .grid > * { |
| 15 margin: 0; /* Disable any margins as they change the top / left offsets. */ |
15 grid-column: 2; | 16 grid-column: 2; |
16 grid-row: 3; | 17 grid-row: 3; |
17 } | 18 } |
18 </style> | 19 </style> |
19 <script src="../../resources/check-layout.js"></script> | 20 <script src="../../resources/check-layout.js"></script> |
20 <body onload="checkLayout('.grid > *')"> | 21 <body onload="checkLayout('.grid > *')"> |
21 | 22 |
22 <p>This test checks that the grid items' 'display' computed value matches the sp
ecification. It also checks that the grid items are placed in the right grid are
a.</p> | 23 <p>This test checks that the grid items' 'display' computed value matches the sp
ecification. It also checks that the grid items are placed in the right grid are
a.</p> |
23 | 24 |
24 <div style="position: relative;"> | 25 <div style="position: relative;"> |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
66 <circle cx="50" cy="50" r="50" fill="blue"> | 67 <circle cx="50" cy="50" r="50" fill="blue"> |
67 </circle> | 68 </circle> |
68 </svg> | 69 </svg> |
69 | 70 |
70 <!-- Spans are common so they should be tested. --> | 71 <!-- Spans are common so they should be tested. --> |
71 <span data-expected-display="block" data-offset-x="50" data-offset-y="15
0"></span> | 72 <span data-expected-display="block" data-offset-x="50" data-offset-y="15
0"></span> |
72 </div> | 73 </div> |
73 </div> | 74 </div> |
74 | 75 |
75 </html> | 76 </html> |
OLD | NEW |