Skip to content

GitLab

T
tangled
Commit 2454d0b6 authored by Julie Jeongeun Kim's avatar Julie Jeongeun Kim Committed by Commit Bot
Browse files
Options

[css-flexbox] Move width-change-and-relayout-children.html to WPT 

This CL migrates 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 and renames it to
flexbox_width-change-and-relayout-children.html.

Bug: 1063749
Change-Id: I7782b4a7230f6a28872a4eecba544abca89aafcb
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2131786
Commit-Queue: David Grogan <dgrogan@chromium.org>
Reviewed-by: default avatarDavid Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#755519}
parent cd1e623b
Hide whitespace changes
Inline Side-by-side
Showing with 40 additions and 0 deletions
third_party/blink/web_tests/css3/flexbox/width-change-and-relayout-children.html → third_party/blink/web_tests/external/wpt/css/css-flexbox/flexbox_width-change-and-relayout-children.html
View file @ 2454d0b6
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link href="resources/flexbox.css" rel="stylesheet"> <title>CSS Flexbox: Flex children width when the parent width is changed</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-containers">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
<link rel="bookmark" href="https://bugs.webkit.org/show_bug.cgi?id=108231">
<meta name="assert" content="Flexbox should relayout flex children when width changes.">
<link href="support/flexbox.css" rel="stylesheet">
<style> <style>
.flexitem { .flexitem {
width: 100%; width: 100%;
...@@ -12,9 +17,9 @@ ...@@ -12,9 +17,9 @@
background-color: salmon; background-color: salmon;
} }
</style> </style>
<script src="../../resources/testharness.js"></script> <script src="/resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script> <script src="/resources/testharnessreport.js"></script>
<script src="../../resources/check-layout-th.js"></script> <script src="/resources/check-layout-th.js"></script>
</head> </head>
<body> <body>
<div id=log></div> <div id=log></div>
...@@ -29,10 +34,7 @@ ...@@ -29,10 +34,7 @@
var container = document.getElementById('container'); var container = document.getElementById('container');
container.offsetWidth; container.offsetWidth;
container.style.width = "200px"; container.style.width = "200px";
window.onload = function() checkLayout("#container");
{
checkLayout("#container");
};
</script> </script>
</body> </body>
</html> </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