| 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>
|
|
|