Index: LayoutTests/css3/flexbox/aspect-ratios-main-size-calculation.html |
diff --git a/LayoutTests/css3/flexbox/aspect-ratios-main-size-calculation.html b/LayoutTests/css3/flexbox/aspect-ratios-main-size-calculation.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e1ab24b3db86eedb648379d0d7411fc54978dec7 |
--- /dev/null |
+++ b/LayoutTests/css3/flexbox/aspect-ratios-main-size-calculation.html |
@@ -0,0 +1,33 @@ |
+<!DOCTYPE html> |
+<link href="resources/flexbox.css" rel="stylesheet"> |
+<style> |
+.flexbox { |
+ background-color: #aaa; |
+} |
+</style> |
+<script src="../../resources/check-layout.js"></script> |
+<body onload="checkLayout('.flexbox');"> |
+<p>Test for crbug.com/249112: In Flexbox, allow intrinsic aspect ratios to inform the main-size calculation</p> |
+<div class="flexbox"> |
+ <img src="../images/resources/green-100x50.png" style="height: 100px;" data-expected-width="200" data-expected-height="100"> |
+</div> |
+ |
+<div class="flexbox" style="height: 80px"> |
+ <img src="../images/resources/green-100x50.png" style="height: 50%" data-expected-width="80" data-expected-height="40"> |
+</div> |
+ |
+<div class="flexbox" style="height: 40px"> |
+ <img src="../images/resources/green-100x50.png" data-expected-width="80" data-expected-height="40"> |
+</div> |
+ |
+<div class="flexbox column"> |
+ <img src="../images/resources/green-100x50.png" style="width: 50px" data-expected-width="50" data-expected-height="25"> |
+</div> |
+ |
+<div class="flexbox column" style="width: 80px"> |
+ <img src="../images/resources/green-100x50.png" style="width: 50%" data-expected-width="40" data-expected-height="20"> |
+</div> |
+ |
+<div class="flexbox column" style="width: 40px"> |
+ <img src="../images/resources/green-100x50.png" data-expected-width="40" data-expected-height="20"> |
+</div> |