Bug 1624791 [wpt PR 22434] - [css-flexbox] Move flex-column-relayout-assert.html test from css3/flexbox to WPT, a=testonly
authorGyuyoung Kim <gyuyoung@igalia.com>
Sat, 28 Mar 2020 10:34:35 +0000
changeset 521360 a567815da7cd0c85f6f77b91f17fa55164aa3aaa
parent 521359 45f804d398e6e470acb17cac779b3a17350109e4
child 521361 36f5eeef2bf878f23680479263452940b5e03809
push id111596
push userwptsync@mozilla.com
push dateTue, 31 Mar 2020 11:36:18 +0000
treeherderautoland@7c7944ec931a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1624791, 22434, 1063749, 2119460, 753457
milestone76.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 1624791 [wpt PR 22434] - [css-flexbox] Move flex-column-relayout-assert.html test from css3/flexbox to WPT, a=testonly Automatic update from web-platform-tests [css-flexbox] Move flex-column-relayout-assert.html test from css3/flexbox to WPT This CL moves flex-column-relayout-assert.html test from css/css-flexbox to external/wpt/css/css-flexbox with WPT styles, adding links to the relevant specs, a description of this test, and a title. Bug: 1063749 Change-Id: Ic68aa0b7f4b254ce10f178897a23f0b6171dd788 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2119460 Reviewed-by: Robert Ma <robertma@chromium.org> Reviewed-by: David Grogan <dgrogan@chromium.org> Commit-Queue: Gyuyoung Kim <gyuyoung@igalia.com> Cr-Commit-Position: refs/heads/master@{#753457} -- wpt-commits: 1137f4bff2b7b01fa5dabd28cee509f9c6212f39 wpt-pr: 22434
testing/web-platform/tests/css/css-flexbox/flex-column-relayout-assert.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/flex-column-relayout-assert.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>CSS Flexbox: Column height with padding</title>
+<link href="support/flexbox.css" rel="stylesheet">
+<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
+<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#item-margins">
+<meta name="assert" content="This test checks that height of flex container works with padding">
+<style>
+.flexbox {
+    background-color: green;
+}
+</style>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<body onload="checkLayout('.flexbox')">
+<div id=log></div>
+
+<p>You should see a green rectangle, 40px high.</p>
+
+<div class="flexbox column" data-expected-height="40">
+  <div id="child" data-expected-height="40"></div>
+</div>
+
+<script>
+document.getElementById('child').offsetHeight;
+document.getElementById('child').style.padding = "20px";
+</script>