Skip to content

GitLab

T
tangled
Commit 80d938f7 authored by Mario Sanchez Prada's avatar Mario Sanchez Prada Committed by Commit Bot
Browse files
Options

[css-flexbox] Migrate overflow-auto-dynamic-changes.html test to WPT 

Migrate this test out of third_party/blink/web_tests/css3/flexbox
and into the WPT-specific directory, adding links to the relevant
specs and a test assertion describing its purpose.

Bug: 1063749
Change-Id: Id406f4df17b8e60e79828f37295d404b49521fc0
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2129966
Commit-Queue: David Grogan <dgrogan@chromium.org>
Reviewed-by: default avatarDavid Grogan <dgrogan@chromium.org>
Reviewed-by: default avatarRobert Ma <robertma@chromium.org>
Cr-Commit-Position: refs/heads/master@{#757201}
parent 721b8a43
Hide whitespace changes
Inline Side-by-side
Showing with 58 additions and 0 deletions
third_party/blink/web_tests/css3/flexbox/overflow-auto-dynamic-changes.html → third_party/blink/web_tests/external/wpt/css/css-flexbox/overflow-auto-007.html
View file @ 80d938f7
<!DOCTYPE html> <!DOCTYPE html>
<html>
<title>CSS Flexbox: vertical space after changes with overflow: auto and flex-direction: column.</title>
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#overflow-properties">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
<link rel="help" href="https://crbug.com/590683">
<link rel="help" href="https://crbug.com/594465">
<link rel="match" href="reference/overflow-auto-007-ref.html">
<meta name="assert" content="This test checks that vertical space allocated to the content of a flexbox with 'overflow: auto' and 'flex-direction: column' is properly computed when its contents change." />
<style> <style>
body { body {
width: 400px; width: 400px;
height: 300px; height: 300px;
} }
.flexbox { .flexbox {
display: flex; display: flex;
} }
.column { .column {
flex-direction: column; flex-direction: column;
} }
.flex11a { .flex11a {
flex: 1 1 auto; flex: 1 1 auto;
} }
.root { .root {
height: 100px; height: 100px;
overflow-y: auto; overflow-y: auto;
} }
</style> </style>
<body onload="runTest()">
<p>This test should not have a horizontal scrollbar</p> <p>This test should not have a horizontal scrollbar</p>
...@@ -38,10 +47,12 @@ ...@@ -38,10 +47,12 @@
</div> </div>
<script> <script>
onload = function() { function runTest() {
var historyEl = document.getElementById('history'); var historyEl = document.getElementById('history');
historyEl.offsetWidth; historyEl.offsetWidth;
historyEl.innerText = '\n\n\n\n\n\n\n\n'; historyEl.innerText = '\n\n\n\n\n\n\n\n';
}; };
</script> </script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment