third_party/WebKit/LayoutTests/css3/flexbox/minimum-size-image.html - Issue 1639723003: [css-flexbox] Use correct aspect ratio for min-size: auto

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/minimum-size-image.html

Issue 1639723003: [css-flexbox] Use correct aspect ratio for min-size: auto (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: review comments Created 4 years, 11 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2

	3 <link href="resources/flexbox.css" rel="stylesheet">

	4 <script src="../../resources/testharness.js"></script>

	5 <script src="../../resources/testharnessreport.js"></script>

	6 <script src="../../resources/check-layout-th.js"></script>

	7

	8 <body onload="checkLayout('.flexbox')">

	9 <div id=log></div>

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

	13 <img src="../images/resources/green-100.png" style="max-height: 5px;"

	14 data-expected-width="5" data-expected-height="5">

	15 </div>

	16

	17 <div class="flexbox" style="width: 10px;" data-expected-width="10">

	18 <!-- should use min(specified, content width) = 10px as minimum width,

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

	21 </div>

	22

	23

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

	26 <img src="../images/resources/green-100.png" style="max-height: 5px;"

	27 data-expected-width="5" data-expected-height="5">

	28 </div>

	29

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

	32 <img src="../images/resources/green-100.png" style="max-height: 5px; min-hei ght: 10px;"

	33 data-expected-width="10" data-expected-height="10">

	34 </div>

	35

	36 <div class="flexbox" style="width: 10px;" data-expected-width="10">

	37 <!-- should use min(transferred, content width) = 10px as minimum width,

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

	40 </div>

	41

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

	44 <img src="../images/resources/green-100.png" style="max-width: 5px;"

	45 data-expected-width="5" data-expected-height="5">

	46 </div>

	47

	48 <div class="flexbox column" style="height: 10px;" data-expected-height="10">

	49 <!-- should use min(specified, content height) = 10px as minimum height,

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

	52 </div>

	53

	54 <div class="flexbox" style="height: 10px;" data-expected-height="10">

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

	57 data-expected-height="5" data-expected-height="5">

	58 </div>

	59

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

	62 <img src="../images/resources/green-100.png" style="max-width: 5px; min-widt h: 10px;"

	63 data-expected-height="10" data-expected-width="10">

	64 </div>

	65

	66 <div class="flexbox column" style="height: 10px;" data-expected-height="10">

	67 <!-- should use min(transferred, content height) = 10px as minimum height,

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

	70 </div>

OLD	NEW

« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.h » ('j') | no next file with comments »