Index: third_party/WebKit/LayoutTests/css3/flexbox/flexitem.html |
diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/flexitem.html b/third_party/WebKit/LayoutTests/css3/flexbox/flexitem.html |
index 33b96ef27078974e24b34afdee68a15597ac17d6..f996cba686032e6fbe3c98c8ce59a260d9e6a0ee 100644 |
--- a/third_party/WebKit/LayoutTests/css3/flexbox/flexitem.html |
+++ b/third_party/WebKit/LayoutTests/css3/flexbox/flexitem.html |
@@ -46,7 +46,7 @@ |
</div> |
<div class="flexbox"> |
- <img data-expected-display="block" data-expected-width="200" style="flex: 1 0 auto;" src="../images/resources/blue-100.png"> |
+ <img data-expected-display="block" data-expected-width="200" style="flex: 1 0 auto;" src="../../images/resources/blue-100.png"> |
<img data-expected-display="block" data-expected-width="200" data-expected-height="100" style="flex: 2 0 0;" src="doesnotexist.png"> |
<img data-expected-display="block" data-expected-width="200" data-expected-height="100" style="flex: 2 0 0;" src="doesnotexist.png" alt="placeholder text"> |
</div> |
@@ -112,36 +112,36 @@ |
<!-- tests that min-height expands the height of flex items beyond the height of the flexbox --> |
<div class="flexbox" style="height:50px"> |
- <img data-expected-height="60" style="min-height:60px" src="../images/resources/blue-100.png"> |
- <img data-expected-height="60" style="min-height:60px" src="../images/resources/green-10.png"> |
- <img data-expected-height="75" style="min-height:150%" src="../images/resources/blue-100.png"> |
- <img data-expected-height="75" style="min-height:150%" src="../images/resources/green-10.png"> |
- <img data-expected-height="10" style="min-height:-webkit-min-content;height:1px" src="../images/resources/blue-10.png"> |
- <img data-expected-height="100" style="min-height:-webkit-max-content;height:1px" src="../images/resources/green-100.png"> |
- <img data-expected-height="50" style="min-height:-webkit-fill-available" src="../images/resources/blue-10.png"> |
- <img data-expected-height="10" style="min-height:-webkit-fit-content;height:1px" src="../images/resources/green-10.png"> |
+ <img data-expected-height="60" style="min-height:60px" src="../../images/resources/blue-100.png"> |
+ <img data-expected-height="60" style="min-height:60px" src="../../images/resources/green-10.png"> |
+ <img data-expected-height="75" style="min-height:150%" src="../../images/resources/blue-100.png"> |
+ <img data-expected-height="75" style="min-height:150%" src="../../images/resources/green-10.png"> |
+ <img data-expected-height="10" style="min-height:-webkit-min-content;height:1px" src="../../images/resources/blue-10.png"> |
+ <img data-expected-height="100" style="min-height:-webkit-max-content;height:1px" src="../../images/resources/green-100.png"> |
+ <img data-expected-height="50" style="min-height:-webkit-fill-available" src="../../images/resources/blue-10.png"> |
+ <img data-expected-height="10" style="min-height:-webkit-fit-content;height:1px" src="../../images/resources/green-10.png"> |
</div> |
<!-- tests that max-height shrinks the height of flex items less than the height of the flexbox --> |
<div class="flexbox" style="height:50px"> |
- <img data-expected-height="40" style="max-height:40px" src="../images/resources/blue-100.png"> |
- <img data-expected-height="40" style="max-height:40px" src="../images/resources/green-10.png"> |
- <img data-expected-height="25" style="max-height:50%" src="../images/resources/blue-100.png"> |
- <img data-expected-height="25" style="max-height:50%" src="../images/resources/green-10.png"> |
- <img data-expected-height="10" style="max-height:-webkit-min-content;height:1000px;" src="../images/resources/blue-10.png"> |
- <img data-expected-height="100" style="max-height:-webkit-max-content;height:1000px;" src="../images/resources/green-100.png"> |
- <img data-expected-height="50" style="max-height:-webkit-fill-available" src="../images/resources/blue-100.png"> |
- <img data-expected-height="10" style="max-height:-webkit-fit-content;height:1000px" src="../images/resources/green-10.png"> |
+ <img data-expected-height="40" style="max-height:40px" src="../../images/resources/blue-100.png"> |
+ <img data-expected-height="40" style="max-height:40px" src="../../images/resources/green-10.png"> |
+ <img data-expected-height="25" style="max-height:50%" src="../../images/resources/blue-100.png"> |
+ <img data-expected-height="25" style="max-height:50%" src="../../images/resources/green-10.png"> |
+ <img data-expected-height="10" style="max-height:-webkit-min-content;height:1000px;" src="../../images/resources/blue-10.png"> |
+ <img data-expected-height="100" style="max-height:-webkit-max-content;height:1000px;" src="../../images/resources/green-100.png"> |
+ <img data-expected-height="50" style="max-height:-webkit-fill-available" src="../../images/resources/blue-100.png"> |
+ <img data-expected-height="10" style="max-height:-webkit-fit-content;height:1000px" src="../../images/resources/green-10.png"> |
</div> |
<!-- tests that images can shrink below their CSS height with min-height: min-content --> |
<div class="flexbox column" style="height:50px"> |
- <img data-expected-height="50" style="flex-shrink:1;height:1000px;min-height:-webkit-min-content;" src="../images/resources/blue-10.png"> |
+ <img data-expected-height="50" style="flex-shrink:1;height:1000px;min-height:-webkit-min-content;" src="../../images/resources/blue-10.png"> |
</div> |
<!-- tests that text can shrink below its CSS height with min-height: min-content --> |
<div class="flexbox column" style="height:50px"> |
- <div data-expected-height="50" style="flex-shrink:1;height:1000px;min-height:-webkit-min-content;" src="../images/resources/blue-10.png"> |
+ <div data-expected-height="50" style="flex-shrink:1;height:1000px;min-height:-webkit-min-content;" src="../../images/resources/blue-10.png"> |
Some text<br> |
Some more text |
</div> |
@@ -149,39 +149,39 @@ |
<!-- tests that images can shrink below their CSS width with min-width: min-content --> |
<div class="flexbox" style="width:50px"> |
- <img data-expected-width="50" style="flex-shrink:1;width:1000px;min-width:-webkit-min-content;" src="../images/resources/blue-10.png"> |
+ <img data-expected-width="50" style="flex-shrink:1;width:1000px;min-width:-webkit-min-content;" src="../../images/resources/blue-10.png"> |
</div> |
<!-- tests that min-width expands the width of flex items beyond the width of the flexbox --> |
<div class="flexbox column" style="width:50px"> |
- <img data-expected-width="60" style="min-width:60px" src="../images/resources/blue-100.png"> |
- <img data-expected-width="60" style="min-width:60px" src="../images/resources/green-10.png"> |
- <img data-expected-width="75" style="min-width:150%" src="../images/resources/blue-100.png"> |
- <img data-expected-width="75" style="min-width:150%" src="../images/resources/green-10.png"> |
- <img data-expected-width="100" style="min-width:-webkit-min-content" src="../images/resources/blue-100.png"> |
- <img data-expected-width="50" style="min-width:-webkit-min-content" src="../images/resources/green-10.png"> |
- <img data-expected-width="100" style="min-width:-webkit-max-content" src="../images/resources/blue-100.png"> |
- <img data-expected-width="50" style="min-width:-webkit-max-content" src="../images/resources/green-10.png"> |
- <img data-expected-width="50" style="min-width:-webkit-fill-available" src="../images/resources/blue-100.png"> |
- <img data-expected-width="50" style="min-width:-webkit-fill-available" src="../images/resources/green-10.png"> |
- <img data-expected-width="100" style="min-width:-webkit-fit-content" src="../images/resources/blue-100.png"> |
- <img data-expected-width="50" style="min-width:-webkit-fit-content" src="../images/resources/green-10.png"> |
+ <img data-expected-width="60" style="min-width:60px" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="60" style="min-width:60px" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="75" style="min-width:150%" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="75" style="min-width:150%" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="100" style="min-width:-webkit-min-content" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="50" style="min-width:-webkit-min-content" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="100" style="min-width:-webkit-max-content" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="50" style="min-width:-webkit-max-content" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="50" style="min-width:-webkit-fill-available" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="50" style="min-width:-webkit-fill-available" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="100" style="min-width:-webkit-fit-content" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="50" style="min-width:-webkit-fit-content" src="../../images/resources/green-10.png"> |
</div> |
<!-- tests that max-width shrinks the width of flex items less than the width of the flexbox --> |
<div class="flexbox column" style="width:50px"> |
- <img data-expected-width="40" style="max-width:40px" src="../images/resources/blue-100.png"> |
- <img data-expected-width="40" style="max-width:40px" src="../images/resources/green-10.png"> |
- <img data-expected-width="25" style="max-width:50%" src="../images/resources/blue-100.png"> |
- <img data-expected-width="25" style="max-width:50%" src="../images/resources/green-10.png"> |
- <img data-expected-width="50" style="max-width:-webkit-min-content" src="../images/resources/blue-100.png"> |
- <img data-expected-width="10" style="max-width:-webkit-min-content" src="../images/resources/green-10.png"> |
- <img data-expected-width="50" style="max-width:-webkit-max-content" src="../images/resources/blue-100.png"> |
- <img data-expected-width="10" style="max-width:-webkit-max-content" src="../images/resources/green-10.png"> |
- <img data-expected-width="50" style="max-width:-webkit-fill-available" src="../images/resources/blue-100.png"> |
- <img data-expected-width="50" style="max-width:-webkit-fill-available" src="../images/resources/green-10.png"> |
- <img data-expected-width="50" style="max-width:-webkit-fit-content" src="../images/resources/blue-100.png"> |
- <img data-expected-width="10" style="max-width:-webkit-fit-content" src="../images/resources/green-10.png"> |
+ <img data-expected-width="40" style="max-width:40px" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="40" style="max-width:40px" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="25" style="max-width:50%" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="25" style="max-width:50%" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="50" style="max-width:-webkit-min-content" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="10" style="max-width:-webkit-min-content" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="50" style="max-width:-webkit-max-content" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="10" style="max-width:-webkit-max-content" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="50" style="max-width:-webkit-fill-available" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="50" style="max-width:-webkit-fill-available" src="../../images/resources/green-10.png"> |
+ <img data-expected-width="50" style="max-width:-webkit-fit-content" src="../../images/resources/blue-100.png"> |
+ <img data-expected-width="10" style="max-width:-webkit-fit-content" src="../../images/resources/green-10.png"> |
</div> |
</html> |