OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <link href="resources/flexbox.css" rel="stylesheet"> | 3 <link href="resources/flexbox.css" rel="stylesheet"> |
4 <script src="../../resources/testharness.js"></script> | 4 <script src="../../resources/testharness.js"></script> |
5 <script src="../../resources/testharnessreport.js"></script> | 5 <script src="../../resources/testharnessreport.js"></script> |
6 <script src="../../resources/check-layout-th.js"></script> | 6 <script src="../../resources/check-layout-th.js"></script> |
7 | 7 |
8 <body onload="checkLayout('.flexbox')"> | 8 <body onload="checkLayout('.flexbox')"> |
9 <div id=log></div> | 9 <div id=log></div> |
10 | 10 |
11 <div class="flexbox" style="width: 10px;" data-expected-width="10"> | 11 <div class="flexbox" style="width: 10px;" data-expected-width="10"> |
12 <!-- should use content width, clamped by converted max-height, as minimum w
idth. --> | 12 <!-- should use content width, clamped by converted max-height, as minimum w
idth. --> |
13 <img src="../images/resources/green-100.png" style="max-height: 5px;" | 13 <img src="../../images/resources/green-100.png" style="max-height: 5px;" |
14 data-expected-width="5" data-expected-height="5"> | 14 data-expected-width="5" data-expected-height="5"> |
15 </div> | 15 </div> |
16 | 16 |
17 <div class="flexbox" style="width: 10px;" data-expected-width="10"> | 17 <div class="flexbox" style="width: 10px;" data-expected-width="10"> |
18 <!-- should use min(specified, content width) = 10px as minimum width, | 18 <!-- should use min(specified, content width) = 10px as minimum width, |
19 which the image will shrink to due to default flex-shrink. --> | 19 which the image will shrink to due to default flex-shrink. --> |
20 <img src="../images/resources/green-10.png" style="width: 100px;" data-expec
ted-width="10"> | 20 <img src="../../images/resources/green-10.png" style="width: 100px;" data-ex
pected-width="10"> |
21 </div> | 21 </div> |
22 | 22 |
23 | 23 |
24 <div class="flexbox" style="width: 10px;" data-expected-width="10"> | 24 <div class="flexbox" style="width: 10px;" data-expected-width="10"> |
25 <!-- should use content width, clamped by converted min-height, as minimum w
idth. --> | 25 <!-- should use content width, clamped by converted min-height, as minimum w
idth. --> |
26 <img src="../images/resources/green-100.png" style="max-height: 5px;" | 26 <img src="../../images/resources/green-100.png" style="max-height: 5px;" |
27 data-expected-width="5" data-expected-height="5"> | 27 data-expected-width="5" data-expected-height="5"> |
28 </div> | 28 </div> |
29 | 29 |
30 <div class="flexbox" style="width: 10px;" data-expected-width="10"> | 30 <div class="flexbox" style="width: 10px;" data-expected-width="10"> |
31 <!-- should use content width, clamped by converted min-height, as minimum w
idth. --> | 31 <!-- should use content width, clamped by converted min-height, as minimum w
idth. --> |
32 <img src="../images/resources/green-100.png" style="max-height: 5px; min-hei
ght: 10px;" | 32 <img src="../../images/resources/green-100.png" style="max-height: 5px; min-
height: 10px;" |
33 data-expected-width="10" data-expected-height="10"> | 33 data-expected-width="10" data-expected-height="10"> |
34 </div> | 34 </div> |
35 | 35 |
36 <div class="flexbox" style="width: 10px;" data-expected-width="10"> | 36 <div class="flexbox" style="width: 10px;" data-expected-width="10"> |
37 <!-- should use min(transferred, content width) = 10px as minimum width, | 37 <!-- should use min(transferred, content width) = 10px as minimum width, |
38 which the image will shrink to due to default flex-shrink. --> | 38 which the image will shrink to due to default flex-shrink. --> |
39 <img src="../images/resources/green-10.png" style="height: 100px;" data-expe
cted-width="10"> | 39 <img src="../../images/resources/green-10.png" style="height: 100px;" data-e
xpected-width="10"> |
40 </div> | 40 </div> |
41 | 41 |
42 <div class="flexbox column" style="height: 10px;" data-expected-height="10"> | 42 <div class="flexbox column" style="height: 10px;" data-expected-height="10"> |
43 <!-- should use content height, clamped by converted max-width, as minimum h
eight. --> | 43 <!-- should use content height, clamped by converted max-width, as minimum h
eight. --> |
44 <img src="../images/resources/green-100.png" style="max-width: 5px;" | 44 <img src="../../images/resources/green-100.png" style="max-width: 5px;" |
45 data-expected-width="5" data-expected-height="5"> | 45 data-expected-width="5" data-expected-height="5"> |
46 </div> | 46 </div> |
47 | 47 |
48 <div class="flexbox column" style="height: 10px;" data-expected-height="10"> | 48 <div class="flexbox column" style="height: 10px;" data-expected-height="10"> |
49 <!-- should use min(specified, content height) = 10px as minimum height, | 49 <!-- should use min(specified, content height) = 10px as minimum height, |
50 which the image will shrink to due to default flex-shrink. --> | 50 which the image will shrink to due to default flex-shrink. --> |
51 <img src="../images/resources/green-10.png" style="height: 100px;" data-expe
cted-height="10"> | 51 <img src="../../images/resources/green-10.png" style="height: 100px;" data-e
xpected-height="10"> |
52 </div> | 52 </div> |
53 | 53 |
54 <div class="flexbox" style="height: 10px;" data-expected-height="10"> | 54 <div class="flexbox" style="height: 10px;" data-expected-height="10"> |
55 <!-- should use content height, clamped by converted min-height, as minimum
height. --> | 55 <!-- should use content height, clamped by converted min-height, as minimum
height. --> |
56 <img src="../images/resources/green-100.png" style="max-height: 5px;" | 56 <img src="../../images/resources/green-100.png" style="max-height: 5px;" |
57 data-expected-height="5" data-expected-height="5"> | 57 data-expected-height="5" data-expected-height="5"> |
58 </div> | 58 </div> |
59 | 59 |
60 <div class="flexbox" style="height: 10px;" data-expected-height="10"> | 60 <div class="flexbox" style="height: 10px;" data-expected-height="10"> |
61 <!-- should use content height, clamped by converted min-width, as minimum h
eight. --> | 61 <!-- should use content height, clamped by converted min-width, as minimum h
eight. --> |
62 <img src="../images/resources/green-100.png" style="max-width: 5px; min-widt
h: 10px;" | 62 <img src="../../images/resources/green-100.png" style="max-width: 5px; min-w
idth: 10px;" |
63 data-expected-height="10" data-expected-width="10"> | 63 data-expected-height="10" data-expected-width="10"> |
64 </div> | 64 </div> |
65 | 65 |
66 <div class="flexbox column" style="height: 10px;" data-expected-height="10"> | 66 <div class="flexbox column" style="height: 10px;" data-expected-height="10"> |
67 <!-- should use min(transferred, content height) = 10px as minimum height, | 67 <!-- should use min(transferred, content height) = 10px as minimum height, |
68 which the image will shrink to due to default flex-shrink. --> | 68 which the image will shrink to due to default flex-shrink. --> |
69 <img src="../images/resources/green-10.png" style="width: 100px;" data-expec
ted-height="10"> | 69 <img src="../../images/resources/green-10.png" style="width: 100px;" data-ex
pected-height="10"> |
70 </div> | 70 </div> |
OLD | NEW |