Index: third_party/WebKit/LayoutTests/css3/flexbox/shrinking-column-flexbox.html |
diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/shrinking-column-flexbox.html b/third_party/WebKit/LayoutTests/css3/flexbox/shrinking-column-flexbox.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7dcd3fe09d00497e61c677e74ee14ba4ec95edf5 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/css3/flexbox/shrinking-column-flexbox.html |
@@ -0,0 +1,52 @@ |
+<!DOCTYPE html> |
+ |
+<link href="resources/flexbox.css" rel="stylesheet"> |
+ |
+<style> |
+body { |
+ width: 800px; |
+ height: 600px; |
+} |
+ |
+.green { |
+ background: green; |
+} |
+ |
+.blue { |
+ background: blue; |
+} |
+ |
+.inner { |
+ height: 200px; |
+} |
+ |
+.small { |
+ height: 100px; |
+} |
+</style> |
+ |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<script src="../../resources/check-layout-th.js"></script> |
+ |
+<script> |
+onload = function() { |
+ document.body.offsetWidth; |
+ document.getElementById("target").classList.add("small"); |
+ |
+ checkLayout("body"); |
+}; |
+</script> |
+ |
+<body class="flexbox column"> |
+ |
+<div class="flexbox column flex-one-one-auto"> |
+ <div class="flex-one-one-auto green" data-expected-height="250" id="target"> |
+ <div class="inner"></div> |
+ </div> |
+ <div class="flex-one-one-auto blue" data-expected-height="350"> |
+ <div class="inner"></div> |
+ </div> |
+</div> |
+ |
+<div id=log></div> |