OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <link href="resources/grid.css" rel="stylesheet"> | 2 <link href="resources/grid.css" rel="stylesheet"> |
3 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel
="stylesheet"> | 3 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel
="stylesheet"> |
4 <style> | 4 <style> |
5 body { | 5 body { |
6 margin: 0; | 6 margin: 0; |
7 } | 7 } |
8 .container { | 8 .container { |
9 width: 100px; | 9 width: 100px; |
10 } | 10 } |
(...skipping 18 matching lines...) Expand all Loading... |
29 <script src="../../resources/check-layout-th.js"></script> | 29 <script src="../../resources/check-layout-th.js"></script> |
30 <script> | 30 <script> |
31 function runTest() { | 31 function runTest() { |
32 document.body.offsetLeft; | 32 document.body.offsetLeft; |
33 document.body.offsetLeft; | 33 document.body.offsetLeft; |
34 checkLayout('.grid'); | 34 checkLayout('.grid'); |
35 } | 35 } |
36 </script> | 36 </script> |
37 <body onload="runTest();"> | 37 <body onload="runTest();"> |
38 <p>Regresison test for bug 628565 - Ensure that we get the same sizing results w
hen doing several layouts.</p> | 38 <p>Regresison test for bug 628565 - Ensure that we get the same sizing results w
hen doing several layouts.</p> |
39 <div class="grid fit-content" data-expected-width="135" data-expected-height="60
"> | 39 <div class="grid fit-content" data-expected-width="160" data-expected-height="60
"> |
40 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> | 40 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> |
41 <div class="i2" data-expected-width="75" data-expected-height="50">XX X</div> | 41 <div class="i2" data-expected-width="100" data-expected-height="50">XX X</div> |
42 </div> | 42 </div> |
43 <br> | 43 <br> |
44 <div class="grid min-content" data-expected-width="85" data-expected-height="60"
> | 44 <div class="grid min-content" data-expected-width="110" data-expected-height="60
"> |
45 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> | 45 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> |
46 <div class="i2" data-expected-width="50" data-expected-height="50">XX X</div> | 46 <div class="i2" data-expected-width="50" data-expected-height="50">XX X</div> |
47 </div> | 47 </div> |
48 <br> | 48 <br> |
49 <div class="grid max-content" data-expected-width="135" data-expected-height="60
"> | 49 <div class="grid max-content" data-expected-width="160" data-expected-height="60
"> |
50 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> | 50 <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div> |
51 <div class="i2" data-expected-width="75" data-expected-height="50">XX X</div> | 51 <div class="i2" data-expected-width="100" data-expected-height="50">XX X</div> |
52 </div> | 52 </div> |
53 </body | 53 </body |
OLD | NEW |