Bug 1495129 [wpt PR 13266] - [css-flexbox] Move a min-size: auto testcase to WPT, a=testonly
authorChristian Biesinger <cbiesinger@chromium.org>
Fri, 05 Oct 2018 14:21:24 +0000
changeset 495806 9de10ce5fa72aee30f70bc222b4515ecfe8908d0
parent 495805 f797a850769e20bd2120fd6690dd57ecfaca0fc2
child 495807 66e07c98bd1e3135ac1f3bf636031f35a5b109bf
push id9984
push userffxbld-merge
push dateMon, 15 Oct 2018 21:07:35 +0000
treeherdermozilla-beta@183d27ea8570 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1495129, 13266, 1246730, 596743, 1252681, 595224
milestone64.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1495129 [wpt PR 13266] - [css-flexbox] Move a min-size: auto testcase to WPT, a=testonly Automatic update from web-platform-tests[css-flexbox] Move a min-size: auto testcase to WPT This relands just the testcase portion of https://chromium-review.googlesource.com/c/chromium/src/+/1246730, so that it won't be reverted in case the patch reland will be reverted again. R=eae@chromium.org, mstensho@chromium.org Bug: 596743 Change-Id: I7c0d76794d65278c96de7eb650a717e3802bbf97 Reviewed-on: https://chromium-review.googlesource.com/1252681 Reviewed-by: Emil A Eklund <eae@chromium.org> Commit-Queue: Christian Biesinger <cbiesinger@chromium.org> Cr-Commit-Position: refs/heads/master@{#595224} -- wpt-commits: 54385744d834d6a9663c565d9bf2e979282a8a68 wpt-pr: 13266
testing/web-platform/tests/css/css-flexbox/flex-minimum-height-flex-items-009.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/flex-minimum-height-flex-items-009.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<title>Tests correct handling of min-height: auto with dynamic changes</title>
+<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items" />
+<link rel="author" title="Google Inc." href="http://www.google.com/">
+<link href="support/flexbox.css" rel="stylesheet">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<style>
+.container {
+  height: 300px;
+  outline: 2px solid black;
+}
+
+.inner
+{
+  width: 400px;
+  flex: 1;
+  background-color: green;
+}
+#container2 .flexbox > * { flex-basis: 0; }
+#container2 .column > * { flex-basis: auto; }
+</style>
+<script>
+function change() {
+  var container = document.getElementById('container');
+  container.offsetHeight;
+  container.style.height = '80px';
+  container = document.getElementById('container2');
+  container.offsetHeight;
+  container.style.height = '80px';
+  checkLayout('.container');
+}
+</script>
+<body onload="change()">
+<p>Green rectangle should be entirely within the black rectangle</p>
+<div id="log"></div>
+<div id="container" class="container">
+  <div class="flexbox column" style="height: 100%;">
+    <div class="flexbox flex-one">
+        <div class="flexbox column">
+          <div class="flexbox column flex-one">
+            <div class="inner" data-expected-height="80">
+            </div>
+          </div>
+        </div>
+    </div>
+  </div>
+</div>
+
+<div id="container2" class="container">
+  <div class="flexbox column" style="height: 100%;">
+    <div class="flexbox flex-one">
+        <div class="flexbox column">
+          <div class="flexbox column flex-one">
+            <div class="inner" data-expected-height="80">
+            </div>
+          </div>
+        </div>
+    </div>
+  </div>
+</div>